| /* |
| 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. |
| */ |
| |
| function generateTest(internalFormat, pixelFormat, pixelType, prologue, resourcePath, defaultContextVersion) { |
| var wtu = WebGLTestUtils; |
| var tiu = TexImageUtils; |
| var gl = null; |
| var successfullyParsed = false; |
| var imgCanvas; |
| var redColor = [255, 0, 0]; |
| var greenColor = [0, 255, 0]; |
| var blueColor = [0, 0, 255]; |
| var cyanColor = [0, 255, 255]; |
| var imageURLs = [resourcePath + "red-green.png", |
| resourcePath + "red-green-blue-cyan-4x4.png"]; |
| |
| function init() |
| { |
| description('Verify texImage3D and texSubImage3D code paths taking image elements (' + internalFormat + '/' + pixelFormat + '/' + pixelType + ')'); |
| |
| // Set the default context version while still allowing the webglVersion URL query string to override it. |
| wtu.setDefault3DContextVersion(defaultContextVersion); |
| gl = wtu.create3DContext("example"); |
| |
| if (!prologue(gl)) { |
| finishTest(); |
| return; |
| } |
| |
| switch (gl[pixelFormat]) { |
| case gl.RED: |
| case gl.RED_INTEGER: |
| greenColor = [0, 0, 0]; |
| blueColor = [0, 0, 0]; |
| cyanColor = [0, 0, 0]; |
| break; |
| |
| case gl.RG: |
| case gl.RG_INTEGER: |
| blueColor = [0, 0, 0]; |
| cyanColor = [0, 255, 0]; |
| break; |
| |
| default: |
| break; |
| } |
| |
| gl.clearColor(0,0,0,1); |
| gl.clearDepth(1); |
| |
| wtu.loadImagesAsync(imageURLs, runTest); |
| } |
| |
| function uploadImageToTexture(image, useTexSubImage3D, flipY, bindingTarget, |
| depth, sourceSubRectangle, unpackImageHeight) |
| { |
| gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT); |
| // Disable any writes to the alpha channel |
| gl.colorMask(1, 1, 1, 0); |
| var texture = gl.createTexture(); |
| // Bind the texture to texture unit 0 |
| gl.bindTexture(bindingTarget, texture); |
| // Set up texture parameters |
| gl.texParameteri(bindingTarget, gl.TEXTURE_MIN_FILTER, gl.NEAREST); |
| gl.texParameteri(bindingTarget, gl.TEXTURE_MAG_FILTER, gl.NEAREST); |
| gl.texParameteri(bindingTarget, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); |
| gl.texParameteri(bindingTarget, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); |
| gl.texParameteri(bindingTarget, gl.TEXTURE_WRAP_R, gl.CLAMP_TO_EDGE); |
| // Set up pixel store parameters |
| gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, flipY); |
| gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, false); |
| gl.pixelStorei(gl.UNPACK_COLORSPACE_CONVERSION_WEBGL, gl.NONE); |
| var uploadWidth = image.width; |
| var uploadHeight = image.height; |
| if (sourceSubRectangle) { |
| gl.pixelStorei(gl.UNPACK_SKIP_PIXELS, sourceSubRectangle[0]); |
| gl.pixelStorei(gl.UNPACK_SKIP_ROWS, sourceSubRectangle[1]); |
| uploadWidth = sourceSubRectangle[2]; |
| uploadHeight = sourceSubRectangle[3]; |
| } |
| if (unpackImageHeight) { |
| gl.pixelStorei(gl.UNPACK_IMAGE_HEIGHT, unpackImageHeight); |
| } |
| // Upload the image into the texture |
| if (useTexSubImage3D) { |
| // Initialize the texture to black first |
| gl.texImage3D(bindingTarget, 0, gl[internalFormat], uploadWidth, uploadHeight, depth, 0, |
| gl[pixelFormat], gl[pixelType], null); |
| gl.texSubImage3D(bindingTarget, 0, 0, 0, 0, uploadWidth, uploadHeight, depth, |
| gl[pixelFormat], gl[pixelType], image); |
| } else { |
| gl.texImage3D(bindingTarget, 0, gl[internalFormat], uploadWidth, uploadHeight, depth, 0, |
| gl[pixelFormat], gl[pixelType], image); |
| } |
| gl.pixelStorei(gl.UNPACK_SKIP_PIXELS, 0); |
| gl.pixelStorei(gl.UNPACK_SKIP_ROWS, 0); |
| gl.pixelStorei(gl.UNPACK_IMAGE_HEIGHT, 0); |
| wtu.glErrorShouldBe(gl, gl.NO_ERROR, "should be no errors from texture upload"); |
| } |
| |
| function runRedGreenTest(image) { |
| function runOneIteration(image, useTexSubImage3D, flipY, bindingTarget, topColor, bottomColor, program) |
| { |
| debug('Testing ' + (useTexSubImage3D ? 'texSubImage3D' : 'texImage3D') + |
| ' with flipY=' + flipY + ' bindingTarget=' + |
| (bindingTarget == gl.TEXTURE_3D ? 'TEXTURE_3D' : 'TEXTURE_2D_ARRAY')); |
| |
| uploadImageToTexture(image, useTexSubImage3D, flipY, bindingTarget, 1); |
| |
| // Draw the triangles |
| wtu.clearAndDrawUnitQuad(gl, [0, 0, 0, 255]); |
| // Check a few pixels near the top and bottom and make sure they have |
| // the right color. |
| debug("Checking lower left corner"); |
| wtu.checkCanvasRect(gl, 4, 4, 2, 2, bottomColor, |
| "shouldBe " + bottomColor); |
| debug("Checking upper left corner"); |
| wtu.checkCanvasRect(gl, 4, gl.canvas.height - 8, 2, 2, topColor, |
| "shouldBe " + topColor); |
| } |
| |
| var cases = [ |
| { sub: false, flipY: true, topColor: redColor, bottomColor: greenColor }, |
| { sub: false, flipY: false, topColor: greenColor, bottomColor: redColor }, |
| { sub: true, flipY: true, topColor: redColor, bottomColor: greenColor }, |
| { sub: true, flipY: false, topColor: greenColor, bottomColor: redColor }, |
| ]; |
| |
| var program = tiu.setupTexturedQuadWith3D(gl, internalFormat); |
| for (var i in cases) { |
| runOneIteration(image, cases[i].sub, cases[i].flipY, gl.TEXTURE_3D, |
| cases[i].topColor, cases[i].bottomColor, program); |
| } |
| program = tiu.setupTexturedQuadWith2DArray(gl, internalFormat); |
| for (var i in cases) { |
| runOneIteration(image, cases[i].sub, cases[i].flipY, gl.TEXTURE_2D_ARRAY, |
| cases[i].topColor, cases[i].bottomColor, program); |
| } |
| } |
| |
| function runRedGreenBlueCyanTest(image) { |
| function runOneIteration(image, useTexSubImage3D, flipY, bindingTarget, |
| depth, sourceSubRectangle, unpackImageHeight, |
| rTextureCoord, topColor, bottomColor, program) |
| { |
| sourceSubRectangleString = ''; |
| if (sourceSubRectangle) { |
| sourceSubRectangleString = ' sourceSubRectangle=' + sourceSubRectangle; |
| } |
| unpackImageHeightString = ''; |
| if (unpackImageHeight) { |
| unpackImageHeightString = ' unpackImageHeight=' + unpackImageHeight; |
| } |
| debug('Testing ' + (useTexSubImage3D ? 'texSubImage3D' : 'texImage3D') + |
| ' with flipY=' + flipY + ' bindingTarget=' + |
| (bindingTarget == gl.TEXTURE_3D ? 'TEXTURE_3D' : 'TEXTURE_2D_ARRAY') + |
| sourceSubRectangleString + ' depth=' + depth + unpackImageHeightString + |
| ' rTextureCoord=' + rTextureCoord); |
| |
| uploadImageToTexture(image, useTexSubImage3D, flipY, bindingTarget, |
| depth, sourceSubRectangle, unpackImageHeight); |
| var rCoordLocation = gl.getUniformLocation(program, 'uRCoord'); |
| if (!rCoordLocation) { |
| testFailed('Shader incorrectly set up; couldn\'t find uRCoord uniform'); |
| return; |
| } |
| gl.uniform1f(rCoordLocation, rTextureCoord); |
| |
| // Draw the triangles |
| wtu.clearAndDrawUnitQuad(gl, [0, 0, 0, 255]); |
| // Check a few pixels near the top and bottom and make sure they have |
| // the right color. |
| debug("Checking lower left corner"); |
| wtu.checkCanvasRect(gl, 4, 4, 2, 2, bottomColor, |
| "shouldBe " + bottomColor); |
| debug("Checking upper left corner"); |
| wtu.checkCanvasRect(gl, 4, gl.canvas.height - 8, 2, 2, topColor, |
| "shouldBe " + topColor); |
| } |
| |
| var cases = [ |
| // No UNPACK_IMAGE_HEIGHT specified. |
| { flipY: false, sourceSubRectangle: [0, 0, 2, 2], depth: 2, rTextureCoord: 0.0, |
| topColor: redColor, bottomColor: redColor }, |
| { flipY: false, sourceSubRectangle: [0, 0, 2, 2], depth: 2, rTextureCoord: 1.0, |
| topColor: blueColor, bottomColor: blueColor }, |
| { flipY: true, sourceSubRectangle: [0, 0, 2, 2], depth: 2, rTextureCoord: 0.0, |
| topColor: blueColor, bottomColor: blueColor }, |
| { flipY: true, sourceSubRectangle: [0, 0, 2, 2], depth: 2, rTextureCoord: 1.0, |
| topColor: redColor, bottomColor: redColor }, |
| { flipY: false, sourceSubRectangle: [2, 0, 2, 2], depth: 2, rTextureCoord: 0.0, |
| topColor: greenColor, bottomColor: greenColor }, |
| { flipY: false, sourceSubRectangle: [2, 0, 2, 2], depth: 2, rTextureCoord: 1.0, |
| topColor: cyanColor, bottomColor: cyanColor }, |
| { flipY: true, sourceSubRectangle: [2, 0, 2, 2], depth: 2, rTextureCoord: 0.0, |
| topColor: cyanColor, bottomColor: cyanColor }, |
| { flipY: true, sourceSubRectangle: [2, 0, 2, 2], depth: 2, rTextureCoord: 1.0, |
| topColor: greenColor, bottomColor: greenColor }, |
| |
| // Use UNPACK_IMAGE_HEIGHT to skip some pixels. |
| { flipY: false, sourceSubRectangle: [0, 0, 1, 1], depth: 2, unpackImageHeight: 2, rTextureCoord: 0.0, |
| topColor: redColor, bottomColor: redColor }, |
| { flipY: false, sourceSubRectangle: [0, 0, 1, 1], depth: 2, unpackImageHeight: 2, rTextureCoord: 1.0, |
| topColor: blueColor, bottomColor: blueColor }, |
| { flipY: true, sourceSubRectangle: [0, 0, 1, 1], depth: 2, unpackImageHeight: 2, rTextureCoord: 0.0, |
| topColor: blueColor, bottomColor: blueColor }, |
| { flipY: true, sourceSubRectangle: [0, 0, 1, 1], depth: 2, unpackImageHeight: 2, rTextureCoord: 1.0, |
| topColor: redColor, bottomColor: redColor }, |
| { flipY: false, sourceSubRectangle: [2, 0, 1, 1], depth: 2, unpackImageHeight: 2, rTextureCoord: 0.0, |
| topColor: greenColor, bottomColor: greenColor }, |
| { flipY: false, sourceSubRectangle: [2, 0, 1, 1], depth: 2, unpackImageHeight: 2, rTextureCoord: 1.0, |
| topColor: cyanColor, bottomColor: cyanColor }, |
| { flipY: true, sourceSubRectangle: [2, 0, 1, 1], depth: 2, unpackImageHeight: 2, rTextureCoord: 0.0, |
| topColor: cyanColor, bottomColor: cyanColor }, |
| { flipY: true, sourceSubRectangle: [2, 0, 1, 1], depth: 2, unpackImageHeight: 2, rTextureCoord: 1.0, |
| topColor: greenColor, bottomColor: greenColor }, |
| ]; |
| |
| var program = tiu.setupTexturedQuadWith3D(gl, internalFormat); |
| for (var i in cases) { |
| runOneIteration(image, false, cases[i].flipY, gl.TEXTURE_3D, |
| cases[i].depth, cases[i].sourceSubRectangle, |
| cases[i].unpackImageHeight, cases[i].rTextureCoord, |
| cases[i].topColor, cases[i].bottomColor, |
| program); |
| runOneIteration(image, true, cases[i].flipY, gl.TEXTURE_3D, |
| cases[i].depth, cases[i].sourceSubRectangle, |
| cases[i].unpackImageHeight, cases[i].rTextureCoord, |
| cases[i].topColor, cases[i].bottomColor, |
| program); |
| } |
| |
| program = tiu.setupTexturedQuadWith2DArray(gl, internalFormat); |
| for (var i in cases) { |
| runOneIteration(image, false, cases[i].flipY, gl.TEXTURE_2D_ARRAY, |
| cases[i].depth, cases[i].sourceSubRectangle, |
| cases[i].unpackImageHeight, cases[i].rTextureCoord, |
| cases[i].topColor, cases[i].bottomColor, |
| program); |
| runOneIteration(image, true, cases[i].flipY, gl.TEXTURE_2D_ARRAY, |
| cases[i].depth, cases[i].sourceSubRectangle, |
| cases[i].unpackImageHeight, cases[i].rTextureCoord, |
| cases[i].topColor, cases[i].bottomColor, |
| program); |
| } |
| } |
| |
| function runTest(imageMap) |
| { |
| runRedGreenTest(imageMap[imageURLs[0]]); |
| runRedGreenBlueCyanTest(imageMap[imageURLs[1]]); |
| wtu.glErrorShouldBe(gl, gl.NO_ERROR, "should be no errors"); |
| finishTest(); |
| } |
| |
| return init; |
| } |
