|
1 <!-- |
|
2 Copyright (c) 2011 The Chromium Authors. All rights reserved. |
|
3 Use of this source code is governed by a BSD-style license that can be |
|
4 found in the LICENSE file. |
|
5 --> |
|
6 <!DOCTYPE html> |
|
7 <html> |
|
8 <head> |
|
9 <meta charset="utf-8"> |
|
10 <title>WebGL OES_vertex_array_object Conformance Tests</title> |
|
11 <link rel="stylesheet" href="../../resources/js-test-style.css"/> |
|
12 <script src="../../resources/desktop-gl-constants.js" type="text/javascript"></script> |
|
13 <script src="../../resources/js-test-pre.js"></script> |
|
14 <script src="../resources/webgl-test.js"></script> |
|
15 <script src="../resources/webgl-test-utils.js"></script> |
|
16 <!-- comment in the script tag below to test through JS emualation of the extension. --> |
|
17 <!-- |
|
18 <script src="../../../demos/google/resources/OESVertexArrayObject.js"></script> |
|
19 --> |
|
20 </head> |
|
21 <body> |
|
22 <div id="description"></div> |
|
23 <canvas id="canvas" style="width: 50px; height: 50px;"> </canvas> |
|
24 <div id="console"></div> |
|
25 <!-- Shaders for testing standard derivatives --> |
|
26 |
|
27 <script> |
|
28 description("This test verifies the functionality of the OES_vertex_array_object extension, if it is available."); |
|
29 |
|
30 debug(""); |
|
31 |
|
32 var wtu = WebGLTestUtils; |
|
33 var canvas = document.getElementById("canvas"); |
|
34 var gl = create3DContext(canvas); |
|
35 var ext = null; |
|
36 var vao = null; |
|
37 |
|
38 if (!gl) { |
|
39 testFailed("WebGL context does not exist"); |
|
40 } else { |
|
41 testPassed("WebGL context exists"); |
|
42 |
|
43 // Setup emulated OESVertexArrayObject if it has been included. |
|
44 if (window.setupVertexArrayObject) { |
|
45 debug("using emuated OES_vertex_array_object"); |
|
46 setupVertexArrayObject(gl); |
|
47 } |
|
48 |
|
49 // Run tests with extension disabled |
|
50 runBindingTestDisabled(); |
|
51 |
|
52 // Query the extension and store globally so shouldBe can access it |
|
53 ext = gl.getExtension("OES_vertex_array_object"); |
|
54 if (!ext) { |
|
55 testPassed("No OES_vertex_array_object support -- this is legal"); |
|
56 |
|
57 runSupportedTest(false); |
|
58 } else { |
|
59 testPassed("Successfully enabled OES_vertex_array_object extension"); |
|
60 |
|
61 runSupportedTest(true); |
|
62 runBindingTestEnabled(); |
|
63 runObjectTest(); |
|
64 runAttributeTests(); |
|
65 runAttributeValueTests(); |
|
66 runDrawTests(); |
|
67 } |
|
68 } |
|
69 |
|
70 function runSupportedTest(extensionEnabled) { |
|
71 var supported = gl.getSupportedExtensions(); |
|
72 if (supported.indexOf("OES_vertex_array_object") >= 0) { |
|
73 if (extensionEnabled) { |
|
74 testPassed("OES_vertex_array_object listed as supported and getExtension succeeded"); |
|
75 } else { |
|
76 testFailed("OES_vertex_array_object listed as supported but getExtension failed"); |
|
77 } |
|
78 } else { |
|
79 if (extensionEnabled) { |
|
80 testFailed("OES_vertex_array_object not listed as supported but getExtension succeeded"); |
|
81 } else { |
|
82 testPassed("OES_vertex_array_object not listed as supported and getExtension failed -- this is legal"); |
|
83 } |
|
84 } |
|
85 } |
|
86 |
|
87 function runBindingTestDisabled() { |
|
88 debug("Testing binding enum with extension disabled"); |
|
89 |
|
90 // Use the constant directly as we don't have the extension |
|
91 var VERTEX_ARRAY_BINDING_OES = 0x85B5; |
|
92 |
|
93 gl.getParameter(VERTEX_ARRAY_BINDING_OES); |
|
94 glErrorShouldBe(gl, gl.INVALID_ENUM, "VERTEX_ARRAY_BINDING_OES should not be queryable if extension is disabled"); |
|
95 } |
|
96 |
|
97 function runBindingTestEnabled() { |
|
98 debug("Testing binding enum with extension enabled"); |
|
99 |
|
100 shouldBe("ext.VERTEX_ARRAY_BINDING_OES", "0x85B5"); |
|
101 |
|
102 gl.getParameter(ext.VERTEX_ARRAY_BINDING_OES); |
|
103 glErrorShouldBe(gl, gl.NO_ERROR, "VERTEX_ARRAY_BINDING_OES query should succeed if extension is enable"); |
|
104 |
|
105 // Default value is null |
|
106 if (gl.getParameter(ext.VERTEX_ARRAY_BINDING_OES) === null) { |
|
107 testPassed("Default value of VERTEX_ARRAY_BINDING_OES is null"); |
|
108 } else { |
|
109 testFailed("Default value of VERTEX_ARRAY_BINDING_OES is not null"); |
|
110 } |
|
111 |
|
112 debug("Testing binding a VAO"); |
|
113 var vao0 = ext.createVertexArrayOES(); |
|
114 var vao1 = ext.createVertexArrayOES(); |
|
115 shouldBeNull("gl.getParameter(ext.VERTEX_ARRAY_BINDING_OES)"); |
|
116 ext.bindVertexArrayOES(vao0); |
|
117 if (gl.getParameter(ext.VERTEX_ARRAY_BINDING_OES) == vao0) { |
|
118 testPassed("gl.getParameter(ext.VERTEX_ARRAY_BINDING_OES) is expected VAO"); |
|
119 } else { |
|
120 testFailed("gl.getParameter(ext.VERTEX_ARRAY_BINDING_OES) is not expected VAO") |
|
121 } |
|
122 ext.bindVertexArrayOES(vao1); |
|
123 if (gl.getParameter(ext.VERTEX_ARRAY_BINDING_OES) == vao1) { |
|
124 testPassed("gl.getParameter(ext.VERTEX_ARRAY_BINDING_OES) is expected VAO"); |
|
125 } else { |
|
126 testFailed("gl.getParameter(ext.VERTEX_ARRAY_BINDING_OES) is not expected VAO") |
|
127 } |
|
128 ext.deleteVertexArrayOES(vao1); |
|
129 shouldBeNull("gl.getParameter(ext.VERTEX_ARRAY_BINDING_OES)"); |
|
130 ext.bindVertexArrayOES(vao1); |
|
131 glErrorShouldBe(gl, gl.INVALID_OPERATION, "binding a deleted vertex array object"); |
|
132 ext.bindVertexArrayOES(null); |
|
133 shouldBeNull("gl.getParameter(ext.VERTEX_ARRAY_BINDING_OES)"); |
|
134 ext.deleteVertexArrayOES(vao1); |
|
135 } |
|
136 |
|
137 function runObjectTest() { |
|
138 debug("Testing object creation"); |
|
139 |
|
140 vao = ext.createVertexArrayOES(); |
|
141 glErrorShouldBe(gl, gl.NO_ERROR, "createVertexArrayOES should not set an error"); |
|
142 shouldBeNonNull("vao"); |
|
143 |
|
144 // Expect false if never bound |
|
145 shouldBeFalse("ext.isVertexArrayOES(vao)"); |
|
146 ext.bindVertexArrayOES(vao); |
|
147 shouldBeTrue("ext.isVertexArrayOES(vao)"); |
|
148 ext.bindVertexArrayOES(null); |
|
149 shouldBeTrue("ext.isVertexArrayOES(vao)"); |
|
150 |
|
151 /* |
|
152 * Issue found in the conformance test. The public webgl mailing list has been notified about it. |
|
153 * The tests have already been fixed upstream. |
|
154 */ |
|
155 //shouldBeFalse("ext.isVertexArrayOES()"); |
|
156 shouldBeFalse("ext.isVertexArrayOES(null)"); |
|
157 |
|
158 ext.deleteVertexArrayOES(vao); |
|
159 vao = null; |
|
160 } |
|
161 |
|
162 function runAttributeTests() { |
|
163 debug("Testing attributes work across bindings"); |
|
164 |
|
165 var states = []; |
|
166 |
|
167 var attrCount = gl.getParameter(gl.MAX_VERTEX_ATTRIBS); |
|
168 for (var n = 0; n < attrCount; n++) { |
|
169 gl.bindBuffer(gl.ARRAY_BUFFER, null); |
|
170 gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, null); |
|
171 |
|
172 var state = {}; |
|
173 states.push(state); |
|
174 |
|
175 var vao = state.vao = ext.createVertexArrayOES(); |
|
176 ext.bindVertexArrayOES(vao); |
|
177 |
|
178 if (n % 2 == 0) { |
|
179 gl.enableVertexAttribArray(n); |
|
180 } else { |
|
181 gl.disableVertexAttribArray(n); |
|
182 } |
|
183 |
|
184 if (n % 2 == 0) { |
|
185 var buffer = state.buffer = gl.createBuffer(); |
|
186 gl.bindBuffer(gl.ARRAY_BUFFER, buffer); |
|
187 gl.bufferData(gl.ARRAY_BUFFER, 1024, gl.STATIC_DRAW); |
|
188 |
|
189 gl.vertexAttribPointer(n, 1 + n % 4, gl.FLOAT, true, n * 4, n * 4); |
|
190 } |
|
191 |
|
192 if (n % 2 == 0) { |
|
193 var elbuffer = state.elbuffer = gl.createBuffer(); |
|
194 gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, elbuffer); |
|
195 gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, 1024, gl.STATIC_DRAW); |
|
196 } |
|
197 |
|
198 ext.bindVertexArrayOES(null); |
|
199 } |
|
200 |
|
201 var anyMismatch = false; |
|
202 for (var n = 0; n < attrCount; n++) { |
|
203 var state = states[n]; |
|
204 |
|
205 ext.bindVertexArrayOES(state.vao); |
|
206 |
|
207 var isEnabled = gl.getVertexAttrib(n, gl.VERTEX_ATTRIB_ARRAY_ENABLED); |
|
208 if ((n % 2 == 1) || isEnabled) { |
|
209 // Valid |
|
210 } else { |
|
211 testFailed("VERTEX_ATTRIB_ARRAY_ENABLED not preserved"); |
|
212 anyMismatch = true; |
|
213 } |
|
214 |
|
215 var buffer = gl.getVertexAttrib(n, gl.VERTEX_ATTRIB_ARRAY_BUFFER_BINDING); |
|
216 if (n % 2 == 0) { |
|
217 if (buffer == state.buffer) { |
|
218 // Matched |
|
219 if ((gl.getVertexAttrib(n, gl.VERTEX_ATTRIB_ARRAY_SIZE) == 1 + n % 4) && |
|
220 (gl.getVertexAttrib(n, gl.VERTEX_ATTRIB_ARRAY_TYPE) == gl.FLOAT) && |
|
221 (gl.getVertexAttrib(n, gl.VERTEX_ATTRIB_ARRAY_NORMALIZED) == true) && |
|
222 (gl.getVertexAttrib(n, gl.VERTEX_ATTRIB_ARRAY_STRIDE) == n * 4) && |
|
223 (gl.getVertexAttribOffset(n, gl.VERTEX_ATTRIB_ARRAY_POINTER) == n * 4)) { |
|
224 // Matched |
|
225 } else { |
|
226 testFailed("VERTEX_ATTRIB_ARRAY_* not preserved"); |
|
227 anyMismatch = true; |
|
228 } |
|
229 } else { |
|
230 testFailed("VERTEX_ATTRIB_ARRAY_BUFFER_BINDING not preserved"); |
|
231 anyMismatch = true; |
|
232 } |
|
233 } else { |
|
234 // GL_CURRENT_VERTEX_ATTRIB is not preserved |
|
235 if (buffer) { |
|
236 testFailed("VERTEX_ATTRIB_ARRAY_BUFFER_BINDING not preserved"); |
|
237 anyMismatch = true; |
|
238 } |
|
239 } |
|
240 |
|
241 var elbuffer = gl.getParameter(gl.ELEMENT_ARRAY_BUFFER_BINDING); |
|
242 if (n % 2 == 0) { |
|
243 if (elbuffer == state.elbuffer) { |
|
244 // Matched |
|
245 } else { |
|
246 testFailed("ELEMENT_ARRAY_BUFFER_BINDING not preserved"); |
|
247 anyMismatch = true; |
|
248 } |
|
249 } else { |
|
250 if (elbuffer == null) { |
|
251 // Matched |
|
252 } else { |
|
253 testFailed("ELEMENT_ARRAY_BUFFER_BINDING not preserved"); |
|
254 anyMismatch = true; |
|
255 } |
|
256 } |
|
257 } |
|
258 ext.bindVertexArrayOES(null); |
|
259 if (!anyMismatch) { |
|
260 testPassed("All attributes preserved across bindings"); |
|
261 } |
|
262 |
|
263 for (var n = 0; n < attrCount; n++) { |
|
264 var state = states[n]; |
|
265 ext.deleteVertexArrayOES(state.vao); |
|
266 } |
|
267 } |
|
268 |
|
269 function runAttributeValueTests() { |
|
270 debug("Testing that attribute values are not attached to bindings"); |
|
271 |
|
272 var v; |
|
273 var vao0 = ext.createVertexArrayOES(); |
|
274 var anyFailed = false; |
|
275 |
|
276 ext.bindVertexArrayOES(null); |
|
277 gl.vertexAttrib4f(0, 0, 1, 2, 3); |
|
278 |
|
279 v = gl.getVertexAttrib(0, gl.CURRENT_VERTEX_ATTRIB); |
|
280 if (!(v[0] == 0 && v[1] == 1 && v[2] == 2 && v[3] == 3)) { |
|
281 testFailed("Vertex attrib value not round-tripped?"); |
|
282 anyFailed = true; |
|
283 } |
|
284 |
|
285 ext.bindVertexArrayOES(vao0); |
|
286 |
|
287 v = gl.getVertexAttrib(0, gl.CURRENT_VERTEX_ATTRIB); |
|
288 if (!(v[0] == 0 && v[1] == 1 && v[2] == 2 && v[3] == 3)) { |
|
289 testFailed("Vertex attrib value reset across bindings"); |
|
290 anyFailed = true; |
|
291 } |
|
292 |
|
293 gl.vertexAttrib4f(0, 4, 5, 6, 7); |
|
294 ext.bindVertexArrayOES(null); |
|
295 |
|
296 v = gl.getVertexAttrib(0, gl.CURRENT_VERTEX_ATTRIB); |
|
297 if (!(v[0] == 4 && v[1] == 5 && v[2] == 6 && v[3] == 7)) { |
|
298 testFailed("Vertex attrib value bound to buffer"); |
|
299 anyFailed = true; |
|
300 } |
|
301 |
|
302 if (!anyFailed) { |
|
303 testPassed("Vertex attribute values are not attached to bindings") |
|
304 } |
|
305 |
|
306 ext.bindVertexArrayOES(null); |
|
307 ext.deleteVertexArrayOES(vao0); |
|
308 } |
|
309 |
|
310 function runDrawTests() { |
|
311 debug("Testing draws with various VAO bindings"); |
|
312 |
|
313 canvas.width = 50; canvas.height = 50; |
|
314 gl.viewport(0, 0, canvas.width, canvas.height); |
|
315 |
|
316 var vao0 = ext.createVertexArrayOES(); |
|
317 var vao1 = ext.createVertexArrayOES(); |
|
318 |
|
319 var program = wtu.setupSimpleTextureProgram(gl, 0, 1); |
|
320 |
|
321 function setupQuad(s) { |
|
322 var opt_positionLocation = 0; |
|
323 var opt_texcoordLocation = 1; |
|
324 var vertexObject = gl.createBuffer(); |
|
325 gl.bindBuffer(gl.ARRAY_BUFFER, vertexObject); |
|
326 gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([ |
|
327 1.0 * s, 1.0 * s, 0.0, |
|
328 -1.0 * s, 1.0 * s, 0.0, |
|
329 -1.0 * s, -1.0 * s, 0.0, |
|
330 1.0 * s, 1.0 * s, 0.0, |
|
331 -1.0 * s, -1.0 * s, 0.0, |
|
332 1.0 * s, -1.0 * s, 0.0]), gl.STATIC_DRAW); |
|
333 gl.enableVertexAttribArray(opt_positionLocation); |
|
334 gl.vertexAttribPointer(opt_positionLocation, 3, gl.FLOAT, false, 0, 0); |
|
335 |
|
336 var vertexObject = gl.createBuffer(); |
|
337 gl.bindBuffer(gl.ARRAY_BUFFER, vertexObject); |
|
338 gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([ |
|
339 1.0 * s, 1.0 * s, |
|
340 0.0 * s, 1.0 * s, |
|
341 0.0 * s, 0.0 * s, |
|
342 1.0 * s, 1.0 * s, |
|
343 0.0 * s, 0.0 * s, |
|
344 1.0 * s, 0.0 * s]), gl.STATIC_DRAW); |
|
345 gl.enableVertexAttribArray(opt_texcoordLocation); |
|
346 gl.vertexAttribPointer(opt_texcoordLocation, 2, gl.FLOAT, false, 0, 0); |
|
347 }; |
|
348 |
|
349 function readLocation(x, y) { |
|
350 var pixels = new Uint8Array(1 * 1 * 4); |
|
351 gl.readPixels(x, y, 1, 1, gl.RGBA, gl.UNSIGNED_BYTE, pixels); |
|
352 return pixels; |
|
353 }; |
|
354 function testPixel(blackList, whiteList) { |
|
355 function testList(list, expected) { |
|
356 for (var n = 0; n < list.length; n++) { |
|
357 var l = list[n]; |
|
358 var x = -Math.floor(l * canvas.width / 2) + canvas.width / 2; |
|
359 var y = -Math.floor(l * canvas.height / 2) + canvas.height / 2; |
|
360 var source = readLocation(x, y); |
|
361 if (Math.abs(source[0] - expected) > 2) { |
|
362 return false; |
|
363 } |
|
364 } |
|
365 return true; |
|
366 } |
|
367 return testList(blackList, 0) && testList(whiteList, 255); |
|
368 }; |
|
369 function verifyDraw(drawNumber, s) { |
|
370 wtu.drawQuad(gl); |
|
371 var blackList = []; |
|
372 var whiteList = []; |
|
373 var points = [0.0, 0.2, 0.4, 0.6, 0.8, 1.0]; |
|
374 for (var n = 0; n < points.length; n++) { |
|
375 if (points[n] <= s) { |
|
376 blackList.push(points[n]); |
|
377 } else { |
|
378 whiteList.push(points[n]); |
|
379 } |
|
380 } |
|
381 if (testPixel(blackList, whiteList)) { |
|
382 testPassed("Draw " + drawNumber + " passed pixel test"); |
|
383 } else { |
|
384 testFailed("Draw " + drawNumber + " failed pixel test"); |
|
385 } |
|
386 }; |
|
387 |
|
388 // Setup all bindings |
|
389 setupQuad(1); |
|
390 ext.bindVertexArrayOES(vao0); |
|
391 setupQuad(0.5); |
|
392 ext.bindVertexArrayOES(vao1); |
|
393 setupQuad(0.25); |
|
394 |
|
395 // Verify drawing |
|
396 ext.bindVertexArrayOES(null); |
|
397 verifyDraw(0, 1); |
|
398 ext.bindVertexArrayOES(vao0); |
|
399 verifyDraw(1, 0.5); |
|
400 ext.bindVertexArrayOES(vao1); |
|
401 verifyDraw(2, 0.25); |
|
402 |
|
403 ext.bindVertexArrayOES(null); |
|
404 ext.deleteVertexArrayOES(vao0); |
|
405 ext.deleteVertexArrayOES(vao1); |
|
406 } |
|
407 |
|
408 debug(""); |
|
409 successfullyParsed = true; |
|
410 </script> |
|
411 <script>finishTest();</script> |
|
412 |
|
413 </body> |
|
414 </html> |