1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
|
/*
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;
function init()
{
description('Verify texImage3D and texSubImage3D code paths taking ImageBitmap created from an HTMLCanvasElement (' + internalFormat + '/' + pixelFormat + '/' + pixelType + ')');
if(!window.createImageBitmap || !window.ImageBitmap) {
finishTest();
return;
}
// 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;
}
gl.clearColor(0,0,0,1);
gl.clearDepth(1);
var testCanvas = document.createElement('canvas');
var ctx = testCanvas.getContext("2d");
setCanvasToMin(ctx);
runImageBitmapTest(testCanvas, 0.5, internalFormat, pixelFormat, pixelType, gl, tiu, wtu, true)
.then(() => {
setCanvasTo257x257(ctx);
return runImageBitmapTest(testCanvas, 0.5, internalFormat, pixelFormat, pixelType, gl, tiu, wtu, true);
}).then(() => {
finishTest();
});
}
function setCanvasToRedGreen(ctx) {
var width = ctx.canvas.width;
var halfWidth = Math.floor(width / 2);
var height = ctx.canvas.height;
var halfHeight = Math.floor(height / 2);
ctx.fillStyle = "rgba(255, 0, 0, 1)";
ctx.fillRect(0, 0, halfWidth, halfHeight);
ctx.fillStyle = "rgba(255, 0, 0, 0.5)";
ctx.fillRect(halfWidth, 0, halfWidth, halfHeight);
ctx.fillStyle = "rgba(0, 255, 0, 1)";
ctx.fillRect(0, halfHeight, halfWidth, halfHeight);
ctx.fillStyle = "rgba(0, 255, 0, 0.5)";
ctx.fillRect(halfWidth, halfHeight, halfWidth, halfHeight);
}
function setCanvasToMin(ctx) {
ctx.canvas.width = 2;
ctx.canvas.height = 2;
setCanvasToRedGreen(ctx);
}
function setCanvasTo257x257(ctx) {
ctx.canvas.width = 257;
ctx.canvas.height = 257;
setCanvasToRedGreen(ctx);
}
return init;
}
|
