| Index: conformance/extensions/webgl-draw-buffers.html
|
| ===================================================================
|
| --- conformance/extensions/webgl-draw-buffers.html (revision 0)
|
| +++ conformance/extensions/webgl-draw-buffers.html (working copy)
|
| @@ -0,0 +1,703 @@
|
| +<!--
|
| +
|
| +/*
|
| +** Copyright (c) 2013 The Khronos Group Inc.
|
| +**
|
| +** Permission is hereby granted, free of charge, to any person obtaining a
|
| +** copy of this software and/or associated documentation files (the
|
| +** "Materials"), to deal in the Materials without restriction, including
|
| +** without limitation the rights to use, copy, modify, merge, publish,
|
| +** distribute, sublicense, and/or sell copies of the Materials, and to
|
| +** permit persons to whom the Materials are furnished to do so, subject to
|
| +** the following conditions:
|
| +**
|
| +** The above copyright notice and this permission notice shall be included
|
| +** in all copies or substantial portions of the Materials.
|
| +**
|
| +** THE MATERIALS ARE PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
| +** EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
| +** MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
|
| +** IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
|
| +** CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
|
| +** TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
|
| +** MATERIALS OR THE USE OR OTHER DEALINGS IN THE MATERIALS.
|
| +*/
|
| +
|
| +-->
|
| +
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<head>
|
| +<meta charset="utf-8">
|
| +<title>WebGL WEBGL_draw_buffers Conformance Tests</title>
|
| +<link rel="stylesheet" href="../../resources/js-test-style.css"/>
|
| +<script src="../../resources/desktop-gl-constants.js" type="text/javascript"></script>
|
| +<script src="../../resources/js-test-pre.js"></script>
|
| +<script src="../resources/webgl-test.js"></script>
|
| +<script src="../resources/webgl-test-utils.js"></script>
|
| +</head>
|
| +<body>
|
| +<div id="description"></div>
|
| +<canvas id="canvas" width="64" height="64"> </canvas>
|
| +<div id="console"></div>
|
| +<script id="vshader" type="x-shader/x-vertex">
|
| +attribute vec4 a_position;
|
| +void main() {
|
| + gl_Position = a_position;
|
| +}
|
| +</script>
|
| +<script id="fshader" type="x-shader/x-fragment">
|
| +#extension GL_EXT_draw_buffers : require
|
| +precision mediump float;
|
| +uniform vec4 u_colors[$(numDrawingBuffers)];
|
| +void main() {
|
| + for (int i = 0; i < $(numDrawingBuffers); ++i) {
|
| + gl_FragData[i] = u_colors[i];
|
| + }
|
| +}
|
| +</script>
|
| +<script id="fshaderRed" type="x-shader/x-fragment">
|
| +precision mediump float;
|
| +void main() {
|
| + gl_FragColor = vec4(1,0,0,1);
|
| +}
|
| +</script>
|
| +<script id="fshaderMacroDisabled" type="x-shader/x-fragment">
|
| +#ifdef GL_EXT_draw_buffers
|
| + bad code here
|
| +#endif
|
| +precision mediump float;
|
| +void main() {
|
| + gl_FragColor = vec4(0,0,0,0);
|
| +}
|
| +</script>
|
| +<script id="fshaderMacroEnabled" type="x-shader/x-fragment">
|
| +#ifdef GL_EXT_draw_buffers
|
| + #if GL_EXT_draw_buffers == 1
|
| + #define CODE
|
| + #else
|
| + #define CODE this_code_is_bad_it_should_have_compiled
|
| + #endif
|
| +#else
|
| + #define CODE this_code_is_bad_it_should_have_compiled
|
| +#endif
|
| +CODE
|
| +precision mediump float;
|
| +void main() {
|
| + gl_FragColor = vec4(0,0,0,0);
|
| +}
|
| +</script>
|
| +<script id="fshaderBuiltInConstEnabled" type="x-shader/x-fragment">
|
| +precision mediump float;
|
| +void main() {
|
| + gl_FragColor = (gl_MaxDrawBuffers == $(numDrawingBuffers)) ? vec4(0,1,0,1) : vec4(1,0,0,1);
|
| +}
|
| +</script>
|
| +<script>
|
| +"use strict";
|
| +description("This test verifies the functionality of the WEBGL_draw_buffers extension, if it is available.");
|
| +
|
| +debug("");
|
| +
|
| +var wtu = WebGLTestUtils;
|
| +var canvas = document.getElementById("canvas");
|
| +var output = document.getElementById("console");
|
| +var gl = wtu.create3DContext(canvas);
|
| +var ext = null;
|
| +var vao = null;
|
| +
|
| +var extensionConstants = [
|
| + { name: "MAX_COLOR_ATTACHMENTS_WEBGL", enum: 0x8CDF, expectedFn: function(v) { return v > 0; }, passMsg: " should be > 0"},
|
| + { name: "MAX_DRAW_BUFFERS_WEBGL", enum: 0x8824, expectedFn: function(v) { return v > 0; }, passMsg: " should be > 0"},
|
| +
|
| + { name: "COLOR_ATTACHMENT0_WEBGL", enum: 0x8CE0, },
|
| + { name: "COLOR_ATTACHMENT1_WEBGL", enum: 0x8CE1, },
|
| + { name: "COLOR_ATTACHMENT2_WEBGL", enum: 0x8CE2, },
|
| + { name: "COLOR_ATTACHMENT3_WEBGL", enum: 0x8CE3, },
|
| + { name: "COLOR_ATTACHMENT4_WEBGL", enum: 0x8CE4, },
|
| + { name: "COLOR_ATTACHMENT5_WEBGL", enum: 0x8CE5, },
|
| + { name: "COLOR_ATTACHMENT6_WEBGL", enum: 0x8CE6, },
|
| + { name: "COLOR_ATTACHMENT7_WEBGL", enum: 0x8CE7, },
|
| + { name: "COLOR_ATTACHMENT8_WEBGL", enum: 0x8CE8, },
|
| + { name: "COLOR_ATTACHMENT9_WEBGL", enum: 0x8CE9, },
|
| + { name: "COLOR_ATTACHMENT10_WEBGL", enum: 0x8CEA, },
|
| + { name: "COLOR_ATTACHMENT11_WEBGL", enum: 0x8CEB, },
|
| + { name: "COLOR_ATTACHMENT12_WEBGL", enum: 0x8CEC, },
|
| + { name: "COLOR_ATTACHMENT13_WEBGL", enum: 0x8CED, },
|
| + { name: "COLOR_ATTACHMENT14_WEBGL", enum: 0x8CEE, },
|
| + { name: "COLOR_ATTACHMENT15_WEBGL", enum: 0x8CEF, },
|
| +
|
| + { name: "DRAW_BUFFER0_WEBGL", enum: 0x8825, },
|
| + { name: "DRAW_BUFFER1_WEBGL", enum: 0x8826, },
|
| + { name: "DRAW_BUFFER2_WEBGL", enum: 0x8827, },
|
| + { name: "DRAW_BUFFER3_WEBGL", enum: 0x8828, },
|
| + { name: "DRAW_BUFFER4_WEBGL", enum: 0x8829, },
|
| + { name: "DRAW_BUFFER5_WEBGL", enum: 0x882A, },
|
| + { name: "DRAW_BUFFER6_WEBGL", enum: 0x882B, },
|
| + { name: "DRAW_BUFFER7_WEBGL", enum: 0x882C, },
|
| + { name: "DRAW_BUFFER8_WEBGL", enum: 0x882D, },
|
| + { name: "DRAW_BUFFER9_WEBGL", enum: 0x882E, },
|
| + { name: "DRAW_BUFFER10_WEBGL", enum: 0x882F, },
|
| + { name: "DRAW_BUFFER11_WEBGL", enum: 0x8830, },
|
| + { name: "DRAW_BUFFER12_WEBGL", enum: 0x8831, },
|
| + { name: "DRAW_BUFFER13_WEBGL", enum: 0x8832, },
|
| + { name: "DRAW_BUFFER14_WEBGL", enum: 0x8833, },
|
| + { name: "DRAW_BUFFER15_WEBGL", enum: 0x8834, },
|
| +];
|
| +
|
| +if (!gl) {
|
| + testFailed("WebGL context does not exist");
|
| +} else {
|
| + testPassed("WebGL context exists");
|
| +
|
| + // Run tests with extension disabled
|
| + runEnumTestDisabled();
|
| + runShadersTestDisabled();
|
| + runAttachmentTestDisabled();
|
| +
|
| + debug("");
|
| +
|
| + // Query the extension and store globally so shouldBe can access it
|
| + ext = gl.getExtension("WEBGL_draw_buffers");
|
| + if (!ext) {
|
| + testPassed("No WEBGL_draw_buffers support -- this is legal");
|
| +
|
| + runSupportedTest(false);
|
| + } else {
|
| + testPassed("Successfully enabled WEBGL_draw_buffers extension");
|
| +
|
| + runSupportedTest(true);
|
| + runEnumTestEnabled();
|
| + runShadersTestEnabled();
|
| + runAttachmentTestEnabled();
|
| + runDrawTests();
|
| +
|
| + glErrorShouldBe(gl, gl.NO_ERROR, "there should be no errors");
|
| + }
|
| +}
|
| +
|
| +function createExtDrawBuffersProgram(scriptId, sub) {
|
| + var fsource = wtu.getScript(scriptId);
|
| + fsource = wtu.replaceParams(fsource, sub);
|
| + wtu.addShaderSource(output, "fragement shader", fsource);
|
| + return wtu.setupProgram(gl, ["vshader", fsource], ["a_position"]);
|
| +}
|
| +
|
| +function runSupportedTest(extensionEnabled) {
|
| + var supported = gl.getSupportedExtensions();
|
| + if (supported.indexOf("WEBGL_draw_buffers") >= 0) {
|
| + if (extensionEnabled) {
|
| + testPassed("WEBGL_draw_buffers listed as supported and getExtension succeeded");
|
| + } else {
|
| + testFailed("WEBGL_draw_buffers listed as supported but getExtension failed");
|
| + }
|
| + } else {
|
| + if (extensionEnabled) {
|
| + testFailed("WEBGL_draw_buffers not listed as supported but getExtension succeeded");
|
| + } else {
|
| + testPassed("WEBGL_draw_buffers not listed as supported and getExtension failed -- this is legal");
|
| + }
|
| + }
|
| +}
|
| +
|
| +function runEnumTestDisabled() {
|
| + debug("");
|
| + debug("Testing binding enum with extension disabled");
|
| +
|
| + // Use the constant directly as we don't have the extension
|
| + extensionConstants.forEach(function(c) {
|
| + if (c.expectedFn) {
|
| + gl.getParameter(c.enum);
|
| + glErrorShouldBe(gl, gl.INVALID_ENUM, c.name + " should not be queryable if extension is disabled");
|
| + }
|
| + });
|
| + glErrorShouldBe(gl, gl.NO_ERROR, "there should be no errors");
|
| +}
|
| +
|
| +function runEnumTestEnabled() {
|
| + debug("");
|
| + debug("Testing enums with extension enabled");
|
| +
|
| + extensionConstants.forEach(function(c) {
|
| + shouldBe("ext." + c.name, "0x" + c.enum.toString(16));
|
| + if (c.expectedFn) {
|
| + glErrorShouldBe(gl, gl.NO_ERROR, "foo");
|
| + debug(c.name + ":" + ext[c.name].toString(16));
|
| + expectTrue(c.expectedFn(gl.getParameter(ext[c.name])), "gl.getParemter(ext." + c.name + ")" + c.passMsg);
|
| + glErrorShouldBe(gl, gl.NO_ERROR, c.name + " query should succeed if extension is enabled");
|
| + }
|
| + });
|
| +
|
| + debug("Testing drawBuffersWEBGL with default drawing buffer");
|
| + shouldBe("gl.getParameter(ext.DRAW_BUFFER0_WEBGL)", "gl.BACK");
|
| + shouldGenerateGLError(gl, gl.INVALID_VALUE, "ext.drawBuffersWEBGL([])");
|
| + shouldGenerateGLError(gl, gl.INVALID_VALUE, "ext.drawBuffersWEBGL([gl.NONE, gl.NONE])");
|
| + shouldGenerateGLError(gl, gl.INVALID_OPERATION, "ext.drawBuffersWEBGL([ext.COLOR_ATTACHMENT0_WEBGL])");
|
| + shouldBe("gl.getParameter(ext.DRAW_BUFFER0_WEBGL)", "gl.BACK");
|
| + shouldGenerateGLError(gl, gl.NO_ERROR, "ext.drawBuffersWEBGL([gl.NONE])");
|
| + shouldBe("gl.getParameter(ext.DRAW_BUFFER0_WEBGL)", "gl.NONE");
|
| + shouldGenerateGLError(gl, gl.NO_ERROR, "ext.drawBuffersWEBGL([gl.BACK])");
|
| + shouldBe("gl.getParameter(ext.DRAW_BUFFER0_WEBGL)", "gl.BACK");
|
| + glErrorShouldBe(gl, gl.NO_ERROR, "there should be no errors");
|
| +}
|
| +
|
| +function testShaders(tests, sub) {
|
| + tests.forEach(function(test) {
|
| + var shaders = [wtu.getScript(test.shaders[0]), wtu.replaceParams(wtu.getScript(test.shaders[1]), sub)];
|
| + wtu.addShaderSource(output, "vertex shader", shaders[0]);
|
| + wtu.addShaderSource(output, "fragement shader", shaders[1]);
|
| + var program = wtu.setupProgram(gl, shaders, ["a_position"]);
|
| + var programLinkedSuccessfully = (program != null);
|
| + var expectedProgramToLinkSuccessfully = (test.expectFailure == true);
|
| + expectTrue(programLinkedSuccessfully != expectedProgramToLinkSuccessfully, test.msg);
|
| + gl.deleteProgram(program);
|
| + });
|
| +}
|
| +
|
| +function runShadersTestDisabled() {
|
| + debug("");
|
| + debug("test shaders disabled");
|
| +
|
| + testShaders([
|
| + { shaders: ["vshader", "fshaderMacroDisabled"],
|
| + msg: "GL_EXT_draw_buffers should not be defined in GLSL",
|
| + },
|
| + { shaders: ["vshader", "fshader"],
|
| + msg: "#extension GL_EXT_draw_buffers should not be allowed in GLSL",
|
| + expectFailure: true,
|
| + },
|
| + ], {numDrawingBuffers: 1});
|
| + glErrorShouldBe(gl, gl.NO_ERROR, "there should be no errors");
|
| +}
|
| +
|
| +function runShadersTestEnabled() {
|
| + debug("");
|
| + debug("test shaders enabled");
|
| +
|
| + var sub = {numDrawingBuffers: gl.getParameter(ext.MAX_DRAW_BUFFERS_WEBGL)};
|
| + testShaders([
|
| + { shaders: ["vshader", "fshaderMacroEnabled"],
|
| + msg: "GL_EXT_draw_buffers should be defined as 1 in GLSL",
|
| + },
|
| + ], sub);
|
| +
|
| + var program = createExtDrawBuffersProgram("fshaderBuiltInConstEnabled", sub);
|
| + wtu.setupUnitQuad(gl);
|
| + wtu.clearAndDrawUnitQuad(gl);
|
| + wtu.checkCanvas(gl, [0, 255, 0, 255], "should be green");
|
| + gl.deleteProgram(program);
|
| + glErrorShouldBe(gl, gl.NO_ERROR, "there should be no errors");
|
| +}
|
| +
|
| +function runAttachmentTestDisabled() {
|
| + debug("");
|
| + debug("test attachment disabled");
|
| + var tex = gl.createTexture();
|
| + var fb = gl.createFramebuffer();
|
| + gl.bindTexture(gl.TEXTURE_2D, tex);
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
|
| + gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0 + 1, gl.TEXTURE_2D, tex, 0);
|
| + glErrorShouldBe(gl, gl.INVALID_ENUM, "should not be able to attach to gl.COLOR_ATTACHMENT1");
|
| + gl.deleteFramebuffer(fb);
|
| + gl.deleteTexture(tex);
|
| + glErrorShouldBe(gl, gl.NO_ERROR, "there should be no errors");
|
| +}
|
| +
|
| +function makeArray(size, value) {
|
| + var array = []
|
| + for (var ii = 0; ii < size; ++ii) {
|
| + array.push(value);
|
| + }
|
| + return array;
|
| +}
|
| +
|
| +function makeColorAttachmentArray(size) {
|
| + var array = []
|
| + for (var ii = 0; ii < size; ++ii) {
|
| + array.push(gl.COLOR_ATTACHMENT0 + ii);
|
| + }
|
| + return array;
|
| +}
|
| +
|
| +function runAttachmentTestEnabled() {
|
| + debug("");
|
| + debug("test attachment enabled");
|
| +
|
| + var maxDrawingBuffers = gl.getParameter(ext.MAX_DRAW_BUFFERS_WEBGL);
|
| + var maxColorAttachments = gl.getParameter(ext.MAX_COLOR_ATTACHMENTS_WEBGL);
|
| +
|
| + var tex = gl.createTexture();
|
| + var fb = gl.createFramebuffer();
|
| + gl.bindTexture(gl.TEXTURE_2D, tex);
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
|
| + gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0 + maxColorAttachments, gl.TEXTURE_2D, tex, 0);
|
| + glErrorShouldBe(gl, gl.INVALID_ENUM, "should not be able to attach pass the max attachment point: gl.COLOR_ATTACHMENT0 + " + maxColorAttachments);
|
| + gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0 + maxColorAttachments - 1, gl.TEXTURE_2D, tex, 0);
|
| + glErrorShouldBe(gl, gl.NO_ERROR, "should be able to attach to the max attachment point: gl.COLOR_ATTACHMENT0 + " + (maxColorAttachments - 1));
|
| + ext.drawBuffersWEBGL(makeArray(maxDrawingBuffers, gl.NONE));
|
| + glErrorShouldBe(gl, gl.NO_ERROR, "should be able to call drawBuffersWEBGL with array NONE of size " + maxColorAttachments);
|
| + var bufs = makeColorAttachmentArray(maxDrawingBuffers);
|
| + ext.drawBuffersWEBGL(bufs);
|
| + glErrorShouldBe(gl, gl.NO_ERROR, "should be able to call drawBuffersWEBGL with array attachments of size " + maxColorAttachments);
|
| + bufs[0] = gl.NONE;
|
| + ext.drawBuffersWEBGL(bufs);
|
| + glErrorShouldBe(gl, gl.NO_ERROR, "should be able to call drawBuffersWEBGL with mixed array attachments of size " + maxColorAttachments);
|
| + if (maxDrawingBuffers > 1) {
|
| + bufs[0] = ext.COLOR_ATTACHMENT1_WEBGL;
|
| + bufs[1] = ext.COLOR_ATTACHMENT0_WEBGL;
|
| + ext.drawBuffersWEBGL(bufs);
|
| + glErrorShouldBe(gl, gl.INVALID_OPERATION, "should not be able to call drawBuffersWEBGL with out of order attachments of size " + maxColorAttachments);
|
| + var bufs = makeColorAttachmentArray(Math.floor(maxDrawingBuffers / 2));
|
| + glErrorShouldBe(gl, gl.NO_ERROR, "should not be able to call drawBuffersWEBGL with short array of attachments of size " + maxColorAttachments);
|
| + }
|
| +
|
| + gl.deleteFramebuffer(fb);
|
| + gl.deleteTexture(tex);
|
| + glErrorShouldBe(gl, gl.NO_ERROR, "there should be no errors");
|
| +}
|
| +
|
| +function makeColorByIndex(index) {
|
| + var low = (index - 1) % 15 + 1;
|
| + var high = (index - 1) / 15;
|
| +
|
| + var zeroOrOne = function(v) {
|
| + return v ? 1 : 0;
|
| + };
|
| +
|
| + var oneOrTwo = function(v) {
|
| + return v ? 2 : 1;
|
| + }
|
| +
|
| + var makeComponent = function(b0, b1, b2) {
|
| + return Math.floor(255 * zeroOrOne(b0) / oneOrTwo(b1) / oneOrTwo(b2));
|
| + };
|
| + return [
|
| + makeComponent(low & (1 << 0), high & (1 << 0), high & (1 << 4)),
|
| + makeComponent(low & (1 << 1), high & (1 << 1), high & (1 << 5)),
|
| + makeComponent(low & (1 << 2), high & (1 << 2), high & (1 << 6)),
|
| + makeComponent(low & (1 << 3), high & (1 << 3), high & (1 << 7)),
|
| + ];
|
| +}
|
| +
|
| +function runDrawTests() {
|
| + debug("");
|
| + debug("--------- draw tests -----------");
|
| + var fb = gl.createFramebuffer();
|
| + var fb2 = gl.createFramebuffer();
|
| + var halfFB1 = gl.createFramebuffer();
|
| + var halfFB2 = gl.createFramebuffer();
|
| + var endsFB = gl.createFramebuffer();
|
| + var middleFB = gl.createFramebuffer();
|
| +
|
| + var maxDrawingBuffers = gl.getParameter(ext.MAX_DRAW_BUFFERS_WEBGL);
|
| + var maxColorAttachments = gl.getParameter(ext.MAX_COLOR_ATTACHMENTS_WEBGL);
|
| + var maxUniformVectors = gl.getParameter(gl.MAX_FRAGMENT_UNIFORM_VECTORS);
|
| + var maxUsable = Math.min(maxDrawingBuffers, maxColorAttachments, maxUniformVectors);
|
| + var half = Math.floor(maxUsable / 2);
|
| + var bufs = makeColorAttachmentArray(maxUsable);
|
| + var nones = makeArray(maxUsable, gl.NONE);
|
| +
|
| + [fb, fb2, halfFB1, halfFB2, endsFB, middleFB].forEach(function(fbo) {
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
|
| + ext.drawBuffersWEBGL(bufs);
|
| + });
|
| +
|
| + var checkProgram = wtu.setupTexturedQuad(gl);
|
| + var redProgram = wtu.setupProgram(gl, ["vshader", "fshaderRed"], ["a_position"]);
|
| + var drawProgram = createExtDrawBuffersProgram("fshader", {numDrawingBuffers: maxDrawingBuffers});
|
| + var width = 64;
|
| + var height = 64;
|
| + var attachments = [];
|
| + // Makes 6 framebuffers.
|
| + // fb and fb2 have all the attachments.
|
| + // halfFB1 has the first half of the attachments
|
| + // halfFB2 has the second half of the attachments
|
| + // endsFB has the first and last attachments
|
| + // middleFB has all but the first and last attachments
|
| + for (var ii = 0; ii < maxUsable; ++ii) {
|
| + var tex = gl.createTexture();
|
| + gl.bindTexture(gl.TEXTURE_2D, tex);
|
| + gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
|
| + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
|
| + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
|
| + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
|
| + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
|
| + gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0 + ii, gl.TEXTURE_2D, tex, 0);
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, fb2);
|
| + gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0 + ii, gl.TEXTURE_2D, tex, 0);
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, ii < half ? halfFB1 : halfFB2);
|
| + gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0 + ii, gl.TEXTURE_2D, tex, 0);
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, (ii == 0 || ii == (maxUsable - 1)) ? endsFB : middleFB);
|
| + gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0 + ii, gl.TEXTURE_2D, tex, 0);
|
| + var location = gl.getUniformLocation(drawProgram, "u_colors[" + ii + "]");
|
| + var color = makeColorByIndex(ii + 1);
|
| + var floatColor = [color[0] / 255, color[1] / 255, color[2] / 255, color[3] / 255];
|
| + gl.uniform4fv(location, floatColor);
|
| + attachments.push({
|
| + texture: tex,
|
| + location: location,
|
| + color: color
|
| + });
|
| + }
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
|
| + shouldBe("gl.checkFramebufferStatus(gl.FRAMEBUFFER)", "gl.FRAMEBUFFER_COMPLETE");
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, fb2);
|
| + shouldBe("gl.checkFramebufferStatus(gl.FRAMEBUFFER)", "gl.FRAMEBUFFER_COMPLETE");
|
| +
|
| + var checkAttachmentsForColorFn = function(attachments, colorFn) {
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, null);
|
| + gl.useProgram(checkProgram);
|
| + attachments.forEach(function(attachment, index) {
|
| + gl.bindTexture(gl.TEXTURE_2D, attachment.texture);
|
| + wtu.clearAndDrawUnitQuad(gl);
|
| + var expectedColor = colorFn(attachment, index);
|
| + var tolerance = 0;
|
| + expectedColor.forEach(function(v) {
|
| + if (v != 0 && v != 255) {
|
| + tolerance = 8;
|
| + }
|
| + });
|
| + wtu.checkCanvas(gl, expectedColor, "attachment " + index + " should be " + expectedColor.toString(), tolerance);
|
| + });
|
| + debug("");
|
| + };
|
| +
|
| + var checkAttachmentsForColor = function(attachments, color) {
|
| + checkAttachmentsForColorFn(attachments, function(attachment, index) {
|
| + return color || attachment.color;
|
| + });
|
| + };
|
| +
|
| + var drawAndCheckAttachments = function(testFB, msg, testFn) {
|
| + debug("test clearing " + msg);
|
| +
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, testFB);
|
| +
|
| + attachments.forEach(function(attachment, index) {
|
| + debug("attachment: " + index + " = " + wtu.glEnumToString(gl, gl.getParameter(ext.DRAW_BUFFER0_WEBGL + index)) +
|
| + ", " + wtu.glEnumToString(gl, gl.getFramebufferAttachmentParameter(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0 + index, gl.FRAMEBUFFER_ATTACHMENT_OBJECT_TYPE)));
|
| + });
|
| +
|
| + if (gl.checkFramebufferStatus(gl.FRAMEBUFFER) != gl.FRAMEBUFFER_COMPLETE) {
|
| + debug("framebuffer not complete");
|
| + debug("");
|
| + return;
|
| + }
|
| +
|
| + // Clear all the attachments
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, fb2);
|
| + gl.clearColor(0, 0, 0, 0);
|
| + gl.clear(gl.COLOR_BUFFER_BIT);
|
| + //checkAttachmentsForColorFn(attachments, function(attachment, index) {
|
| + // return [0, 0, 0, 0];
|
| + //});
|
| + //debug("--");
|
| +
|
| + // Clear some attachments using testFB
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, testFB);
|
| +
|
| + gl.clearColor(0, 1, 0, 1);
|
| + gl.clear(gl.COLOR_BUFFER_BIT);
|
| + checkAttachmentsForColorFn(attachments, function(attachment, index) {
|
| + return testFn(attachment, index) ? [0, 255, 0, 255] : [0, 0, 0, 0];
|
| + });
|
| +
|
| + debug("test drawing to " + msg);
|
| +
|
| + // Draw to some attachments using testFB
|
| + gl.useProgram(drawProgram);
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, testFB);
|
| + wtu.drawUnitQuad(gl);
|
| +
|
| + checkAttachmentsForColorFn(attachments, function(attachment, index) {
|
| + return testFn(attachment, index) ? attachment.color : [0, 0, 0, 0];
|
| + });
|
| + };
|
| +
|
| + gl.useProgram(drawProgram);
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, fb2);
|
| + ext.drawBuffersWEBGL(bufs);
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
|
| + ext.drawBuffersWEBGL(bufs);
|
| +
|
| + wtu.drawUnitQuad(gl);
|
| +
|
| + debug("test that each texture got the correct color.");
|
| +
|
| + checkAttachmentsForColor(attachments);
|
| +
|
| + debug("test clearing clears all the textures");
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
|
| + gl.clearColor(0, 1, 0, 1);
|
| + gl.clear(gl.COLOR_BUFFER_BIT);
|
| +
|
| + checkAttachmentsForColor(attachments, [0, 255, 0, 255]);
|
| +
|
| + debug("test that NONE draws nothing");
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
|
| + ext.drawBuffersWEBGL(nones);
|
| + gl.useProgram(redProgram);
|
| + wtu.clearAndDrawUnitQuad(gl);
|
| +
|
| + checkAttachmentsForColor(attachments, [0, 255, 0, 255]);
|
| +
|
| + debug("test that gl_FragColor broadcasts");
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
|
| + ext.drawBuffersWEBGL(bufs);
|
| + gl.useProgram(redProgram);
|
| + wtu.drawUnitQuad(gl);
|
| +
|
| + checkAttachmentsForColor(attachments, [255, 0, 0, 255]);
|
| +
|
| + if (maxUsable > 1) {
|
| + var bufs1 = makeColorAttachmentArray(maxUsable);
|
| + var bufs2 = makeColorAttachmentArray(maxUsable);
|
| + for (var ii = 0; ii < maxUsable; ++ii) {
|
| + if (ii < half) {
|
| + bufs1[ii] = gl.NONE;
|
| + } else {
|
| + bufs2[ii] = gl.NONE;
|
| + }
|
| + }
|
| +
|
| + debug("test setting first half to NONE and clearing");
|
| +
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
|
| + ext.drawBuffersWEBGL(bufs1);
|
| + gl.clearColor(0, 1, 0, 1);
|
| + gl.clear(gl.COLOR_BUFFER_BIT);
|
| +
|
| + checkAttachmentsForColorFn(attachments, function(attachment, index) {
|
| + return index < half ? [255, 0, 0, 255] : [0, 255, 0, 255];
|
| + });
|
| +
|
| + debug("test setting first half to NONE and drawing");
|
| +
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
|
| + gl.useProgram(drawProgram);
|
| + wtu.drawUnitQuad(gl);
|
| +
|
| + checkAttachmentsForColorFn(attachments, function(attachment, index) {
|
| + return index < half ? [255, 0, 0, 255] : attachment.color;
|
| + });
|
| +
|
| + debug("test setting second half to NONE and clearing");
|
| +
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
|
| + ext.drawBuffersWEBGL(bufs);
|
| + gl.clearColor(1, 0, 0, 1);
|
| + gl.clear(gl.COLOR_BUFFER_BIT);
|
| + ext.drawBuffersWEBGL(bufs2);
|
| + gl.clearColor(0, 0, 1, 1);
|
| + gl.clear(gl.COLOR_BUFFER_BIT);
|
| + checkAttachmentsForColorFn(attachments, function(attachment, index) {
|
| + return index < half ? [0, 0, 255, 255] : [255, 0, 0, 255];
|
| + });
|
| +
|
| + debug("test setting second half to NONE and drawing");
|
| +
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
|
| + gl.useProgram(drawProgram);
|
| + wtu.drawUnitQuad(gl);
|
| +
|
| + checkAttachmentsForColorFn(attachments, function(attachment, index) {
|
| + return index < half ? attachment.color : [255, 0, 0, 255];
|
| + });
|
| +
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, halfFB1);
|
| + ext.drawBuffersWEBGL(bufs);
|
| + drawAndCheckAttachments(
|
| + halfFB1, "framebuffer that only has first half of attachments",
|
| + function(attachment, index) {
|
| + return index < half;
|
| + });
|
| +
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, halfFB2);
|
| + ext.drawBuffersWEBGL(bufs);
|
| + drawAndCheckAttachments(
|
| + halfFB2, "framebuffer that only has second half of attachments",
|
| + function(attachment, index) {
|
| + return index >= half;
|
| + });
|
| +
|
| + if (maxUsable > 2) {
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, endsFB);
|
| + ext.drawBuffersWEBGL(bufs);
|
| + drawAndCheckAttachments(
|
| + endsFB, "framebuffer that only has first and last attachments",
|
| + function(attachment, index) {
|
| + return index == 0 || index == (maxUsable - 1);
|
| + });
|
| +
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, middleFB);
|
| + ext.drawBuffersWEBGL(bufs);
|
| + drawAndCheckAttachments(
|
| + middleFB,
|
| + "framebuffer that has all but the first and last attachments",
|
| + function(attachment, index) {
|
| + return index != 0 && index != (maxUsable - 1);
|
| + });
|
| + }
|
| + }
|
| +
|
| + debug("test switching between fbos keeps drawbuffer state");
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, fb2);
|
| + ext.drawBuffersWEBGL(nones);
|
| +
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
|
| + ext.drawBuffersWEBGL(bufs);
|
| + gl.clearColor(1, 0, 0, 1);
|
| + gl.clear(gl.COLOR_BUFFER_BIT);
|
| + checkAttachmentsForColor(attachments, [255, 0, 0, 255]);
|
| +
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, fb2);
|
| + gl.useProgram(drawProgram);
|
| + wtu.drawUnitQuad(gl);
|
| + checkAttachmentsForColor(attachments, [255, 0, 0, 255]);
|
| +
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
|
| + gl.useProgram(drawProgram);
|
| + wtu.drawUnitQuad(gl);
|
| + checkAttachmentsForColor(attachments);
|
| +
|
| + debug("test queries");
|
| + debug("check framebuffer with all attachments on");
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
|
| + for (var ii = 0; ii < maxUsable; ++ii) {
|
| + shouldBe("gl.getParameter(ext.DRAW_BUFFER0_WEBGL + " + ii + ")", "gl.COLOR_ATTACHMENT0 + " + ii);
|
| + }
|
| +
|
| + debug("check framebuffer with all attachments off");
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, fb2);
|
| + for (var ii = 0; ii < maxUsable; ++ii) {
|
| + shouldBe("gl.getParameter(ext.DRAW_BUFFER0_WEBGL + " + ii + ")", "gl.NONE");
|
| + }
|
| +
|
| + debug("test attachment size mis-match");
|
| + gl.bindTexture(gl.TEXTURE_2D, attachments[0].texture);
|
| + gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width * 2, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
|
| + shouldBeTrue("gl.checkFramebufferStatus(gl.FRAMEBUFFER) != gl.FRAMEBUFFER_COMPLETE");
|
| + gl.bindFramebuffer(gl.FRAMEBUFFER, fb2);
|
| + shouldBeTrue("gl.checkFramebufferStatus(gl.FRAMEBUFFER) != gl.FRAMEBUFFER_COMPLETE");
|
| +
|
| + gl.deleteFramebuffer(fb);
|
| + gl.deleteFramebuffer(fb2);
|
| + gl.deleteFramebuffer(halfFB1);
|
| + gl.deleteFramebuffer(halfFB2);
|
| + attachments.forEach(function(attachment) {
|
| + gl.deleteTexture(attachment.texture);
|
| + });
|
| + gl.deleteProgram(checkProgram);
|
| + gl.deleteProgram(redProgram);
|
| + gl.deleteProgram(drawProgram);
|
| +}
|
| +
|
| +debug("");
|
| +var successfullyParsed = true;
|
| +</script>
|
| +<script src="../../resources/js-test-post.js"></script>
|
| +
|
| +</body>
|
| +</html>
|
|
|
| Property changes on: conformance/extensions/webgl-draw-buffers.html
|
| ___________________________________________________________________
|
| Added: svn:eol-style
|
| ## -0,0 +1 ##
|
| +LF
|
| \ No newline at end of property
|
|
|