OLD | NEW |
(Empty) | |
| 1 <!-- |
| 2 Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| 3 Use of this source code is governed by a BSD-style license that can be |
| 4 found in the LICENSE file. |
| 5 --> |
| 6 <!DOCTYPE html> |
| 7 <html> |
| 8 <head> |
| 9 <meta charset="utf-8"> |
| 10 <link rel="stylesheet" href="../../resources/js-test-style.css"/> |
| 11 <script src="../../resources/js-test-pre.js"></script> |
| 12 <script src="../resources/webgl-test.js"></script> |
| 13 <script src="../resources/webgl-test-utils.js"></script> |
| 14 <title>WebGL WEBGL_compressed_texture_s3tc Conformance Tests</title> |
| 15 <style> |
| 16 img { |
| 17 border: 1px solid black; |
| 18 margin-right: 1em; |
| 19 } |
| 20 .testimages { |
| 21 } |
| 22 |
| 23 .testimages br { |
| 24 clear: both; |
| 25 } |
| 26 |
| 27 .testimages > div { |
| 28 float: left; |
| 29 margin: 1em; |
| 30 } |
| 31 </style> |
| 32 </head> |
| 33 <body> |
| 34 <div id="description"></div> |
| 35 <canvas id="canvas" width="8" height="8" style="width: 8px; height: 8px;"></canv
as> |
| 36 <div id="console"></div> |
| 37 <script> |
| 38 description("This test verifies the functionality of the WEBGL_compressed_textur
e_s3tc extension, if it is available."); |
| 39 |
| 40 debug(""); |
| 41 |
| 42 var img_4x4_rgba_raw = new Uint8Array([ |
| 43 0xff,0x00,0x00,0x69,0x00,0xff,0x00,0xff,0xff,0x00,0x00,0xff,0x00,0xff,0x00,0
xff,0x00,0xff,0x00,0xff,0x00,0xff,0x00,0xff,0xff,0x00,0x00,0xff,0x00,0xff,0x00,0
xff,0xff,0x00,0x00,0xff,0xff,0x00,0x00,0xff,0xff,0x00,0x00,0xff,0x00,0xff,0x00,0
xff,0x00,0xff,0x00,0xff,0x00,0xff,0x00,0xff,0x00,0xff,0x00,0xff,0x00,0xff,0x00,0
xff, |
| 44 ]); |
| 45 var img_4x4_rgb_dxt1 = new Uint8Array([ |
| 46 0xe0,0x07,0x00,0xf8,0x11,0x10,0x15,0x00, |
| 47 ]); |
| 48 var img_4x4_rgba_dxt1 = new Uint8Array([ |
| 49 0xe0,0x07,0x00,0xf8,0x13,0x10,0x15,0x00, |
| 50 ]); |
| 51 var img_4x4_rgba_dxt3 = new Uint8Array([ |
| 52 0xf6,0xff,0xff,0xff,0xff,0xff,0xff,0xff,0x00,0xf8,0xe0,0x07,0x44,0x45,0x40,0
x55, |
| 53 ]); |
| 54 var img_4x4_rgba_dxt5 = new Uint8Array([ |
| 55 0xf6,0xff,0xff,0xff,0xff,0xff,0xff,0xff,0x00,0xf8,0xe0,0x07,0x44,0x45,0x40,0
x55, |
| 56 ]); |
| 57 var img_8x8_rgba_raw = new Uint8Array([ |
| 58 0xff,0x00,0x00,0x69,0x00,0xff,0x00,0xff,0xff,0x00,0x00,0xff,0x00,0xff,0x00,0
xff,0xff,0xff,0x00,0xff,0x00,0x00,0xff,0xff,0xff,0xff,0x00,0xff,0x00,0x00,0xff,0
xff,0x00,0xff,0x00,0x69,0x00,0xff,0x00,0xff,0xff,0x00,0x00,0xff,0x00,0xff,0x00,0
xff,0x00,0x00,0xff,0xff,0x00,0x00,0xff,0xff,0xff,0xff,0x00,0xff,0x00,0x00,0xff,0
xff,0xff,0x00,0x00,0xff,0xff,0x00,0x00,0xff,0xff,0x00,0x00,0xff,0x00,0xff,0x00,0
xff,0xff,0xff,0x00,0xff,0xff,0xff,0x00,0xff,0xff,0xff,0x00,0xff,0x00,0x00,0xff,0
xff,0x00,0xff,0x00,0xff,0x00,0xff,0x00,0xff,0x00,0xff,0x00,0xff,0x00,0xff,0x00,0
xff,0x00,0x00,0xff,0xff,0x00,0x00,0xff,0xff,0x00,0x00,0xff,0xff,0x00,0x00,0xff,0
xff,0x00,0xff,0x00,0xff,0xff,0x00,0xff,0xff,0x00,0xff,0x00,0xff,0xff,0x00,0xff,0
xff,0x00,0x00,0xff,0xff,0x00,0xff,0xff,0xff,0x00,0x00,0xff,0xff,0x00,0xff,0xff,0
xff,0xff,0x00,0xff,0xff,0xff,0x00,0xff,0xff,0x00,0xff,0x00,0xff,0xff,0x00,0xff,0
xff,0x00,0xff,0xff,0xff,0x00,0xff,0xff,0xff,0x00,0x00,0xff,0xff,0x00,0xff,0xff,0
xff,0x00,0xff,0x00,0x69,0x00,0xff,0x00,0xff,0x00,0xff,0x00,0xff,0xff,0x00,0xff,0
xff,0x00,0x00,0xff,0xff,0x00,0x00,0xff,0xff,0x00,0x00,0xff,0xff,0x00,0xff,0xff,0
xff,0xff,0x00,0xff,0x69,0xff,0x00,0xff,0xff,0xff,0x00,0xff,0xff,0xff,0x00,0xff,0
xff,0x00,0xff,0xff,0xff,0x00,0xff,0xff,0xff,0x00,0xff,0xff,0xff,0x00,0xff,0xff,0
xff, |
| 59 ]); |
| 60 var img_8x8_rgb_dxt1 = new Uint8Array([ |
| 61 0xe0,0x07,0x00,0xf8,0x11,0x10,0x15,0x00,0x1f,0x00,0xe0,0xff,0x11,0x10,0x15,0
x00,0xe0,0x07,0x1f,0xf8,0x44,0x45,0x40,0x55,0x1f,0x00,0xff,0x07,0x44,0x45,0x40,0
x55, |
| 62 ]); |
| 63 var img_8x8_rgba_dxt1 = new Uint8Array([ |
| 64 0xe0,0x07,0x00,0xf8,0x13,0x13,0x15,0x00,0x1f,0x00,0xe0,0xff,0x11,0x10,0x15,0
x00,0xe0,0x07,0x1f,0xf8,0x44,0x45,0x43,0x57,0x1f,0x00,0xff,0x07,0x44,0x45,0x40,0
x55, |
| 65 ]); |
| 66 var img_8x8_rgba_dxt3 = new Uint8Array([ |
| 67 0xf6,0xff,0xf6,0xff,0xff,0xff,0xff,0xff,0x00,0xf8,0xe0,0x07,0x44,0x45,0x40,0
x55,0xff,0xff,0xff,0xff,0xff,0xff,0xff,0xff,0xe0,0xff,0x1f,0x00,0x44,0x45,0x40,0
x55,0xff,0xff,0xff,0xff,0xf6,0xff,0xf6,0xff,0x1f,0xf8,0xe0,0x07,0x11,0x10,0x15,0
x00,0xff,0xff,0xff,0xff,0xff,0xff,0xff,0xff,0xff,0x07,0x1f,0x00,0x11,0x10,0x15,0
x00, |
| 68 ]); |
| 69 var img_8x8_rgba_dxt5 = new Uint8Array([ |
| 70 0xff,0x69,0x01,0x10,0x00,0x00,0x00,0x00,0x00,0xf8,0xe0,0x07,0x44,0x45,0x40,0
x55,0xff,0xff,0x00,0x00,0x00,0x00,0x00,0x00,0xe0,0xff,0x1f,0x00,0x44,0x45,0x40,0
x55,0xff,0x69,0x00,0x00,0x00,0x01,0x10,0x00,0x1f,0xf8,0xe0,0x07,0x11,0x10,0x15,0
x00,0xff,0xff,0x00,0x00,0x00,0x00,0x00,0x00,0xff,0x07,0x1f,0x00,0x11,0x10,0x15,0
x00, |
| 71 ]); |
| 72 |
| 73 var wtu = WebGLTestUtils; |
| 74 var canvas = document.getElementById("canvas"); |
| 75 var gl = wtu.create3DContext(canvas, {antialias: false}); |
| 76 var program = wtu.setupTexturedQuad(gl); |
| 77 var ext = null; |
| 78 var vao = null; |
| 79 var validFormats = { |
| 80 COMPRESSED_RGB_S3TC_DXT1_EXT : 0x83F0, |
| 81 COMPRESSED_RGBA_S3TC_DXT1_EXT : 0x83F1, |
| 82 COMPRESSED_RGBA_S3TC_DXT3_EXT : 0x83F2, |
| 83 COMPRESSED_RGBA_S3TC_DXT5_EXT : 0x83F3, |
| 84 }; |
| 85 var name; |
| 86 var supportedFormats; |
| 87 |
| 88 if (!gl) { |
| 89 testFailed("WebGL context does not exist"); |
| 90 } else { |
| 91 testPassed("WebGL context exists"); |
| 92 |
| 93 // Run tests with extension disabled |
| 94 runTestDisabled(); |
| 95 |
| 96 // Query the extension and store globally so shouldBe can access it |
| 97 ext = gl.getExtension("WEBGL_compressed_texture_s3tc"); |
| 98 if (!ext) { |
| 99 ext = gl.getExtension("WEBKIT_WEBGL_compressed_texture_s3tc"); |
| 100 } |
| 101 if (!ext) { |
| 102 testPassed("No WEBGL_compressed_texture_s3tc support -- this is legal"); |
| 103 runSupportedTest(false); |
| 104 } else { |
| 105 testPassed("Successfully enabled WEBGL_compressed_texture_s3tc extension
"); |
| 106 |
| 107 runSupportedTest(true); |
| 108 runTestExtension(); |
| 109 } |
| 110 } |
| 111 |
| 112 function runSupportedTest(extensionEnabled) { |
| 113 var supported = gl.getSupportedExtensions(); |
| 114 if (supported.indexOf("WEBGL_compressed_texture_s3tc") >= 0 || |
| 115 supported.indexOf("WEBKIT_WEBGL_compressed_texture_s3tc") >= 0) { |
| 116 if (extensionEnabled) { |
| 117 testPassed("WEBGL_compressed_texture_s3tc listed as supported and ge
tExtension succeeded"); |
| 118 } else { |
| 119 testFailed("WEBGL_compressed_texture_s3tc listed as supported but ge
tExtension failed"); |
| 120 } |
| 121 } else { |
| 122 if (extensionEnabled) { |
| 123 testFailed("WEBGL_compressed_texture_s3tc not listed as supported bu
t getExtension succeeded"); |
| 124 } else { |
| 125 testPassed("WEBGL_compressed_texture_s3tc not listed as supported an
d getExtension failed -- this is legal"); |
| 126 } |
| 127 } |
| 128 } |
| 129 |
| 130 |
| 131 function runTestDisabled() { |
| 132 debug("Testing binding enum with extension disabled"); |
| 133 |
| 134 shouldBe('gl.getParameter(gl.COMPRESSED_TEXTURE_FORMATS)', '[]'); |
| 135 } |
| 136 |
| 137 function formatExists(format, supportedFormats) { |
| 138 for (var ii = 0; ii < supportedFormats.length; ++ii) { |
| 139 if (format == supportedFormats[ii]) { |
| 140 testPassed("supported format " + formatToString(format) + " is exist
s"); |
| 141 return; |
| 142 } |
| 143 } |
| 144 testFailed("supported format " + formatToString(format) + " does not exist")
; |
| 145 } |
| 146 |
| 147 function formatToString(format) { |
| 148 for (var p in ext) { |
| 149 if (ext[p] == format) { |
| 150 return p; |
| 151 } |
| 152 } |
| 153 return "0x" + format.toString(16); |
| 154 } |
| 155 |
| 156 function runTestExtension() { |
| 157 debug("Testing WEBGL_compressed_texture_s3tc"); |
| 158 |
| 159 // check that all format enums exist. |
| 160 for (name in validFormats) { |
| 161 var expected = "0x" + validFormats[name].toString(16); |
| 162 var actual = "ext['" + name + "']"; |
| 163 shouldBe(actual, expected); |
| 164 } |
| 165 |
| 166 supportedFormats = gl.getParameter(gl.COMPRESSED_TEXTURE_FORMATS); |
| 167 // There should be exactly 4 formats |
| 168 shouldBe("supportedFormats.length", "4"); |
| 169 |
| 170 // check that all 4 formats exist |
| 171 for (var name in validFormats.length) { |
| 172 formatExists(validFormats[name], supportedFormats); |
| 173 } |
| 174 |
| 175 // Test each format |
| 176 testDXT1_RGB(); |
| 177 testDXT1_RGBA(); |
| 178 testDXT3_RGBA(); |
| 179 testDXT5_RGBA(); |
| 180 } |
| 181 |
| 182 function testDXT1_RGB() { |
| 183 var tests = [ |
| 184 { width: 4, |
| 185 height: 4, |
| 186 channels: 3, |
| 187 data: img_4x4_rgb_dxt1, |
| 188 format: ext.COMPRESSED_RGB_S3TC_DXT1_EXT |
| 189 }, |
| 190 { width: 8, |
| 191 height: 8, |
| 192 channels: 3, |
| 193 data: img_8x8_rgb_dxt1, |
| 194 format: ext.COMPRESSED_RGB_S3TC_DXT1_EXT |
| 195 } |
| 196 ]; |
| 197 testDXTTextures(tests); |
| 198 } |
| 199 |
| 200 function testDXT1_RGBA() { |
| 201 var tests = [ |
| 202 { width: 4, |
| 203 height: 4, |
| 204 channels: 4, |
| 205 data: img_4x4_rgba_dxt1, |
| 206 format: ext.COMPRESSED_RGBA_S3TC_DXT1_EXT |
| 207 }, |
| 208 { width: 8, |
| 209 height: 8, |
| 210 channels: 4, |
| 211 data: img_8x8_rgba_dxt1, |
| 212 format: ext.COMPRESSED_RGBA_S3TC_DXT1_EXT |
| 213 } |
| 214 ]; |
| 215 testDXTTextures(tests); |
| 216 } |
| 217 |
| 218 function testDXT3_RGBA() { |
| 219 var tests = [ |
| 220 { width: 4, |
| 221 height: 4, |
| 222 channels: 4, |
| 223 data: img_4x4_rgba_dxt3, |
| 224 format: ext.COMPRESSED_RGBA_S3TC_DXT3_EXT |
| 225 }, |
| 226 { width: 8, |
| 227 height: 8, |
| 228 channels: 4, |
| 229 data: img_8x8_rgba_dxt3, |
| 230 format: ext.COMPRESSED_RGBA_S3TC_DXT3_EXT |
| 231 } |
| 232 ]; |
| 233 testDXTTextures(tests); |
| 234 } |
| 235 |
| 236 function testDXT5_RGBA() { |
| 237 var tests = [ |
| 238 { width: 4, |
| 239 height: 4, |
| 240 channels: 4, |
| 241 data: img_4x4_rgba_dxt5, |
| 242 format: ext.COMPRESSED_RGBA_S3TC_DXT5_EXT |
| 243 }, |
| 244 { width: 8, |
| 245 height: 8, |
| 246 channels: 4, |
| 247 data: img_8x8_rgba_dxt5, |
| 248 format: ext.COMPRESSED_RGBA_S3TC_DXT5_EXT |
| 249 } |
| 250 ]; |
| 251 testDXTTextures(tests); |
| 252 } |
| 253 |
| 254 function testDXTTextures(tests) { |
| 255 debug("<hr/>"); |
| 256 for (var ii = 0; ii < tests.length; ++ii) { |
| 257 testDXTTexture(tests[ii]); |
| 258 } |
| 259 } |
| 260 |
| 261 function uncompressDXTBlock( |
| 262 destBuffer, destX, destY, destWidth, src, srcOffset, format) { |
| 263 function make565(src, offset) { |
| 264 return src[offset + 0] + src[offset + 1] * 256; |
| 265 } |
| 266 function make8888From565(c) { |
| 267 return [ |
| 268 Math.floor(((c >> 11) & 0x1F) * 255 / 31), |
| 269 Math.floor(((c >> 5) & 0x3F) * 255 / 63), |
| 270 Math.floor(((c >> 0) & 0x1F) * 255 / 31), |
| 271 255 |
| 272 ]; |
| 273 } |
| 274 function mix(mult, c0, c1, div) { |
| 275 var r = []; |
| 276 for (var ii = 0; ii < c0.length; ++ii) { |
| 277 r[ii] = Math.floor((c0[ii] * mult + c1[ii]) / div); |
| 278 } |
| 279 return r; |
| 280 } |
| 281 var isDXT1 = format == ext.COMPRESSED_RGB_S3TC_DXT1_EXT || |
| 282 format == ext.COMPRESSED_RGBA_S3TC_DXT1_EXT; |
| 283 var colorOffset = srcOffset + (isDXT1 ? 0 : 8); |
| 284 var color0 = make565(src, colorOffset + 0); |
| 285 var color1 = make565(src, colorOffset + 2); |
| 286 var c0gtc1 = color0 > color1 || !isDXT1; |
| 287 var rgba0 = make8888From565(color0); |
| 288 var rgba1 = make8888From565(color1); |
| 289 var colors = [ |
| 290 rgba0, |
| 291 rgba1, |
| 292 c0gtc1 ? mix(2, rgba0, rgba1, 3) : mix(1, rgba0, rgba1, 2), |
| 293 c0gtc1 ? mix(2, rgba1, rgba0, 3) : [0, 0, 0, 255] |
| 294 ]; |
| 295 |
| 296 // yea I know there is a lot of math in this inner loop. |
| 297 // so sue me. |
| 298 for (var yy = 0; yy < 4; ++yy) { |
| 299 var pixels = src[colorOffset + 4 + yy]; |
| 300 for (var xx = 0; xx < 4; ++xx) { |
| 301 var dstOff = ((destY + yy) * destWidth + destX + xx) * 4; |
| 302 var code = (pixels >> (xx * 2)) & 0x3; |
| 303 var srcColor = colors[code]; |
| 304 var alpha; |
| 305 switch (format) { |
| 306 case ext.COMPRESSED_RGB_S3TC_DXT1_EXT: |
| 307 alpha = 255; |
| 308 break; |
| 309 case ext.COMPRESSED_RGBA_S3TC_DXT1_EXT: |
| 310 alpha = (code == 3 && !c0gtc1) ? 0 : 255; |
| 311 break; |
| 312 case ext.COMPRESSED_RGBA_S3TC_DXT3_EXT: |
| 313 { |
| 314 var alpha0 = src[srcOffset + yy * 2 + Math.floor(xx / 2)]; |
| 315 var alpha1 = (alpha0 >> ((xx % 2) * 4)) & 0xF; |
| 316 alpha = alpha1 | (alpha1 << 4); |
| 317 } |
| 318 break; |
| 319 case ext.COMPRESSED_RGBA_S3TC_DXT5_EXT: |
| 320 { |
| 321 var alpha0 = src[srcOffset + 0]; |
| 322 var alpha1 = src[srcOffset + 1]; |
| 323 var alphaOff = Math.floor(yy / 2) * 3 + 2; |
| 324 var alphaBits = |
| 325 src[srcOffset + alphaOff + 0] + |
| 326 src[srcOffset + alphaOff + 1] * 256 + |
| 327 src[srcOffset + alphaOff + 2] * 65536; |
| 328 var alphaShift = (yy % 2) * 12 + xx * 3; |
| 329 var alphaCode = (alphaBits >> alphaShift) & 0x7; |
| 330 if (alpha0 > alpha1) { |
| 331 switch (alphaCode) { |
| 332 case 0: |
| 333 alpha = alpha0; |
| 334 break; |
| 335 case 1: |
| 336 alpha = alpha1; |
| 337 break; |
| 338 default: |
| 339 alpha = ((8 - alphaCode) * alpha0 + (alphaCode - 1)
* alpha1) / 7; |
| 340 break; |
| 341 } |
| 342 } else { |
| 343 switch (alphaCode) { |
| 344 case 0: |
| 345 alpha = alpha0; |
| 346 break; |
| 347 case 1: |
| 348 alpha = alpha1; |
| 349 break; |
| 350 case 6: |
| 351 alpha = 0; |
| 352 break; |
| 353 case 7: |
| 354 alpha = 255; |
| 355 break; |
| 356 default: |
| 357 alpha = ((6 - alphaCode) * alpha0 + (alphaCode - 1)
* alpha1) / 5; |
| 358 break; |
| 359 } |
| 360 } |
| 361 } |
| 362 break; |
| 363 default: |
| 364 throw "bad format"; |
| 365 } |
| 366 destBuffer[dstOff + 0] = srcColor[0]; |
| 367 destBuffer[dstOff + 1] = srcColor[1]; |
| 368 destBuffer[dstOff + 2] = srcColor[2]; |
| 369 destBuffer[dstOff + 3] = alpha; |
| 370 } |
| 371 } |
| 372 } |
| 373 |
| 374 function getBlockSize(format) { |
| 375 var isDXT1 = format == ext.COMPRESSED_RGB_S3TC_DXT1_EXT || |
| 376 format == ext.COMPRESSED_RGBA_S3TC_DXT1_EXT; |
| 377 return isDXT1 ? 8 : 16; |
| 378 } |
| 379 |
| 380 function uncompressDXT(width, height, data, format) { |
| 381 if (width % 4 || height % 4) throw "bad width or height"; |
| 382 |
| 383 var dest = new Uint8Array(width * height * 4); |
| 384 var blocksAcross = width / 4; |
| 385 var blocksDown = height / 4; |
| 386 var blockSize = getBlockSize(format); |
| 387 for (var yy = 0; yy < blocksDown; ++yy) { |
| 388 for (var xx = 0; xx < blocksAcross; ++xx) { |
| 389 uncompressDXTBlock( |
| 390 dest, xx * 4, yy * 4, width, data, |
| 391 (yy * blocksAcross + xx) * blockSize, format); |
| 392 } |
| 393 } |
| 394 return dest; |
| 395 } |
| 396 |
| 397 function copyRect(data, srcX, srcY, dstX, dstY, width, height, stride) { |
| 398 var bytesPerLine = width * 4; |
| 399 var srcOffset = srcX * 4 + srcY * stride; |
| 400 var dstOffset = dstX * 4 + dstY * stride; |
| 401 for (; height > 0; --height) { |
| 402 for (var ii = 0; ii < bytesPerLine; ++ii) { |
| 403 data[dstOffset + ii] = data[srcOffset + ii]; |
| 404 } |
| 405 srcOffset += stride; |
| 406 dstOffset += stride; |
| 407 } |
| 408 } |
| 409 |
| 410 function testDXTTexture(test) { |
| 411 var data = new Uint8Array(test.data); |
| 412 var width = test.width; |
| 413 var height = test.height; |
| 414 var format = test.format; |
| 415 |
| 416 var uncompressedData = uncompressDXT(width, height, data, format); |
| 417 |
| 418 canvas.width = width; |
| 419 canvas.height = height; |
| 420 gl.viewport(0, 0, width, height); |
| 421 debug("testing " + formatToString(format) + " " + width + "x" + height); |
| 422 var tex = gl.createTexture(); |
| 423 gl.bindTexture(gl.TEXTURE_2D, tex); |
| 424 gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); |
| 425 gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); |
| 426 gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST); |
| 427 gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST); |
| 428 gl.compressedTexImage2D(gl.TEXTURE_2D, 0, format, width, height, 0, data); |
| 429 glErrorShouldBe(gl, gl.NO_ERROR, "uploading compressed texture"); |
| 430 wtu.drawQuad(gl); |
| 431 compareRect(width, height, test.channels, width, height, uncompressedData, d
ata, format); |
| 432 |
| 433 gl.compressedTexImage2D(gl.TEXTURE_2D, 0, format, width, height, 1, data); |
| 434 glErrorShouldBe(gl, gl.INVALID_VALUE, "non 0 border"); |
| 435 |
| 436 gl.compressedTexImage2D(gl.TEXTURE_2D, 0, format, width + 4, height, 0, data
); |
| 437 glErrorShouldBe(gl, gl.INVALID_VALUE, "data size does not match dimensions")
; |
| 438 gl.compressedTexImage2D(gl.TEXTURE_2D, 0, format, width, height + 4, 0, data
); |
| 439 glErrorShouldBe(gl, gl.INVALID_VALUE, "data size does not match dimensions")
; |
| 440 gl.compressedTexImage2D(gl.TEXTURE_2D, 0, format, width - 4, height, 0, data
); |
| 441 glErrorShouldBe(gl, gl.INVALID_VALUE, "data size does not match dimensions")
; |
| 442 gl.compressedTexImage2D(gl.TEXTURE_2D, 0, format, width, height - 4, 0, data
); |
| 443 glErrorShouldBe(gl, gl.INVALID_VALUE, "data size does not match dimensions")
; |
| 444 |
| 445 gl.compressedTexImage2D(gl.TEXTURE_2D, 0, format, width - 1, height, 0, data
); |
| 446 glErrorShouldBe(gl, gl.INVALID_OPERATION, "invalid dimensions"); |
| 447 gl.compressedTexImage2D(gl.TEXTURE_2D, 0, format, width - 2, height, 0, data
); |
| 448 glErrorShouldBe(gl, gl.INVALID_OPERATION, "invalid dimensions"); |
| 449 gl.compressedTexImage2D(gl.TEXTURE_2D, 0, format, width, height - 1, 0, data
); |
| 450 glErrorShouldBe(gl, gl.INVALID_OPERATION, "invalid dimensions"); |
| 451 gl.compressedTexImage2D(gl.TEXTURE_2D, 0, format, width, height - 2, 0, data
); |
| 452 glErrorShouldBe(gl, gl.INVALID_OPERATION, "invalid dimensions"); |
| 453 |
| 454 if (width == 4) { |
| 455 gl.compressedTexImage2D(gl.TEXTURE_2D, 1, format, 1, height, 0, data); |
| 456 glErrorShouldBe(gl, gl.NO_ERROR, "valid dimensions for level > 0"); |
| 457 gl.compressedTexImage2D(gl.TEXTURE_2D, 1, format, 2, height, 0, data); |
| 458 glErrorShouldBe(gl, gl.NO_ERROR, "valid dimensions for level > 0"); |
| 459 } |
| 460 if (height == 4) { |
| 461 gl.compressedTexImage2D(gl.TEXTURE_2D, 1, format, width, 1, 0, data); |
| 462 glErrorShouldBe(gl, gl.NO_ERROR, "valid dimensions for level > 0"); |
| 463 gl.compressedTexImage2D(gl.TEXTURE_2D, 1, format, width, 2, 0, data); |
| 464 glErrorShouldBe(gl, gl.NO_ERROR, "valid dimensions for level > 0"); |
| 465 } |
| 466 |
| 467 // pick a wrong format that uses the same amount of data. |
| 468 var wrongFormat; |
| 469 switch (format) { |
| 470 case ext.COMPRESSED_RGB_S3TC_DXT1_EXT: |
| 471 wrongFormat = ext.COMPRESSED_RGBA_S3TC_DXT1_EXT; |
| 472 break; |
| 473 case ext.COMPRESSED_RGBA_S3TC_DXT1_EXT: |
| 474 wrongFormat = ext.COMPRESSED_RGB_S3TC_DXT1_EXT; |
| 475 break; |
| 476 case ext.COMPRESSED_RGBA_S3TC_DXT3_EXT: |
| 477 wrongFormat = ext.COMPRESSED_RGBA_S3TC_DXT5_EXT; |
| 478 break; |
| 479 case ext.COMPRESSED_RGBA_S3TC_DXT5_EXT: |
| 480 wrongFormat = ext.COMPRESSED_RGBA_S3TC_DXT3_EXT; |
| 481 break; |
| 482 } |
| 483 |
| 484 gl.compressedTexSubImage2D(gl.TEXTURE_2D, 0, 0, 0, width, height, wrongForma
t, data); |
| 485 glErrorShouldBe(gl, gl.INVALID_OPERATION, "format does not match"); |
| 486 |
| 487 gl.compressedTexSubImage2D(gl.TEXTURE_2D, 0, 0, 0, width + 4, height, format
, data); |
| 488 glErrorShouldBe(gl, gl.INVALID_VALUE, "data size does not match dimensions")
; |
| 489 gl.compressedTexSubImage2D(gl.TEXTURE_2D, 0, 0, 0, width, height + 4, format
, data); |
| 490 glErrorShouldBe(gl, gl.INVALID_VALUE, "data size does not match dimensions")
; |
| 491 gl.compressedTexSubImage2D(gl.TEXTURE_2D, 0, 0, 0, width - 4, height, format
, data); |
| 492 glErrorShouldBe(gl, gl.INVALID_VALUE, "data size does not match dimensions")
; |
| 493 gl.compressedTexSubImage2D(gl.TEXTURE_2D, 0, 0, 0, width, height - 4, format
, data); |
| 494 glErrorShouldBe(gl, gl.INVALID_VALUE, "data size does not match dimensions")
; |
| 495 |
| 496 gl.compressedTexSubImage2D(gl.TEXTURE_2D, 0, 0, 0, width - 1, height, format
, data); |
| 497 glErrorShouldBe(gl, gl.INVALID_OPERATION, "invalid dimensions"); |
| 498 gl.compressedTexSubImage2D(gl.TEXTURE_2D, 0, 0, 0, width - 2, height, format
, data); |
| 499 glErrorShouldBe(gl, gl.INVALID_OPERATION, "invalid dimensions"); |
| 500 gl.compressedTexSubImage2D(gl.TEXTURE_2D, 0, 0, 0, width, height - 1, format
, data); |
| 501 glErrorShouldBe(gl, gl.INVALID_OPERATION, "invalid dimensions"); |
| 502 gl.compressedTexSubImage2D(gl.TEXTURE_2D, 0, 0, 0, width, height - 2, format
, data); |
| 503 glErrorShouldBe(gl, gl.INVALID_OPERATION, "invalid dimensions"); |
| 504 |
| 505 var subData = new Uint8Array(data.buffer, 0, getBlockSize(format)); |
| 506 |
| 507 if (width == 8 && height == 8) { |
| 508 gl.compressedTexSubImage2D(gl.TEXTURE_2D, 0, 1, 0, 4, 4, format, subData
); |
| 509 glErrorShouldBe(gl, gl.INVALID_OPERATION, "invalid offset"); |
| 510 gl.compressedTexSubImage2D(gl.TEXTURE_2D, 0, 0, 1, 4, 4, format, subData
); |
| 511 glErrorShouldBe(gl, gl.INVALID_OPERATION, "invalid offset"); |
| 512 } |
| 513 |
| 514 var stride = width * 4; |
| 515 for (var yoff = 0; yoff < height; yoff += 4) { |
| 516 for (var xoff = 0; xoff < width; xoff += 4) { |
| 517 copyRect(uncompressedData, 0, 0, xoff, yoff, 4, 4, stride); |
| 518 gl.compressedTexSubImage2D(gl.TEXTURE_2D, 0, xoff, yoff, 4, 4, forma
t, subData); |
| 519 glErrorShouldBe(gl, gl.NO_ERROR, "uploading compressed texture"); |
| 520 wtu.drawQuad(gl); |
| 521 compareRect(width, height, test.channels, width, height, uncompresse
dData, data, format); |
| 522 } |
| 523 } |
| 524 } |
| 525 |
| 526 function insertImg(element, caption, img) { |
| 527 var div = document.createElement("div"); |
| 528 div.appendChild(img); |
| 529 var label = document.createElement("div"); |
| 530 label.appendChild(document.createTextNode(caption)); |
| 531 div.appendChild(label); |
| 532 element.appendChild(div); |
| 533 } |
| 534 |
| 535 function makeImage(imageWidth, imageHeight, dataWidth, data, alpha) { |
| 536 var scale = 8; |
| 537 var c = document.createElement("canvas"); |
| 538 c.width = imageWidth * scale; |
| 539 c.height = imageHeight * scale; |
| 540 var ctx = c.getContext("2d"); |
| 541 for (var yy = 0; yy < imageWidth; ++yy) { |
| 542 for (var xx = 0; xx < imageHeight; ++xx) { |
| 543 var offset = (yy * dataWidth + xx) * 4; |
| 544 ctx.fillStyle = "rgba(" + |
| 545 data[offset + 0] + "," + |
| 546 data[offset + 1] + "," + |
| 547 data[offset + 2] + "," + |
| 548 (alpha ? data[offset + 3] / 255 : 1) + ")"; |
| 549 ctx.fillRect(xx * scale, yy * scale, scale, scale); |
| 550 } |
| 551 } |
| 552 var img = document.createElement("img"); |
| 553 img.src = c.toDataURL(); |
| 554 return img; |
| 555 } |
| 556 function compareRect( |
| 557 actualWidth, actualHeight, actualChannels, |
| 558 dataWidth, dataHeight, expectedData, |
| 559 testData, testFormat) { |
| 560 var actual = new Uint8Array(actualWidth * actualHeight * 4); |
| 561 gl.readPixels( |
| 562 0, 0, actualWidth, actualHeight, gl.RGBA, gl.UNSIGNED_BYTE, actual); |
| 563 |
| 564 var div = document.createElement("div"); |
| 565 div.className = "testimages"; |
| 566 insertImg(div, "expected", makeImage( |
| 567 actualWidth, actualHeight, dataWidth, expectedData, |
| 568 actualChannels == 4)); |
| 569 insertImg(div, "actual", makeImage( |
| 570 actualWidth, actualHeight, actualWidth, actual, |
| 571 actualChannels == 4)); |
| 572 div.appendChild(document.createElement('br')); |
| 573 document.getElementById("console").appendChild(div); |
| 574 |
| 575 var failed = false; |
| 576 for (var yy = 0; yy < actualHeight; ++yy) { |
| 577 for (var xx = 0; xx < actualWidth; ++xx) { |
| 578 var actualOffset = (yy * actualWidth + xx) * 4; |
| 579 var expectedOffset = (yy * dataWidth + xx) * 4; |
| 580 var expected = [ |
| 581 expectedData[expectedOffset + 0], |
| 582 expectedData[expectedOffset + 1], |
| 583 expectedData[expectedOffset + 2], |
| 584 (actualChannels == 3 ? 255 : expectedData[expectedOffset + 3
]) |
| 585 ]; |
| 586 for (var jj = 0; jj < 4; ++jj) { |
| 587 if (actual[actualOffset + jj] != expected[jj]) { |
| 588 failed = true; |
| 589 var was = actual[actualOffset + 0].toString(); |
| 590 for (j = 1; j < 4; ++j) { |
| 591 was += "," + actual[actualOffset + j]; |
| 592 } |
| 593 testFailed('at (' + xx + ', ' + yy + |
| 594 ') expected: ' + expected + ' was ' + w
as); |
| 595 } |
| 596 } |
| 597 } |
| 598 } |
| 599 if (!failed) { |
| 600 testPassed("texture rendered correctly"); |
| 601 } |
| 602 } |
| 603 |
| 604 function testPVRTCTextures() { |
| 605 testFailed("PVRTC test not yet implemented"); |
| 606 } |
| 607 |
| 608 debug(""); |
| 609 successfullyParsed = true; |
| 610 </script> |
| 611 <script src="../../resources/js-test-post.js"></script> |
| 612 |
| 613 </body> |
| 614 </html> |
OLD | NEW |