Index: conformance/resources/tex-image-and-sub-image-2d-with-canvas.js |
=================================================================== |
--- conformance/resources/tex-image-and-sub-image-2d-with-canvas.js (revision 0) |
+++ conformance/resources/tex-image-and-sub-image-2d-with-canvas.js (working copy) |
@@ -0,0 +1,219 @@ |
+/* |
+** Copyright (c) 2012 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. |
+*/ |
+ |
+function generateTest(pixelFormat, pixelType, prologue) { |
+ var wtu = WebGLTestUtils; |
+ var gl = null; |
+ var successfullyParsed = false; |
+ |
+ var init = function() |
+ { |
+ description('Verify texImage2D and texSubImage2D code paths taking canvas elements (' + pixelFormat + '/' + pixelType + ')'); |
+ |
+ gl = wtu.create3DContext("example"); |
+ |
+ if (!prologue(gl)) { |
+ finishTest(); |
+ return; |
+ } |
+ |
+ var program = wtu.setupTexturedQuad(gl); |
+ |
+ gl.clearColor(0,0,0,1); |
+ gl.clearDepth(1); |
+ |
+ var testCanvas = document.createElement('canvas'); |
+ runTest(testCanvas); |
+ //document.body.appendChild(testCanvas); |
+ } |
+ |
+ function setCanvasToRedGreen(ctx) { |
+ var width = ctx.canvas.width; |
+ var height = ctx.canvas.height; |
+ var halfHeight = Math.floor(height / 2); |
+ ctx.fillStyle = "#ff0000"; |
+ ctx.fillRect(0, 0, width, halfHeight); |
+ ctx.fillStyle = "#00ff00"; |
+ ctx.fillRect(0, halfHeight, width, height - halfHeight); |
+ } |
+ |
+ function drawTextInCanvas(ctx) { |
+ var width = ctx.canvas.width; |
+ var height = ctx.canvas.height; |
+ ctx.fillStyle = "#ffffff"; |
+ ctx.fillRect(0, 0, width, height); |
+ ctx.font = '20pt Arial'; |
+ ctx.fillStyle = 'black'; |
+ ctx.textAlign = "center"; |
+ ctx.textBaseline = "middle"; |
+ ctx.fillText("1234567890", width / 2, height / 4); |
+ } |
+ |
+ function setCanvasTo257x257(ctx) { |
+ ctx.canvas.width = 257; |
+ ctx.canvas.height = 257; |
+ setCanvasToRedGreen(ctx); |
+ } |
+ |
+ function setCanvasTo1x2(ctx) { |
+ ctx.canvas.width = 1; |
+ ctx.canvas.height = 2; |
+ setCanvasToRedGreen(ctx); |
+ } |
+ |
+ function runOneIteration(canvas, useTexSubImage2D, flipY, topColor, bottomColor, opt_texture, opt_fontTest) |
+ { |
+ debug('Testing ' + (useTexSubImage2D ? 'texSubImage2D' : 'texImage2D') + |
+ ' with flipY=' + flipY + ' canvas size: ' + canvas.width + 'x' + canvas.height + |
+ (opt_fontTest ? " with fonts" : " with red-green")); |
+ gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT); |
+ // Disable any writes to the alpha channel |
+ // No idea why this was here. If it's important put it back and leave a comment as to why |
+// gl.colorMask(1, 1, 1, 0); |
+ if (!opt_texture) { |
+ var texture = gl.createTexture(); |
+ // Bind the texture to texture unit 0 |
+ gl.bindTexture(gl.TEXTURE_2D, texture); |
+ // Set up texture parameters |
+ 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); |
+ } else { |
+ var texture = opt_texture; |
+ } |
+ // 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); |
+ // Upload the image into the texture |
+ if (useTexSubImage2D) { |
+ // Initialize the texture to black first |
+ gl.texImage2D(gl.TEXTURE_2D, 0, gl[pixelFormat], canvas.width, canvas.height, 0, |
+ gl[pixelFormat], gl[pixelType], null); |
+ gl.texSubImage2D(gl.TEXTURE_2D, 0, 0, 0, gl[pixelFormat], gl[pixelType], canvas); |
+ } else { |
+ gl.texImage2D(gl.TEXTURE_2D, 0, gl[pixelFormat], gl[pixelFormat], gl[pixelType], canvas); |
+ } |
+ |
+ // Draw the triangles |
+ wtu.clearAndDrawUnitQuad(gl, [0, 255, 0, 255]); |
+ |
+ if (opt_fontTest) { |
+ var width = gl.canvas.width; |
+ var height = gl.canvas.height; |
+ var halfHeight = Math.floor(height / 2); |
+ var top = flipY ? 0 : (height - halfHeight); |
+ var bottom = flipY ? (height - halfHeight) : 0; |
+ // check half is a solid color. |
+ wtu.checkCanvasRect( |
+ gl, 0, top, width, halfHeight, |
+ [255, 255, 255, 255], |
+ "should be white"); |
+ // check other half is not a solid color. |
+ wtu.checkCanvasRectColor( |
+ gl, 0, bottom, width, halfHeight, |
+ [255, 255, 255, 255], 0, |
+ function() { |
+ testFailed("font missing"); |
+ }, |
+ function() { |
+ testPassed("font renderered"); |
+ }, |
+ debug); |
+ } else { |
+ // Check a few pixels near the top and bottom and make sure they have |
+ // the right color. |
+ var width = gl.canvas.width; |
+ var height = gl.canvas.height; |
+ var halfHeight = Math.floor(height / 2); |
+ debug("Checking bottom"); |
+ wtu.checkCanvasRect(gl, 0, 0, width, halfHeight, bottomColor, |
+ "shouldBe " + bottomColor); |
+ debug("Checking top"); |
+ wtu.checkCanvasRect(gl, 0, height - halfHeight, width, halfHeight, topColor, |
+ "shouldBe " + topColor); |
+ } |
+ |
+ if (false) { |
+ var m = new Image(); |
+ m.src = gl.canvas.toDataURL(); |
+ document.getElementById("console").appendChild(m); |
+ document.getElementById("console").appendChild(document.createElement("hr")); |
+ } |
+ |
+ return texture; |
+ } |
+ |
+ function runTest(canvas) |
+ { |
+ var ctx = canvas.getContext("2d"); |
+ var red = [255, 0, 0]; |
+ var green = [0, 255, 0]; |
+ |
+ var count = 4; |
+ var caseNdx = 0; |
+ |
+ var cases = [ |
+ { sub: false, flipY: true, top: red, bottom: green, font: false, init: setCanvasTo1x2 }, |
+ { sub: false, flipY: false, top: green, bottom: red, font: false }, |
+ { sub: true, flipY: true, top: red, bottom: green, font: false }, |
+ { sub: true, flipY: false, top: green, bottom: red, font: false }, |
+ { sub: false, flipY: true, top: red, bottom: green, font: false, init: setCanvasTo257x257 }, |
+ { sub: false, flipY: false, top: green, bottom: red, font: false }, |
+ { sub: true, flipY: true, top: red, bottom: green, font: false }, |
+ { sub: true, flipY: false, top: green, bottom: red, font: false }, |
+ { sub: false, flipY: true, top: red, bottom: green, font: true, init: drawTextInCanvas }, |
+ { sub: false, flipY: false, top: green, bottom: red, font: true }, |
+ { sub: true, flipY: true, top: red, bottom: green, font: true }, |
+ { sub: true, flipY: false, top: green, bottom: red, font: true }, |
+ ]; |
+ |
+ var texture; |
+ function runNextTest() { |
+ var c = cases[caseNdx]; |
+ if (c.init) { |
+ c.init(ctx); |
+ } |
+ texture = runOneIteration(canvas, c.sub, c.flipY, c.top, c.bottom, texture, c.font); |
+ // for the first 2 iterations always make a new texture. |
+ if (count > 2) { |
+ texture = undefined; |
+ } |
+ ++caseNdx; |
+ if (caseNdx == cases.length) { |
+ caseNdx = 0; |
+ --count; |
+ if (!count) { |
+ glErrorShouldBe(gl, gl.NO_ERROR, "should be no errors"); |
+ finishTest(); |
+ return; |
+ } |
+ } |
+ wtu.waitForComposite(gl, runNextTest); |
+ } |
+ runNextTest(); |
+ } |
+ |
+ return init; |
+} |
Property changes on: conformance/resources/tex-image-and-sub-image-2d-with-canvas.js |
___________________________________________________________________ |
Added: svn:eol-style |
## -0,0 +1 ## |
+LF |
\ No newline at end of property |