Source code
Revision control
Copy as Markdown
Other Tools
<!--
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.
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>WebGL OES_vertex_array_object Conformance Tests</title>
<link rel="stylesheet" href="../../resources/js-test-style.css"/>
<script src="../../js/js-test-pre.js"></script>
<script src="../../js/webgl-test-utils.js"></script>
<!-- comment in the script tag below to test through JS emulation of the extension. -->
<!--
<script src="../../../demos/google/resources/OESVertexArrayObject.js"></script>
-->
</head>
<body>
<div id="description"></div>
<canvas id="canvas" style="width: 50px; height: 50px;"> </canvas>
<div id="console"></div>
<script id="vshader" type="x-shader/x-vertex">
attribute vec4 a_position;
attribute vec4 a_color;
varying vec4 v_color;
void main(void) {
gl_Position = a_position;
v_color = a_color;
}
</script>
<script id="fshader" type="x-shader/x-fragment">
precision mediump float;
varying vec4 v_color;
void main(void) {
gl_FragColor = v_color;
}
</script>
<script>
"use strict";
description("This test verifies the functionality of the OES_vertex_array_object extension, if it is available.");
debug("");
var wtu = WebGLTestUtils;
var canvas = document.getElementById("canvas");
var gl = wtu.create3DContext(canvas);
var ext = null;
var vao = null;
var contextA;
var contextB;
var extA;
var extB;
var vertexArrayA;
var vertexArrayB;
if (!gl) {
testFailed("WebGL context does not exist");
} else {
testPassed("WebGL context exists");
// Setup emulated OESVertexArrayObject if it has been included.
if (window.setupVertexArrayObject) {
debug("using emulated OES_vertex_array_object");
setupVertexArrayObject(gl);
}
// Run tests with extension disabled
runBindingTestDisabled();
// Query the extension and store globally so shouldBe can access it
ext = gl.getExtension("OES_vertex_array_object");
if (!ext) {
testPassed("No OES_vertex_array_object support -- this is legal");
runSupportedTest(false);
} else {
testPassed("Successfully enabled OES_vertex_array_object extension");
runSupportedTest(true);
runBindingTestEnabled();
runObjectTest();
runAttributeTests();
runAttributeValueTests();
runDrawTests();
runUnboundDeleteTests();
runBoundDeleteTests();
runArrayBufferBindTests();
runInvalidContextTests();
wtu.glErrorShouldBe(gl, gl.NO_ERROR, "there should be no errors");
}
}
function runSupportedTest(extensionEnabled) {
var supported = gl.getSupportedExtensions();
if (supported.indexOf("OES_vertex_array_object") >= 0) {
if (extensionEnabled) {
testPassed("OES_vertex_array_object listed as supported and getExtension succeeded");
} else {
testFailed("OES_vertex_array_object listed as supported but getExtension failed");
}
} else {
if (extensionEnabled) {
testFailed("OES_vertex_array_object not listed as supported but getExtension succeeded");
} else {
testPassed("OES_vertex_array_object not listed as supported and getExtension failed -- this is legal");
}
}
}
function runBindingTestDisabled() {
debug("");
debug("Testing binding enum with extension disabled");
// Use the constant directly as we don't have the extension
var VERTEX_ARRAY_BINDING_OES = 0x85B5;
gl.getParameter(VERTEX_ARRAY_BINDING_OES);
wtu.glErrorShouldBe(gl, gl.INVALID_ENUM, "VERTEX_ARRAY_BINDING_OES should not be queryable if extension is disabled");
}
function runBindingTestEnabled() {
debug("");
debug("Testing binding enum with extension enabled");
shouldBe("ext.VERTEX_ARRAY_BINDING_OES", "0x85B5");
gl.getParameter(ext.VERTEX_ARRAY_BINDING_OES);
wtu.glErrorShouldBe(gl, gl.NO_ERROR, "VERTEX_ARRAY_BINDING_OES query should succeed if extension is enabled");
// Default value is null
if (gl.getParameter(ext.VERTEX_ARRAY_BINDING_OES) === null) {
testPassed("Default value of VERTEX_ARRAY_BINDING_OES is null");
} else {
testFailed("Default value of VERTEX_ARRAY_BINDING_OES is not null");
}
debug("");
debug("Testing binding a VAO");
var vao0 = ext.createVertexArrayOES();
var vao1 = ext.createVertexArrayOES();
shouldBeNull("gl.getParameter(ext.VERTEX_ARRAY_BINDING_OES)");
ext.bindVertexArrayOES(vao0);
if (gl.getParameter(ext.VERTEX_ARRAY_BINDING_OES) == vao0) {
testPassed("gl.getParameter(ext.VERTEX_ARRAY_BINDING_OES) is expected VAO");
} else {
testFailed("gl.getParameter(ext.VERTEX_ARRAY_BINDING_OES) is not expected VAO")
}
ext.bindVertexArrayOES(vao1);
if (gl.getParameter(ext.VERTEX_ARRAY_BINDING_OES) == vao1) {
testPassed("gl.getParameter(ext.VERTEX_ARRAY_BINDING_OES) is expected VAO");
} else {
testFailed("gl.getParameter(ext.VERTEX_ARRAY_BINDING_OES) is not expected VAO")
}
ext.deleteVertexArrayOES(vao1);
shouldBeNull("gl.getParameter(ext.VERTEX_ARRAY_BINDING_OES)");
ext.bindVertexArrayOES(vao1);
wtu.glErrorShouldBe(gl, gl.INVALID_OPERATION, "binding a deleted vertex array object");
ext.bindVertexArrayOES(null);
shouldBeNull("gl.getParameter(ext.VERTEX_ARRAY_BINDING_OES)");
ext.deleteVertexArrayOES(vao1);
}
function runObjectTest() {
debug("");
debug("Testing object creation");
vao = ext.createVertexArrayOES();
wtu.glErrorShouldBe(gl, gl.NO_ERROR, "createVertexArrayOES should not set an error");
shouldBeNonNull("vao");
// Expect false if never bound
shouldBeFalse("ext.isVertexArrayOES(vao)");
ext.bindVertexArrayOES(vao);
shouldBeTrue("ext.isVertexArrayOES(vao)");
ext.bindVertexArrayOES(null);
shouldBeTrue("ext.isVertexArrayOES(vao)");
shouldBeFalse("ext.isVertexArrayOES(null)");
ext.deleteVertexArrayOES(vao);
vao = null;
}
function runAttributeTests() {
debug("");
debug("Testing attributes work across bindings");
var states = [];
var attrCount = gl.getParameter(gl.MAX_VERTEX_ATTRIBS);
for (var n = 0; n < attrCount; n++) {
gl.bindBuffer(gl.ARRAY_BUFFER, null);
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, null);
var state = {};
states.push(state);
var vao = state.vao = ext.createVertexArrayOES();
ext.bindVertexArrayOES(vao);
var enableArray = (n % 2 == 0);
if (enableArray) {
gl.enableVertexAttribArray(n);
} else {
gl.disableVertexAttribArray(n);
}
if (enableArray) {
var buffer = state.buffer = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
gl.bufferData(gl.ARRAY_BUFFER, 1024, gl.STATIC_DRAW);
gl.vertexAttribPointer(n, 1 + n % 4, gl.FLOAT, true, n * 4, n * 4);
}
if (enableArray) {
var elbuffer = state.elbuffer = gl.createBuffer();
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, elbuffer);
gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, 1024, gl.STATIC_DRAW);
}
ext.bindVertexArrayOES(null);
}
var anyMismatch = false;
for (var n = 0; n < attrCount; n++) {
var state = states[n];
ext.bindVertexArrayOES(state.vao);
var shouldBeEnabled = (n % 2 == 0);
var isEnabled = gl.getVertexAttrib(n, gl.VERTEX_ATTRIB_ARRAY_ENABLED);
if (shouldBeEnabled != isEnabled) {
testFailed("VERTEX_ATTRIB_ARRAY_ENABLED not preserved");
anyMismatch = true;
}
var buffer = gl.getVertexAttrib(n, gl.VERTEX_ATTRIB_ARRAY_BUFFER_BINDING);
if (shouldBeEnabled) {
if (buffer == state.buffer) {
// Matched
if ((gl.getVertexAttrib(n, gl.VERTEX_ATTRIB_ARRAY_SIZE) == 1 + n % 4) &&
(gl.getVertexAttrib(n, gl.VERTEX_ATTRIB_ARRAY_TYPE) == gl.FLOAT) &&
(gl.getVertexAttrib(n, gl.VERTEX_ATTRIB_ARRAY_NORMALIZED) == true) &&
(gl.getVertexAttrib(n, gl.VERTEX_ATTRIB_ARRAY_STRIDE) == n * 4) &&
(gl.getVertexAttribOffset(n, gl.VERTEX_ATTRIB_ARRAY_POINTER) == n * 4)) {
// Matched
} else {
testFailed("VERTEX_ATTRIB_ARRAY_* not preserved");
anyMismatch = true;
}
} else {
testFailed("VERTEX_ATTRIB_ARRAY_BUFFER_BINDING not preserved");
anyMismatch = true;
}
} else {
// GL_CURRENT_VERTEX_ATTRIB is not preserved
if (buffer) {
testFailed("VERTEX_ATTRIB_ARRAY_BUFFER_BINDING not preserved");
anyMismatch = true;
}
}
var elbuffer = gl.getParameter(gl.ELEMENT_ARRAY_BUFFER_BINDING);
if (shouldBeEnabled) {
if (elbuffer == state.elbuffer) {
// Matched
} else {
testFailed("ELEMENT_ARRAY_BUFFER_BINDING not preserved");
anyMismatch = true;
}
} else {
if (elbuffer == null) {
// Matched
} else {
testFailed("ELEMENT_ARRAY_BUFFER_BINDING not preserved");
anyMismatch = true;
}
}
}
ext.bindVertexArrayOES(null);
if (!anyMismatch) {
testPassed("All attributes preserved across bindings");
}
for (var n = 0; n < attrCount; n++) {
var state = states[n];
ext.deleteVertexArrayOES(state.vao);
}
}
function runAttributeValueTests() {
debug("");
debug("Testing that attribute values are not attached to bindings");
var v;
var vao0 = ext.createVertexArrayOES();
var anyFailed = false;
ext.bindVertexArrayOES(null);
gl.vertexAttrib4f(0, 0, 1, 2, 3);
v = gl.getVertexAttrib(0, gl.CURRENT_VERTEX_ATTRIB);
if (!(v[0] == 0 && v[1] == 1 && v[2] == 2 && v[3] == 3)) {
testFailed("Vertex attrib value not round-tripped?");
anyFailed = true;
}
ext.bindVertexArrayOES(vao0);
v = gl.getVertexAttrib(0, gl.CURRENT_VERTEX_ATTRIB);
if (!(v[0] == 0 && v[1] == 1 && v[2] == 2 && v[3] == 3)) {
testFailed("Vertex attrib value reset across bindings");
anyFailed = true;
}
gl.vertexAttrib4f(0, 4, 5, 6, 7);
ext.bindVertexArrayOES(null);
v = gl.getVertexAttrib(0, gl.CURRENT_VERTEX_ATTRIB);
if (!(v[0] == 4 && v[1] == 5 && v[2] == 6 && v[3] == 7)) {
testFailed("Vertex attrib value bound to buffer");
anyFailed = true;
}
if (!anyFailed) {
testPassed("Vertex attribute values are not attached to bindings")
}
ext.bindVertexArrayOES(null);
ext.deleteVertexArrayOES(vao0);
}
function runDrawTests() {
debug("");
debug("Testing draws with various VAO bindings");
canvas.width = 50; canvas.height = 50;
gl.viewport(0, 0, canvas.width, canvas.height);
var vao0 = ext.createVertexArrayOES();
var vao1 = ext.createVertexArrayOES();
var vao2 = ext.createVertexArrayOES();
var positionLocation = 0;
var colorLocation = 1;
var program = wtu.setupSimpleVertexColorProgram(gl, positionLocation, colorLocation);
function setupQuad(s, colorsInArray) {
var vertexObject = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, vertexObject);
gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([
1.0 * s, 1.0 * s, 0.0,
-1.0 * s, 1.0 * s, 0.0,
-1.0 * s, -1.0 * s, 0.0,
1.0 * s, 1.0 * s, 0.0,
-1.0 * s, -1.0 * s, 0.0,
1.0 * s, -1.0 * s, 0.0]), gl.STATIC_DRAW);
gl.enableVertexAttribArray(positionLocation);
gl.vertexAttribPointer(positionLocation, 3, gl.FLOAT, false, 0, 0);
// Test switching between VAOs that have different number of enabled arrays
if (colorsInArray) {
var vertexObject = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, vertexObject);
gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([
0.0, 0.0, 0.0, 1.0,
0.0, 0.0, 0.0, 1.0,
0.0, 0.0, 0.0, 1.0,
0.0, 0.0, 0.0, 1.0,
0.0, 0.0, 0.0, 1.0,
0.0, 0.0, 0.0, 1.0]), gl.STATIC_DRAW);
gl.enableVertexAttribArray(colorLocation);
gl.vertexAttribPointer(colorLocation, 4, gl.FLOAT, false, 0, 0);
} else {
gl.disableVertexAttribArray(colorLocation);
}
};
function verifyDiagonalPixels(s, expectedInside, drawDescription) {
// Tests pixels along a diagonal running from the center of the canvas to the (0, 0) corner.
// Values on the points list indicate relative position along this diagonal.
var points = [0.0, 0.2, 0.4, 0.6, 0.8, 1.0];
for (var n = 0; n < points.length; n++) {
var expected = points[n] <= s ? expectedInside : 255;
var x = Math.round((1 - points[n]) * canvas.width / 2);
var y = Math.round((1 - points[n]) * canvas.height / 2);
wtu.checkCanvasRect(gl, x, y, 1, 1, [expected, expected, expected, 255],
"Drawing " + drawDescription + " should pass", 2);
}
};
function verifyDraw(drawDescription, s, colorsInArray) {
wtu.clearAndDrawUnitQuad(gl);
var expectedInside = colorsInArray ? 0 : 128;
verifyDiagonalPixels(s, expectedInside, drawDescription);
};
// Setup all bindings
setupQuad(1, true);
ext.bindVertexArrayOES(vao0);
setupQuad(0.5, true);
ext.bindVertexArrayOES(vao1);
setupQuad(0.25, true);
ext.bindVertexArrayOES(vao2);
setupQuad(0.75, false);
gl.vertexAttrib4f(colorLocation, 0.5, 0.5, 0.5, 1);
// Verify drawing
ext.bindVertexArrayOES(null);
verifyDraw("with the default VAO", 1, true);
ext.bindVertexArrayOES(vao0);
verifyDraw("with VAO #0", 0.5, true);
ext.bindVertexArrayOES(vao1);
verifyDraw("with VAO #1", 0.25, true);
ext.bindVertexArrayOES(vao2);
verifyDraw("with VAO that has the color array disabled", 0.75, false);
// Verify bound VAO after delete
ext.bindVertexArrayOES(vao1);
ext.deleteVertexArrayOES(vao0);
verifyDraw("after deleting another VAO", 0.25, true);
ext.deleteVertexArrayOES(vao1);
verifyDraw("after deleting the VAO that was bound", 1, true);
// Disable global vertex attrib array
gl.disableVertexAttribArray(positionLocation);
gl.disableVertexAttribArray(colorLocation);
// Check that constant values are treated correctly as not being part of VAO state.
var positionLoc = 0;
var colorLoc = 1;
var gridRes = 1;
wtu.setupIndexedQuad(gl, gridRes, positionLoc);
// Set the vertex color to red.
gl.vertexAttrib4f(colorLoc, 1, 0, 0, 1);
var vao0 = ext.createVertexArrayOES();
ext.bindVertexArrayOES(vao0);
var program = wtu.setupSimpleVertexColorProgram(gl, positionLoc, colorLoc);
wtu.setupIndexedQuad(gl, gridRes, positionLoc);
// Set the vertex color to green.
gl.vertexAttrib4f(colorLoc, 0, 1, 0, 1);
wtu.clearAndDrawIndexedQuad(gl, gridRes);
wtu.checkCanvas(gl, [0, 255, 0, 255], "should be green");
ext.deleteVertexArrayOES(vao0);
wtu.clearAndDrawIndexedQuad(gl, gridRes);
wtu.checkCanvas(gl, [0, 255, 0, 255], "should be green");
}
function runUnboundDeleteTests() {
debug("");
debug("Testing using buffers that are deleted when attached to unbound VAOs");
var program = wtu.setupProgram(gl, ["vshader", "fshader"], ["a_position", "a_color"]);
gl.useProgram(program);
var positionBuffer = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);
gl.bufferData(
gl.ARRAY_BUFFER,
new Float32Array([
1.0, 1.0,
-1.0, 1.0,
-1.0, -1.0,
1.0, -1.0]),
gl.STATIC_DRAW);
var colors = [
[255, 0, 0, 255],
[ 0, 255, 0, 255],
[ 0, 0, 255, 255],
[ 0, 255, 255, 255]
];
var colorBuffers = [];
var elementBuffers = [];
var vaos = [];
for (var ii = 0; ii < colors.length; ++ii) {
var vao = ext.createVertexArrayOES();
vaos.push(vao);
ext.bindVertexArrayOES(vao);
// Set the position buffer
gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);
gl.enableVertexAttribArray(0);
gl.vertexAttribPointer(0, 2, gl.FLOAT, false, 0, 0);
var elementBuffer = gl.createBuffer();
elementBuffers.push(elementBuffer);
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, elementBuffer);
gl.bufferData(
gl.ELEMENT_ARRAY_BUFFER,
new Uint8Array([0, 1, 2, 0, 2, 3]),
gl.STATIC_DRAW);
// Setup the color attrib
var color = colors[ii];
if (ii < 3) {
var colorBuffer = gl.createBuffer();
colorBuffers.push(colorBuffer);
gl.bindBuffer(gl.ARRAY_BUFFER, colorBuffer);
gl.bufferData(gl.ARRAY_BUFFER, new Uint8Array(
[ color[0], color[1], color[2], color[3],
color[0], color[1], color[2], color[3],
color[0], color[1], color[2], color[3],
color[0], color[1], color[2], color[3]
]), gl.STATIC_DRAW);
gl.enableVertexAttribArray(1);
gl.vertexAttribPointer(1, 4, gl.UNSIGNED_BYTE, true, 0, 0);
} else {
gl.vertexAttrib4f(1, color[0] / 255, color[1] / 255, color[2] / 255, color[3] / 255);
}
}
// delete the color buffers AND the position buffer.
ext.bindVertexArrayOES(null);
for (var ii = 0; ii < colorBuffers.length; ++ii) {
gl.deleteBuffer(colorBuffers[ii]);
gl.deleteBuffer(elementBuffers[ii]);
ext.bindVertexArrayOES(vaos[ii]);
var boundBuffer = gl.getVertexAttrib(1, gl.VERTEX_ATTRIB_ARRAY_BUFFER_BINDING);
// The buffers should still be valid at this point, since it was attached to the VAO
if(boundBuffer != colorBuffers[ii]) {
testFailed("buffer removed even though it is still attached to a VAO");
}
}
ext.bindVertexArrayOES(null);
gl.deleteBuffer(positionBuffer);
// Render with the deleted buffers. As they are referenced by VAOs they
// must still be around.
for (var ii = 0; ii < colors.length; ++ii) {
var color = colors[ii];
ext.bindVertexArrayOES(vaos[ii]);
gl.drawElements(gl.TRIANGLES, 6, gl.UNSIGNED_BYTE, 0);
wtu.checkCanvas(gl, color, "should be " + color);
}
// Clean up.
for (var ii = 0; ii < colorBuffers.length; ++ii) {
ext.deleteVertexArrayOES(vaos[ii]);
}
for (var ii = 0; ii < colorBuffers.length; ++ii) {
// The buffers should no longer be valid now that the VAOs are deleted
if(gl.isBuffer(colorBuffers[ii])) {
testFailed("buffer not properly cleaned up after VAO deletion");
}
}
}
function runBoundDeleteTests() {
debug("Testing using buffers that are deleted when attached to bound VAOs");
var program = wtu.setupProgram(gl, ["vshader", "fshader"], ["a_position", "a_color"]);
gl.useProgram(program);
var positionBuffer = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);
gl.bufferData(
gl.ARRAY_BUFFER,
new Float32Array([
1.0, 1.0,
-1.0, 1.0,
-1.0, -1.0,
1.0, -1.0]),
gl.STATIC_DRAW);
// Setup the color attrib
var colorBuffer = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, colorBuffer);
gl.bufferData(gl.ARRAY_BUFFER, new Uint8Array(
[ 255, 0, 0, 255,
0, 255, 0, 255,
0, 0, 255, 255,
0, 255, 255, 255
]), gl.STATIC_DRAW);
var vaos = [];
var elementBuffers = [];
for (var ii = 0; ii < 4; ++ii) {
var vao = ext.createVertexArrayOES();
vaos.push(vao);
ext.bindVertexArrayOES(vao);
gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);
gl.enableVertexAttribArray(0);
gl.vertexAttribPointer(0, 2, gl.FLOAT, false, 0, 0);
var elementBuffer = gl.createBuffer();
elementBuffers.push(elementBuffer);
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, elementBuffer);
gl.bufferData(
gl.ELEMENT_ARRAY_BUFFER,
new Uint8Array([0, 1, 2, 0, 2, 3]),
gl.STATIC_DRAW);
gl.bindBuffer(gl.ARRAY_BUFFER, colorBuffer);
gl.enableVertexAttribArray(1);
gl.vertexAttribPointer(1, 4, gl.UNSIGNED_BYTE, true, 0, 0);
}
// delete the color buffers AND the position buffer, that are bound to the current VAO
for (var ii = 0; ii < vaos.length; ++ii) {
ext.bindVertexArrayOES(vaos[ii]);
gl.deleteBuffer(colorBuffer);
gl.deleteBuffer(positionBuffer);
// After the first iteration, deleteBuffer will be a no-op, and will not unbind its matching
// bind points on the now-bound VAO like it did on the first iteration.
var expectRetained = (ii != 0);
var shouldBeStr = (expectRetained ? "retained" : "cleared");
var boundPositionBuffer = gl.getVertexAttrib(0, gl.VERTEX_ATTRIB_ARRAY_BUFFER_BINDING);
if (expectRetained != (boundPositionBuffer == positionBuffer)) {
testFailed("Position attrib stored buffer should be " + shouldBeStr + ".");
}
var boundColorBuffer = gl.getVertexAttrib(1, gl.VERTEX_ATTRIB_ARRAY_BUFFER_BINDING);
if (expectRetained != (boundColorBuffer == colorBuffer)) {
testFailed("Color attrib stored buffer should be " + shouldBeStr + ".");
}
// If retained, everything should still work. If cleared, drawing should now fail.
gl.drawElements(gl.TRIANGLES, 6, gl.UNSIGNED_BYTE, 0);
var expectedError = (expectRetained ? gl.NO_ERROR : gl.INVALID_OPERATION);
wtu.glErrorShouldBe(gl, expectedError,
"Draw call should " + (expectRetained ? "not " : "") + "fail.");
if (gl.isBuffer(positionBuffer)) {
testFailed("References from unbound VAOs don't keep Position buffer alive.");
}
if (gl.isBuffer(colorBuffer)) {
testFailed("References from unbound VAOs don't keep Color buffer alive");
}
}
}
function runArrayBufferBindTests() {
debug("");
debug("Testing that buffer bindings on VAOs don't affect default VAO ARRAY_BUFFER binding.");
ext.bindVertexArrayOES(null);
var program = wtu.setupProgram(gl, ["vshader", "fshader"], ["a_color", "a_position"]);
gl.useProgram(program);
// create shared element buffer
var elementBuffer = gl.createBuffer();
// bind to default
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, elementBuffer);
gl.bufferData(
gl.ELEMENT_ARRAY_BUFFER,
new Uint8Array([0, 1, 2, 0, 2, 3]),
gl.STATIC_DRAW);
// first create the buffers for no VAO draw.
var nonVAOColorBuffer = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, nonVAOColorBuffer);
gl.bufferData(gl.ARRAY_BUFFER, new Uint8Array(
[ 0, 255, 0, 255,
0, 255, 0, 255,
0, 255, 0, 255,
0, 255, 0, 255,
]), gl.STATIC_DRAW);
// shared position buffer.
var positionBuffer = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);
gl.bufferData(
gl.ARRAY_BUFFER,
new Float32Array([
1.0, 1.0,
-1.0, 1.0,
-1.0, -1.0,
1.0, -1.0]),
gl.STATIC_DRAW);
// attach position buffer to default
gl.enableVertexAttribArray(1);
gl.vertexAttribPointer(1, 2, gl.FLOAT, false, 0, 0);
// now create VAO
var vao = ext.createVertexArrayOES();
ext.bindVertexArrayOES(vao);
// attach the position buffer VAO
gl.enableVertexAttribArray(1);
gl.vertexAttribPointer(1, 2, gl.FLOAT, false, 0, 0);
var vaoColorBuffer = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, vaoColorBuffer);
gl.bufferData(gl.ARRAY_BUFFER, new Uint8Array(
[ 255, 0, 0, 255,
255, 0, 0, 255,
255, 0, 0, 255,
255, 0, 0, 255,
]), gl.STATIC_DRAW);
gl.enableVertexAttribArray(0);
gl.vertexAttribPointer(0, 4, gl.UNSIGNED_BYTE, true, 0, 0);
// now set the buffer back to the nonVAOColorBuffer
gl.bindBuffer(gl.ARRAY_BUFFER, nonVAOColorBuffer);
// bind to VAO
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, elementBuffer);
gl.drawElements(gl.TRIANGLES, 6, gl.UNSIGNED_BYTE, 0);
wtu.checkCanvas(gl, [255, 0, 0, 255], "should be red");
// unbind VAO
ext.bindVertexArrayOES(null);
// At this point the nonVAOColorBuffer should be still be bound.
// If the WebGL impl is emulating VAOs it must make sure
// it correctly restores this binding.
gl.enableVertexAttribArray(0);
gl.vertexAttribPointer(0, 4, gl.UNSIGNED_BYTE, true, 0, 0);
gl.drawElements(gl.TRIANGLES, 6, gl.UNSIGNED_BYTE, 0);
wtu.checkCanvas(gl, [0, 255, 0, 255], "should be green");
}
function runInvalidContextTests() {
contextA = wtu.create3DContext(undefined, undefined, 1);
contextB = wtu.create3DContext(undefined, undefined, 1);
extA = contextA.getExtension("OES_vertex_array_object");
extB = contextB.getExtension("OES_vertex_array_object");
vertexArrayA = extA.createVertexArrayOES();
vertexArrayB = extB.createVertexArrayOES();
wtu.shouldGenerateGLError(contextA, contextA.NO_ERROR, "extA.bindVertexArrayOES(vertexArrayA)");
wtu.shouldGenerateGLError(contextA, contextA.NO_ERROR, "extA.bindVertexArrayOES(null)");
wtu.shouldGenerateGLError(contextB, contextB.NO_ERROR, "extB.bindVertexArrayOES(vertexArrayB)");
wtu.shouldGenerateGLError(contextB, contextB.NO_ERROR, "extB.bindVertexArrayOES(null)");
debug("")
debug("State queries validate context");
shouldBeFalse("extA.isVertexArrayOES(vertexArrayB)");
wtu.glErrorShouldBe(contextA, gl.NO_ERROR, "there should be no errors from invalid request");
shouldBeFalse("extB.isVertexArrayOES(vertexArrayA)");
wtu.glErrorShouldBe(contextB, gl.NO_ERROR, "there should be no errors from invalid request");
shouldBeTrue("extA.isVertexArrayOES(vertexArrayA)");
wtu.glErrorShouldBe(contextA, gl.NO_ERROR, "there should be no errors from valid request");
shouldBeTrue("extB.isVertexArrayOES(vertexArrayB)");
wtu.glErrorShouldBe(contextB, gl.NO_ERROR, "there should be no errors from valid request");
debug("")
debug("Deleting an object from another context generates an error");
wtu.shouldGenerateGLError(contextA, contextA.INVALID_OPERATION, "extA.deleteVertexArrayOES(vertexArrayB)");
wtu.shouldGenerateGLError(contextB, contextB.INVALID_OPERATION, "extB.deleteVertexArrayOES(vertexArrayA)");
debug("")
debug("Invalid delete operations do not delete");
shouldBeTrue("extA.isVertexArrayOES(vertexArrayA)");
shouldBeTrue("extB.isVertexArrayOES(vertexArrayB)");
debug("")
debug("Cannot bind VAOs from other contexts");
wtu.shouldGenerateGLError(contextA, contextA.INVALID_OPERATION, "extA.bindVertexArrayOES(vertexArrayB)");
wtu.shouldGenerateGLError(contextB, contextB.INVALID_OPERATION, "extB.bindVertexArrayOES(vertexArrayA)");
debug("")
debug("Context checks happen even for deleted objects");
wtu.shouldGenerateGLError(contextA, contextA.NO_ERROR, "extA.deleteVertexArrayOES(vertexArrayA)");
wtu.shouldGenerateGLError(contextB, contextB.NO_ERROR, "extB.deleteVertexArrayOES(vertexArrayB)");
wtu.shouldGenerateGLError(contextA, contextA.INVALID_OPERATION, "extA.deleteVertexArrayOES(vertexArrayB)");
wtu.shouldGenerateGLError(contextB, contextB.INVALID_OPERATION, "extB.deleteVertexArrayOES(vertexArrayA)");
}
debug("");
var successfullyParsed = true;
</script>
<script src="../../js/js-test-post.js"></script>
</body>
</html>