diff options
Diffstat (limited to 'dom/canvas/test/webgl-conf/checkout/conformance2/textures/misc/integer-cubemap-texture-sampling.html')
| -rw-r--r-- | dom/canvas/test/webgl-conf/checkout/conformance2/textures/misc/integer-cubemap-texture-sampling.html | 169 |
1 files changed, 169 insertions, 0 deletions
diff --git a/dom/canvas/test/webgl-conf/checkout/conformance2/textures/misc/integer-cubemap-texture-sampling.html b/dom/canvas/test/webgl-conf/checkout/conformance2/textures/misc/integer-cubemap-texture-sampling.html new file mode 100644 index 0000000000..8ad4967608 --- /dev/null +++ b/dom/canvas/test/webgl-conf/checkout/conformance2/textures/misc/integer-cubemap-texture-sampling.html @@ -0,0 +1,169 @@ +<!-- +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 Integer Cubemap Texture Sampling 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> +<script src="../../../js/tests/tex-image-and-sub-image-utils.js"></script> +</head> +<body> +<canvas id="example" width="128" height="128"></canvas> +<div id="description"></div> +<div id="console"></div> +<script> +"use strict"; + +var wtu = WebGLTestUtils; +var tiu = TexImageUtils; + +description("Verify sampling works fine with integer cubemap textures"); +debug("https://github.com/KhronosGroup/WebGL/issues/1819"); + +var gl = wtu.create3DContext("example", undefined, 2); + +var testCases = [ + { internalFormat: "R8UI", format: "RED_INTEGER", type: "UNSIGNED_BYTE" }, + { internalFormat: "RG8UI", format: "RG_INTEGER", type: "UNSIGNED_BYTE" }, + { internalFormat: "RGB8UI", format: "RGB_INTEGER", type: "UNSIGNED_BYTE" }, + { internalFormat: "RGBA8UI", format: "RGBA_INTEGER", type: "UNSIGNED_BYTE" }, +]; + +function setupData(internalFormat, size) { + var numComponents = 0; + switch (gl[internalFormat]) { + case gl.R8UI: + numComponents = 1; + break; + case gl.RG8UI: + numComponents = 2; + break; + case gl.RGB8UI: + numComponents = 3; + break; + case gl.RGBA8UI: + numComponents = 4; + break; + } + if (numComponents == 0) { + testFailed("This should never be reached"); + return null; + } + var data = new Uint8Array(numComponents * size * size); + for (var ii = 0; ii < size * size; ++ii) { + // Set all pixels to RED. + data[ii * numComponents] = 255; + if (numComponents > 1) + data[ii * numComponents + 1] = 0; + if (numComponents > 2) + data[ii * numComponents + 2] = 0; + if (numComponents > 3) + data[ii * numComponents + 3] = 255; + } + return data; +} + +function checkIntegerTextureValues(internalFormat, size) { + var buffer = new Uint32Array(4 * size * size); + gl.readPixels(0, 0, size, size, gl.RGBA_INTEGER, gl.UNSIGNED_INT, buffer); + for (var y = 0; y < size; ++y) { + for (var x = 0; x < size; ++x) { + var index = (y * size + x) * 4; + if (buffer[index] != 255 || buffer[index + 1] != 0 || buffer[index + 2] != 0) { + testFailed("At (" + x + ", " + y + "), expected 255,0,0,255, was " + + [buffer[index], buffer[index + 1], buffer[index + 2], buffer[index + 3]]); + return; + } + } + } + testPassed("All pixels are as expected"); +} + +function runOneTest(internalFormat, format, type, size) { + debug(""); + debug("Testing internalformat = " + internalFormat + ", format = " + format + ", type = " + type + ", size = " + size); + + gl.clearColor(1, 1, 0, 1); + gl.clearDepth(1); + gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT); + + var tex = gl.createTexture(); + gl.bindTexture(gl.TEXTURE_CUBE_MAP, tex); + gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, gl.NEAREST); + gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, gl.NEAREST); + gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); + gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); + + gl.pixelStorei(gl.UNPACK_ALIGNMENT, 1); + + var targets = [gl.TEXTURE_CUBE_MAP_POSITIVE_X, + gl.TEXTURE_CUBE_MAP_NEGATIVE_X, + gl.TEXTURE_CUBE_MAP_POSITIVE_Y, + gl.TEXTURE_CUBE_MAP_NEGATIVE_Y, + gl.TEXTURE_CUBE_MAP_POSITIVE_Z, + gl.TEXTURE_CUBE_MAP_NEGATIVE_Z]; + var data = setupData(internalFormat, size); + for (var tt = 0; tt < targets.length; ++tt) { + gl.texImage2D(targets[tt], 0, gl[internalFormat], size, size, 0, gl[format], gl[type], data); + } + + debug("1) Reading back texture data"); + var fbo = gl.createFramebuffer(); + gl.bindFramebuffer(gl.FRAMEBUFFER, fbo); + for (var tt = 0; tt < targets.length; ++tt) { + gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, targets[tt], tex, 0); + if (gl.checkFramebufferStatus(gl.FRAMEBUFFER) == gl.FRAMEBUFFER_COMPLETE) { + checkIntegerTextureValues(internalFormat, size); + } + } + gl.deleteFramebuffer(fbo); + + debug("2) Rendering with texture"); + var program = tiu.setupTexturedQuadWithCubeMap(gl, internalFormat); + var loc = gl.getUniformLocation(program, "face"); + for (var tt = 0; tt < targets.length; ++tt) { + gl.uniform1i(loc, targets[tt]); + // Draw the triangles + wtu.clearAndDrawUnitQuad(gl, [0, 255, 0, 255]); + wtu.checkCanvasRect(gl, 0, 0, gl.canvas.width, gl.canvas.height, [255, 0, 0, 255], "Should be red"); + } + gl.deleteProgram(program); + gl.deleteTexture(tex); + wtu.glErrorShouldBe(gl, gl.NO_ERROR, "No GL errors"); + + var m = wtu.makeImageFromCanvas(gl.canvas); + document.getElementById("console").appendChild(m); + document.getElementById("console").appendChild(document.createElement("hr")); +} + +function runTests() { + for (var ii = 0; ii < testCases.length; ++ii) { + runOneTest(testCases[ii].internalFormat, testCases[ii].format, testCases[ii].type, 2); + runOneTest(testCases[ii].internalFormat, testCases[ii].format, testCases[ii].type, 4); + runOneTest(testCases[ii].internalFormat, testCases[ii].format, testCases[ii].type, 8); + runOneTest(testCases[ii].internalFormat, testCases[ii].format, testCases[ii].type, 16); + runOneTest(testCases[ii].internalFormat, testCases[ii].format, testCases[ii].type, 32); + runOneTest(testCases[ii].internalFormat, testCases[ii].format, testCases[ii].type, 64); + runOneTest(testCases[ii].internalFormat, testCases[ii].format, testCases[ii].type, 65); + runOneTest(testCases[ii].internalFormat, testCases[ii].format, testCases[ii].type, 127); + runOneTest(testCases[ii].internalFormat, testCases[ii].format, testCases[ii].type, 128); + runOneTest(testCases[ii].internalFormat, testCases[ii].format, testCases[ii].type, 129); + } +} + +runTests(); + +debug(""); +var successfullyParsed = true; +</script> +<script src="../../../js/js-test-post.js"></script> + +</body> +</html> |