/lenasys/0.1

To get this branch, use:
bzr branch http://gegoxaren.bato24.eu/bzr/lenasys/0.1

« back to all changes in this revision

Viewing changes to trunk/WebGL and Benchmarking/Test1ShaderStartup.html

  • Committer: Henrik G.
  • Date: 2013-03-26 23:22:55 UTC
  • Revision ID: henrik.gustavsson@his.se-20130326232255-ik6snyatlbkf3zs1
First seed of Lenasys ... Needs to be Organized Further

Show diffs side-by-side

added added

removed removed

Lines of Context:
trunk/WebGL and Benchmarking/Test1ShaderStartup.html
 
1
<html>
 
2
 
 
3
<head>
 
4
<title>Shader Startup Benchmark</title>
 
5
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
 
6
 
 
7
<script type="text/javascript" src="glMatrix-0.9.5.min.js"></script>
 
8
<script type="text/javascript" src="webgl-utils.js"></script>
 
9
<script type="text/javascript" src="webgl-helpers.js"></script>
 
10
<script type="text/javascript" src="httpAjax.js"></script>
 
11
 
 
12
<script id="shader-fs" type="x-shader/x-fragment">
 
13
    precision mediump float;
 
14
 
 
15
    uniform vec2 iResolution;
 
16
    uniform float iGlobalTime;
 
17
 
 
18
    void main(void) {
 
19
                                vec2 uv = gl_FragCoord.xy / iResolution.xy;
 
20
                                gl_FragColor = vec4(uv,0.5+0.5*sin(iGlobalTime),1.0);
 
21
    }
 
22
 
 
23
</script>
 
24
 
 
25
<script id="shader-vs" type="x-shader/x-vertex">
 
26
    attribute vec3 aVertexPosition;
 
27
 
 
28
    uniform mat4 uMVMatrix;
 
29
    uniform mat4 uPMatrix;
 
30
    
 
31
    varying vec4 vColor;
 
32
 
 
33
    void main(void) {
 
34
        gl_Position = uPMatrix * uMVMatrix * vec4(aVertexPosition, 1.0);
 
35
    }
 
36
</script>
 
37
 
 
38
 
 
39
<script type="text/javascript">
 
40
 
 
41
    function initShaders() {
 
42
        var fragmentShader = getShader(gl, "shader-fs");
 
43
        var vertexShader = getShader(gl, "shader-vs");
 
44
 
 
45
        shaderProgram = gl.createProgram();
 
46
        gl.attachShader(shaderProgram, vertexShader);
 
47
        gl.attachShader(shaderProgram, fragmentShader);
 
48
        gl.linkProgram(shaderProgram);
 
49
 
 
50
        if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
 
51
            alert("Could not initialise shaders");
 
52
        }
 
53
 
 
54
        gl.useProgram(shaderProgram);
 
55
 
 
56
        shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
 
57
        gl.enableVertexAttribArray(shaderProgram.vertexPositionAttribute);
 
58
 
 
59
        shaderProgram.pMatrixUniform = gl.getUniformLocation(shaderProgram, "uPMatrix");
 
60
        shaderProgram.mvMatrixUniform = gl.getUniformLocation(shaderProgram, "uMVMatrix");
 
61
    
 
62
        shaderProgram.iResolutionUniform = gl.getUniformLocation(shaderProgram, "iResolution");
 
63
        shaderProgram.iGlobalTimeUniform = gl.getUniformLocation(shaderProgram, "iGlobalTime");
 
64
                
 
65
    }
 
66
 
 
67
    var squareVertexPositionBuffer;
 
68
 
 
69
    function initBuffers() 
 
70
    {
 
71
        squareVertexPositionBuffer = gl.createBuffer();
 
72
        gl.bindBuffer(gl.ARRAY_BUFFER, squareVertexPositionBuffer);
 
73
        vertices = [
 
74
             1.0,  1.0,  0.0,
 
75
            -1.0,  1.0,  0.0,
 
76
             1.0, -1.0,  0.0,
 
77
            -1.0, -1.0,  0.0
 
78
            ];
 
79
        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(vertices), gl.STATIC_DRAW);
 
80
        squareVertexPositionBuffer.itemSize = 3;
 
81
        squareVertexPositionBuffer.numItems = 4;
 
82
    }
 
83
 
 
84
    function drawScene()
 
85
    {
 
86
        gl.uniform2f(shaderProgram.iResolutionUniform,gl.viewportWidth,gl.viewportHeight);
 
87
        gl.uniform1f(shaderProgram.iGlobalTimeUniform,timecount);
 
88
            
 
89
        gl.viewport(0, 0, gl.viewportWidth, gl.viewportHeight);
 
90
        gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
 
91
 
 
92
                                mat4.ortho(-1, 1, -1, 1, -1, 1, pMatrix)
 
93
        mat4.identity(mvMatrix);
 
94
 
 
95
        gl.bindBuffer(gl.ARRAY_BUFFER, squareVertexPositionBuffer);
 
96
        gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, squareVertexPositionBuffer.itemSize, gl.FLOAT, false, 0, 0);
 
97
 
 
98
        gl.uniformMatrix4fv(shaderProgram.pMatrixUniform, false, pMatrix);
 
99
        gl.uniformMatrix4fv(shaderProgram.mvMatrixUniform, false, mvMatrix);
 
100
 
 
101
        gl.drawArrays(gl.TRIANGLE_STRIP, 0, squareVertexPositionBuffer.numItems);
 
102
    }
 
103
 
 
104
 
 
105
    var lastTime = 0;
 
106
 
 
107
    function animate()
 
108
    {
 
109
        var timeNow = new Date().getTime();
 
110
        if (lastTime != 0) {
 
111
            var elapsed = timeNow - lastTime;
 
112
        }
 
113
        lastTime = timeNow;
 
114
                                
 
115
                                updatefps(elapsed,"fps");
 
116
                                sendbenchmark(8.0,"Startup Screenaligned");
 
117
    }
 
118
 
 
119
    function tick() {
 
120
        requestAnimFrame(tick);
 
121
        drawScene();
 
122
        animate();
 
123
    }
 
124
    
 
125
    function webGLStart(canvas) {
 
126
        var canvas = document.getElementById(canvas);
 
127
        initGL(canvas);
 
128
        initShaders()
 
129
        initBuffers();
 
130
 
 
131
        gl.clearColor(0.0, 0.0, 0.0, 1.0);
 
132
        gl.enable(gl.DEPTH_TEST);
 
133
 
 
134
        tick();
 
135
    }    
 
136
    
 
137
</script>
 
138
 
 
139
</head>
 
140
 
 
141
 
 
142
<body onload="genID('Startup Screenaligned');webGLStart('canvas');">
 
143
 
 
144
    <canvas id="canvas" style="border: none;" width="400" height="400"></canvas>
 
145
    <div id="fps"></div>
 
146
 
 
147
</body>
 
148
 
 
149
</html>