1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!--
Copyright (c) 2019 The Khronos Group Inc.
Use of this source code is governed by an MIT-style license that can be
found in the LICENSE.txt file.
-->
<link rel="stylesheet" type="text/css" href="../unit.css" />
<script type="application/javascript" src="../unit.js"></script>
<script type="application/javascript" src="../util.js"></script>
<script type="application/javascript">
var verts = [0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 1.0, 0.0];
var normals = [0.0, 0.0, 1.0, 0.0, 0.0, 1.0, 0.0, 0.0, 1.0];
var texcoords = [0.0,0.0, 1.0,0.0, 0.0,1.0];
Tests.startUnit = function () {
var canvas = document.getElementById('gl');
var gl = wrapGLContext(getGLContext(canvas));
var prog = new Shader(gl, 'vert', 'frag');
prog.use();
var sh = prog.shader.program;
// log(gl.getShaderInfoLog(prog.shaders[1]));
var v = gl.getAttribLocation(sh, 'Vertex');
var n = gl.getAttribLocation(sh, 'Normal');
var t = gl.getAttribLocation(sh, 'Tex');
return [gl,prog,v,n,t];
}
Tests.setup = function(gl, prog, v,n,t) {
assert(0 == gl.getError());
return [gl, prog, v,n,t];
}
Tests.teardown = function(gl, prog, v,n,t) {
gl.disableVertexAttribArray(v);
gl.disableVertexAttribArray(n);
gl.disableVertexAttribArray(t);
}
Tests.endUnit = function(gl, prog, v,n,t) {
prog.destroy();
}
Tests.testVertexAttrib = function(gl, prog, v,n,t) {
var vbo = gl.createBuffer();
var vertsArr = new Float32Array(verts);
gl.bindBuffer(gl.ARRAY_BUFFER, vbo);
gl.bufferData(gl.ARRAY_BUFFER, vertsArr, gl.STATIC_DRAW);
gl.enableVertexAttribArray(v);
gl.vertexAttribPointer(v, 3, gl.FLOAT, false, 0, 0);
assertOk(function(){gl.drawArrays(gl.TRIANGLES, 0, 3);});
gl.vertexAttrib1fv(v, [1]);
gl.vertexAttrib2fv(v, [1,2]);
gl.vertexAttrib3fv(v, [1,2,3]);
gl.vertexAttrib4fv(v, [1,2,3,4]);
gl.vertexAttrib1f(v, 1);
gl.vertexAttrib2f(v, 1,2);
gl.vertexAttrib3f(v, 1,2,3);
gl.vertexAttrib4f(v, 1,2,3,4);
assertOk(function(){gl.drawArrays(gl.TRIANGLES, 0, 3);});
throwError(gl);
gl.bindBuffer(gl.ARRAY_BUFFER, null);
gl.deleteBuffer(vbo);
throwError(gl);
}
Tests.testVertexAttribVBO = function(gl, prog, v,n,t) {
var vbo = gl.createBuffer();
var vertsArr = new Float32Array(verts);
gl.bindBuffer(gl.ARRAY_BUFFER, vbo);
gl.bufferData(gl.ARRAY_BUFFER, vertsArr, gl.STATIC_DRAW);
gl.enableVertexAttribArray(v);
gl.vertexAttribPointer(v, 3, gl.FLOAT, false, 0, 0);
gl.vertexAttrib1fv(v, [1]);
gl.vertexAttrib2fv(v, [1,2]);
gl.vertexAttrib3fv(v, [1,2,3]);
gl.vertexAttrib4fv(v, [1,2,3,4]);
gl.vertexAttrib1f(v, 1);
gl.vertexAttrib2f(v, 1,2);
gl.vertexAttrib3f(v, 1,2,3);
gl.vertexAttrib4f(v, 1,2,3,4);
assertOk(function(){gl.vertexAttribPointer(v, 3, gl.FLOAT, false, 0, 0);});
assertOk(function(){gl.drawArrays(gl.TRIANGLES, 0, 3);});
gl.vertexAttrib4fv(v, [1,2,3,4]);
assertOk(function(){gl.drawArrays(gl.TRIANGLES, 0, 3);});
throwError(gl);
gl.bindBuffer(gl.ARRAY_BUFFER, null);
gl.deleteBuffer(vbo);
throwError(gl);
}
</script>
<script id="vert" type="x-shader/x-vertex">
attribute vec3 Vertex;
attribute vec3 Normal;
attribute vec2 Tex;
varying vec4 texCoord0;
void main()
{
gl_Position = vec4(Vertex * Normal, 1.0);
texCoord0 = vec4(Tex,0.0,0.0) + gl_Position;
}
</script>
<script id="frag" type="x-shader/x-fragment">
precision mediump float;
varying vec4 texCoord0;
void main()
{
vec4 c = texCoord0;
gl_FragColor = c;
}
</script>
<style>canvas{ position:absolute; }</style>
</head><body>
<canvas id="gl" width="1" height="1"></canvas>
</body></html>
|
