author | Eugen Sawin <sawine@me73.com> |
Fri, 15 Apr 2011 23:02:28 +0200 | |
changeset 11 | 9c0318d0f1c3 |
parent 4 | 3f61f8af55ff |
child 23 | 7f4a00fee578 |
permissions | -rwxr-xr-x |
sawine@2 | 1 |
<html> |
sawine@2 | 2 |
<head> |
sawine@2 | 3 |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
sawine@2 | 4 |
<title>Machine Alpha</title> |
sawine@6 | 5 |
<script src="scripts/CanvasMatrix.js" type="text/javascript"></script> |
sawine@2 | 6 |
<script src="scripts/utils3d.js" type="text/javascript"> </script> |
sawine@2 | 7 |
<script src="scripts/glMatrix.js" type="text/javascript"></script> |
sawine@6 | 8 |
<script src="scripts/webgl-utils.js" type="text/javascript"></script> |
sawine@2 | 9 |
|
sawine@2 | 10 |
<script id="fragment-shader" type="x-shader/x-fragment"> |
sawine@2 | 11 |
#ifdef GL_ES |
sawine@2 | 12 |
precision highp float; |
sawine@2 | 13 |
#endif |
sawine@4 | 14 |
|
sawine@4 | 15 |
varying vec4 vColour; |
sawine@2 | 16 |
|
sawine@4 | 17 |
void main(void) |
sawine@4 | 18 |
{ |
sawine@4 | 19 |
gl_FragColor = vColour; |
sawine@2 | 20 |
} |
sawine@2 | 21 |
</script> |
sawine@2 | 22 |
|
sawine@2 | 23 |
<script id="vertex-shader" type="x-shader/x-vertex"> |
sawine@2 | 24 |
attribute vec3 aVertexPosition; |
sawine@4 | 25 |
attribute vec4 aVertexColour; |
sawine@4 | 26 |
|
sawine@2 | 27 |
uniform mat4 uMVMatrix; |
sawine@2 | 28 |
uniform mat4 uPMatrix; |
sawine@4 | 29 |
|
sawine@4 | 30 |
varying vec4 vColour; |
sawine@2 | 31 |
|
sawine@4 | 32 |
void main(void) |
sawine@4 | 33 |
{ |
sawine@2 | 34 |
gl_Position = uPMatrix * uMVMatrix * vec4(aVertexPosition, 1.0); |
sawine@4 | 35 |
vColour = aVertexColour; |
sawine@2 | 36 |
} |
sawine@2 | 37 |
</script> |
sawine@2 | 38 |
|
sawine@2 | 39 |
<script src="scripts/machine.js" type="text/javascript"></script> |
sawine@2 | 40 |
</head> |
sawine@2 | 41 |
|
sawine@2 | 42 |
<body onload="main();"> |
sawine@2 | 43 |
<canvas id="machine"> |
sawine@2 | 44 |
Download a browser with WebGL support, like Chrome or Firefox. |
sawine@2 | 45 |
</canvas> |
sawine@2 | 46 |
</body> |
sawine@2 | 47 |
|
sawine@2 | 48 |
</html> |