| <!DOCTYPE html> |
| <html style="margin: 0; padding: 0;"> |
| <head> |
| <meta charset="utf-8"> |
| <title>Simple WebGL context</title> |
| <script src="webgl-test-utils.js"> </script> |
| </head> |
| <body style="margin: 0; padding: 0; overflow: hidden;"> |
| <canvas id="c" |
| width="1680" height="1050" |
| style="width: 256px; height: 256px;"> <!-- scaled to fit page better --> |
| <script id="vshader" type="x-shader/x-vertex"> |
| attribute vec4 vPosition; |
| void main() |
| { |
| gl_Position = vPosition; |
| } |
| </script> |
| |
| <script id="fshader" type="x-shader/x-fragment"> |
| void main() |
| { |
| gl_FragColor = vec4(1.0,0.0,0.0,1.0); |
| } |
| </script> |
| |
| <script> |
| var wtu = WebGLTestUtils; |
| |
| var gl = wtu.create3DContext("c", {"antialiased": false}); |
| program = wtu.setupProgram(gl, ["vshader", "fshader"], ["vPosition"]); |
| |
| var vertexObject = gl.createBuffer(); |
| gl.bindBuffer(gl.ARRAY_BUFFER, vertexObject); |
| gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([ 0,0.75,0, -0.75,-0.75,0, 0.75,-0.75,0 ]), gl.STATIC_DRAW); |
| gl.enableVertexAttribArray(0); |
| gl.vertexAttribPointer(0, 3, gl.FLOAT, false, 0, 0); |
| |
| gl.clearColor(0.0, 0.0, 0.0, 1.0); |
| gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT); |
| gl.drawArrays(gl.TRIANGLES, 0, 3); |
| |
| if(parent) { |
| window.glContext = gl; |
| parent.postMessage("Ready", "*"); |
| } |
| </script> |
| </body> |
| </html> |
