content/canvas/test/webgl-conformance/conformance/textures/tex-image-and-sub-image-2d-with-canvas.html@6474c204b198 (annotated)
content/canvas/test/webgl-conformance/conformance/textures/tex-image-and-sub-image-2d-with-canvas.html
Wed, 31 Dec 2014 06:09:35 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:09:35 +0100
- changeset 0
- 6474c204b198
- permissions
- -rw-r--r--
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
| michael@0 | 1 | <!-- |
| michael@0 | 2 | Copyright (c) 2011 The Chromium Authors. All rights reserved. |
| michael@0 | 3 | Use of this source code is governed by a BSD-style license that can be |
| michael@0 | 4 | found in the LICENSE file. |
| michael@0 | 5 | --> |
| michael@0 | 6 | <!DOCTYPE html> |
| michael@0 | 7 | <html> |
| michael@0 | 8 | <head> |
| michael@0 | 9 | <meta charset="utf-8"> |
| michael@0 | 10 | <link rel="stylesheet" href="../../resources/js-test-style.css"/> |
| michael@0 | 11 | <script src="../../resources/js-test-pre.js"></script> |
| michael@0 | 12 | <script src="../resources/webgl-test.js"></script> |
| michael@0 | 13 | <script src="../resources/webgl-test-utils.js"></script> |
| michael@0 | 14 | <script> |
| michael@0 | 15 | var wtu = WebGLTestUtils; |
| michael@0 | 16 | var gl = null; |
| michael@0 | 17 | var textureLoc = null; |
| michael@0 | 18 | var successfullyParsed = false; |
| michael@0 | 19 | |
| michael@0 | 20 | function init() |
| michael@0 | 21 | { |
| michael@0 | 22 | if (window.initNonKhronosFramework) { |
| michael@0 | 23 | window.initNonKhronosFramework(true); |
| michael@0 | 24 | } |
| michael@0 | 25 | |
| michael@0 | 26 | description('Verify texImage2D and texSubImage2D code paths taking Images'); |
| michael@0 | 27 | |
| michael@0 | 28 | var canvas = document.getElementById("example"); |
| michael@0 | 29 | gl = wtu.create3DContext(canvas); |
| michael@0 | 30 | var program = wtu.setupTexturedQuad(gl); |
| michael@0 | 31 | |
| michael@0 | 32 | gl.clearColor(0,0,0,1); |
| michael@0 | 33 | gl.clearDepth(1); |
| michael@0 | 34 | |
| michael@0 | 35 | var testCanvas = document.createElement('canvas'); |
| michael@0 | 36 | testCanvas.width = 1; |
| michael@0 | 37 | testCanvas.height = 2; |
| michael@0 | 38 | var ctx = testCanvas.getContext("2d"); |
| michael@0 | 39 | ctx.fillStyle = "#ff0000"; |
| michael@0 | 40 | ctx.fillRect(0,0,1,1); |
| michael@0 | 41 | ctx.fillStyle = "#00ff00"; |
| michael@0 | 42 | ctx.fillRect(0,1,1,1); |
| michael@0 | 43 | runTest(testCanvas); |
| michael@0 | 44 | } |
| michael@0 | 45 | |
| michael@0 | 46 | // These two declarations need to be global for "shouldBe" to see them |
| michael@0 | 47 | var buf = null; |
| michael@0 | 48 | var idx = 0; |
| michael@0 | 49 | var pixel = [0, 0, 0]; |
| michael@0 | 50 | var correctColor = null; |
| michael@0 | 51 | |
| michael@0 | 52 | function runOneIteration(image, useTexSubImage2D, flipY, topColor, bottomColor) |
| michael@0 | 53 | { |
| michael@0 | 54 | debug('Testing ' + (useTexSubImage2D ? 'texSubImage2D' : 'texImage2D') + |
| michael@0 | 55 | ' with flipY=' + flipY); |
| michael@0 | 56 | gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT); |
| michael@0 | 57 | // Disable any writes to the alpha channel |
| michael@0 | 58 | gl.colorMask(1, 1, 1, 0); |
| michael@0 | 59 | var texture = gl.createTexture(); |
| michael@0 | 60 | // Bind the texture to texture unit 0 |
| michael@0 | 61 | gl.bindTexture(gl.TEXTURE_2D, texture); |
| michael@0 | 62 | // Set up texture parameters |
| michael@0 | 63 | gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST); |
| michael@0 | 64 | gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST); |
| michael@0 | 65 | // Set up pixel store parameters |
| michael@0 | 66 | gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, flipY); |
| michael@0 | 67 | gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, false); |
| michael@0 | 68 | gl.pixelStorei(gl.UNPACK_COLORSPACE_CONVERSION_WEBGL, gl.NONE); |
| michael@0 | 69 | // Upload the image into the texture |
| michael@0 | 70 | if (useTexSubImage2D) { |
| michael@0 | 71 | // Initialize the texture to black first |
| michael@0 | 72 | gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, image.width, image.height, 0, |
| michael@0 | 73 | gl.RGBA, gl.UNSIGNED_BYTE, null); |
| michael@0 | 74 | gl.texSubImage2D(gl.TEXTURE_2D, 0, 0, 0, gl.RGBA, gl.UNSIGNED_BYTE, image); |
| michael@0 | 75 | } else { |
| michael@0 | 76 | gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image); |
| michael@0 | 77 | } |
| michael@0 | 78 | |
| michael@0 | 79 | // Point the uniform sampler to texture unit 0 |
| michael@0 | 80 | gl.uniform1i(textureLoc, 0); |
| michael@0 | 81 | // Draw the triangles |
| michael@0 | 82 | wtu.drawQuad(gl, [0, 0, 0, 255]); |
| michael@0 | 83 | // Check a few pixels near the top and bottom and make sure they have |
| michael@0 | 84 | // the right color. |
| michael@0 | 85 | debug("Checking lower left corner"); |
| michael@0 | 86 | wtu.checkCanvasRect(gl, 4, 4, 2, 2, bottomColor, |
| michael@0 | 87 | "shouldBe " + bottomColor); |
| michael@0 | 88 | debug("Checking upper left corner"); |
| michael@0 | 89 | wtu.checkCanvasRect(gl, 4, gl.canvas.height - 8, 2, 2, topColor, |
| michael@0 | 90 | "shouldBe " + topColor); |
| michael@0 | 91 | } |
| michael@0 | 92 | |
| michael@0 | 93 | function runTest(image) |
| michael@0 | 94 | { |
| michael@0 | 95 | var red = [255, 0, 0]; |
| michael@0 | 96 | var green = [0, 255, 0]; |
| michael@0 | 97 | runOneIteration(image, false, true, red, green); |
| michael@0 | 98 | runOneIteration(image, false, false, green, red); |
| michael@0 | 99 | runOneIteration(image, true, true, red, green); |
| michael@0 | 100 | runOneIteration(image, true, false, green, red); |
| michael@0 | 101 | |
| michael@0 | 102 | glErrorShouldBe(gl, gl.NO_ERROR, "should be no errors"); |
| michael@0 | 103 | finishTest(); |
| michael@0 | 104 | } |
| michael@0 | 105 | |
| michael@0 | 106 | </script> |
| michael@0 | 107 | </head> |
| michael@0 | 108 | <body onload="init()"> |
| michael@0 | 109 | <canvas id="example" width="32px" height="32px"></canvas> |
| michael@0 | 110 | <div id="description"></div> |
| michael@0 | 111 | <div id="console"></div> |
| michael@0 | 112 | </body> |
| michael@0 | 113 | </html> |
| michael@0 | 114 | |
| michael@0 | 115 |
