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