| import 'dart:html'; |
| import 'dart:web_gl' as wgl; |
| import 'webgl-test.dart'; |
| import 'webgl-test-utils.dart' as wtu; |
| import "../../../../testcommon.dart"; |
| |
| generateTest(pixelFormat, pixelType, prologue) { |
| var gl = null; |
| var textureLoc = null; |
| |
| runOneIteration(image, useTexSubImage2D, flipY, topColor, bottomColor) |
| { |
| debug('Testing ' + (useTexSubImage2D ? 'texSubImage2D' : 'texImage2D') + |
| ' with flipY=$flipY'); |
| gl.clear(wgl.COLOR_BUFFER_BIT | wgl.DEPTH_BUFFER_BIT); |
| // Disable any writes to the alpha channel |
| gl.colorMask(true, true, true, false); |
| var texture = gl.createTexture(); |
| // Bind the texture to texture unit 0 |
| gl.bindTexture(wgl.TEXTURE_2D, texture); |
| // Set up texture parameters |
| gl.texParameteri(wgl.TEXTURE_2D, wgl.TEXTURE_MIN_FILTER, wgl.NEAREST); |
| gl.texParameteri(wgl.TEXTURE_2D, wgl.TEXTURE_MAG_FILTER, wgl.NEAREST); |
| // Set up pixel store parameters |
| gl.pixelStorei(wgl.UNPACK_FLIP_Y_WEBGL, flipY ? 1 : 0); |
| gl.pixelStorei(wgl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, 0); |
| gl.pixelStorei(wgl.UNPACK_COLORSPACE_CONVERSION_WEBGL, wgl.NONE); |
| // Upload the image into the texture |
| if (useTexSubImage2D) { |
| // Initialize the texture to black first |
| gl.texImage2D(wgl.TEXTURE_2D, 0, pixelFormat, image.width, image.height, 0, |
| pixelFormat, pixelType, null); |
| gl.texSubImage2D(wgl.TEXTURE_2D, 0, 0, 0, pixelFormat, pixelType, image); |
| } else { |
| gl.texImage2D(wgl.TEXTURE_2D, 0, pixelFormat, pixelFormat, pixelType, image); |
| } |
| |
| // Point the uniform sampler to texture unit 0 |
| gl.uniform1i(textureLoc, 0); |
| // Draw the triangles |
| wtu.drawQuad(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"); |
| } |
| |
| runTest(image) |
| { |
| var red = [255, 0, 0]; |
| var green = [0, 255, 0]; |
| runOneIteration(image, false, true, red, green); |
| runOneIteration(image, false, false, green, red); |
| runOneIteration(image, true, true, red, green); |
| runOneIteration(image, true, false, green, red); |
| |
| glErrorShouldBe(gl, wgl.NO_ERROR, "should be no errors"); |
| } |
| |
| var init = () |
| { |
| debug('Verify texImage2D and texSubImage2D code paths taking canvas elements ($pixelFormat/$pixelType)'); |
| |
| gl = wtu.create3DContext("example"); |
| |
| if (!prologue(gl)) { |
| return; |
| } |
| |
| var program = wtu.setupTexturedQuad(gl); |
| |
| gl.clearColor(0,0,0,1); |
| gl.clearDepth(1); |
| |
| var testCanvas = document.createElement('canvas'); |
| testCanvas.width = 1; |
| testCanvas.height = 2; |
| var ctx = testCanvas.getContext("2d"); |
| ctx.fillStyle = "#ff0000"; |
| ctx.fillRect(0,0,1,1); |
| ctx.fillStyle = "#00ff00"; |
| ctx.fillRect(0,1,1,1); |
| runTest(testCanvas); |
| }; |
| |
| return init; |
| } |