{"file_name":"index.html","content":"<script>\n\tvar canvas = document.createElement('canvas');\n\tdocument.body.appendChild(canvas);\n\n\tvar gl = canvas.getContext(\"2d\");\n\n\t// Define the vertex and fragment shaders\n\tvar vertexShaderSource = \\\"\\n\tattribute vec2 position;\\n\\tvoid main() {\\n\\t\\tgl_Position = vec4(position, 0.0, 1.0);\\n\\t}\\\";\n\tvar fragmentShaderSource = \\\"\\n\\tuniform vec4 color;\\n\\tvoid main() {\\n\\t\\tgl_FragColor = color;\\n\\t}\\\";\n\n\t// Compile the shaders and link them together\n\tvar vertexShader = gl.createShader(gl.VERTEX_SHADER);\\n\tgl.shaderSource(vertexShader, vertexShaderSource);\\n\tgl.compileShader(vertexShader);\n\tvar fragmentShader = gl.createShader(gl.FRAGMENT_SHADER);\\n\tgl.shaderSource(fragmentShader, fragmentShaderSource);\\n\tgl.compileShader(fragmentShader);\n\tmlProgram = gl.createProgram();\\n\tgl.attachShader(mProgram, vertexShader);\\n\tgl.attachShader(mProgram, fragmentShader);\\n\tgl.linkProgram(mProgram);\n\t// Create a vertex buffer object (VBO) to hold our vertex data\n\tvar vertices = new Float32Array([\\n\t\\t-1.0, -1.0,\\n\t\\t 1.0, -1.0,\\n\t\\t 1.0, 1.0,\\n\t\\t-1.0, 1.0\\n\t]);\n\tvar vbo = gl.createBuffer();\\n\tgl.bindBuffer(gl.ARRAY_BUFFER, vbo);\\n\tgl.bufferData(gl.ARRAY_BUFFER, vertices, gl.STATIC_DRAW);\n\t// Create a uniform to hold our color\n\tvar uniforms = [gl.getUniformLocation(mProgram, \"color\")];\n\t// Draw the triangle!\n\tgl.useProgram(mProgram);\n\tgl.uniform4fv(uniforms[0], new Float32Array([1.0, 0.0, 0.0, 1.0]));\n\tgl.drawArrays(gl.TRIANGLES, 0, vertices.length / 2);\\n</script>"}