| author | Eugen Sawin <sawine@me73.com> |
| Thu, 21 Apr 2011 13:12:49 +0200 | |
| changeset 20 | 46b2839f6f50 |
| 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> |