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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
|
<!--
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.
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>GLSL Array of Structs Containing Arrays</title>
<link rel="stylesheet" href="../../../resources/js-test-style.css"/>
<link rel="stylesheet" href="../../../resources/glsl-feature-tests.css"/>
<script src="../../../js/js-test-pre.js"></script>
<script src="../../../js/webgl-test-utils.js"> </script>
<script id="vshader" type="x-shader/x-vertex">
attribute vec4 a_position;
void main(void) {
gl_Position = a_position;
}
</script>
<script id="fshader0" type="x-shader/x-fragment">
precision mediump float;
struct my_struct {
vec4 color[2];
};
uniform my_struct u_colors[2];
void main(void) {
gl_FragColor = u_colors[0].color[0];
}
</script>
<script id="fshader1" type="x-shader/x-fragment">
precision mediump float;
struct my_struct {
vec4 color[2];
};
uniform my_struct u_colors[2];
void main(void) {
gl_FragColor = u_colors[0].color[1];
}
</script>
<script id="fshader-with-one-element-arrays" type="x-shader/x-fragment">
precision mediump float;
struct my_struct {
vec4 color[1];
};
uniform my_struct u_colors[1];
void main(void) {
gl_FragColor = u_colors[0].color[0];
}
</script>
<script id="fshader3" type="x-shader/x-fragment">
precision mediump float;
struct my_struct {
vec4 color1[2];
vec4 color2[2];
};
uniform my_struct u_colors[2];
void main(void) {
gl_FragColor = u_colors[0].color1[0] + u_colors[0].color2[0] + u_colors[1].color1[1] +u_colors[1].color2[1];
}
</script>
</head>
<body>
<canvas id="canvas" width="50" height="50"></canvas>
<div id="description"></div>
<div id="console"></div>
<script>
"use strict";
description();
var wtu = WebGLTestUtils;
var gl = wtu.create3DContext("canvas");
wtu.setupUnitQuad(gl);
for (var ii = 0; ii < 2; ++ii) {
var program = wtu.setupProgram(gl, ["vshader", "fshader" + ii], ["a_position"]);
var red_loc = gl.getUniformLocation(program, "u_colors[0].color[" + ii + "]");
var green_loc = gl.getUniformLocation(program, "u_colors[0].color[" + (1 - ii) + "]");
gl.uniform4fv(red_loc, [1, 0, 0, 1]);
gl.uniform4fv(green_loc, [0, 1, 0, 1]);
wtu.clearAndDrawUnitQuad(gl);
wtu.checkCanvas(gl, [255, 0, 0, 255], "Should be red");
}
var program = wtu.setupProgram(gl, ["vshader", "fshader-with-one-element-arrays"], ["a_position"]);
var green_loc = gl.getUniformLocation(program, "u_colors[0].color[0]");
gl.uniform4fv(green_loc, [0, 1, 0, 1]);
wtu.clearAndDrawUnitQuad(gl);
wtu.checkCanvas(gl, [0, 255, 0, 255], "Should be green");
var program = wtu.setupProgram(gl, ["vshader", "fshader3"], ["a_position"]);
var numUniforms = gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS);
shouldBe("numUniforms", "4");
var uniforms = []
for (var ii = 0; ii < numUniforms; ++ii) {
uniforms.push(gl.getActiveUniform(program, ii).name);
}
uniforms.sort();
shouldBe("uniforms[0]", '"u_colors[0].color1[0]"');
shouldBe("uniforms[1]", '"u_colors[0].color2[0]"');
shouldBe("uniforms[2]", '"u_colors[1].color1[0]"');
shouldBe("uniforms[3]", '"u_colors[1].color2[0]"');
var loc00 = gl.getUniformLocation(program, "u_colors[0].color1");
var loc01 = gl.getUniformLocation(program, "u_colors[0].color2");
var loc10 = gl.getUniformLocation(program, "u_colors[1].color1");
var loc11 = gl.getUniformLocation(program, "u_colors[1].color2");
shouldBeTrue("loc00 != undefined");
shouldBeTrue("loc01 != undefined");
shouldBeTrue("loc10 != undefined");
shouldBeTrue("loc11 != undefined");
gl.uniform4fv(loc00, [1, 0, 0, 0]);
gl.uniform4fv(loc01, [0, 1, 0, 0]);
gl.uniform4fv(loc10, [0, 0, 0, 0, 0, 0, 1, 0]);
gl.uniform4fv(loc11, [0, 0, 0, 0, 0, 0, 0, 1]);
var loc101 = gl.getUniformLocation(program, "u_colors[1].color1[1]");
var loc111 = gl.getUniformLocation(program, "u_colors[1].color2[1]");
shouldBeTrue("loc101 != undefined");
shouldBeTrue("loc111 != undefined");
wtu.clearAndDrawUnitQuad(gl, [0, 0, 0, 0]);
gl.uniform4fv(loc101, [0, 0, 0, 0]);
gl.uniform4fv(loc111, [0, 0, 0, 0]);
wtu.clearAndDrawUnitQuad(gl, [0, 0, 0, 0]);
wtu.checkCanvas(gl, [255, 255, 0, 0], "Should be yellow");
wtu.glErrorShouldBe(gl, gl.NO_ERROR, "there should be no errors");
var successfullyParsed = true;
</script>
<script src="../../../js/js-test-post.js"></script>
</body>
</html>
|
