dom/canvas/test/webgl-conf/checkout/conformance/uniforms/uniform-default-values.html

   1 <!--
   2 Copyright (c) 2019 The Khronos Group Inc.
   3 Use of this source code is governed by an MIT-style license that can be
   4 found in the LICENSE.txt file.
   5 -->
   6
   7 <!DOCTYPE html>
   8 <html>
   9 <head>
  10 <meta charset="utf-8">
  11 <title>WebGL uniform default values</title>
  12 <link rel="stylesheet" href="../../resources/js-test-style.css"/>
  13 <script src="../../js/js-test-pre.js"></script>
  14 <script src="../../js/webgl-test-utils.js"></script>
  15 <script src="../../js/test-eval.js"></script>
  16 </head>
  17 <body>
  18 <div id="description"></div>
  19 <div id="console"></div>
  20 <canvas id="example" width="2" height="2"> </canvas>
  21 <script id="vshader0" type="x-shader/x-vertex">
  22 attribute vec4 vPosition;
  23 void main()
  24 {
  25     gl_Position = vPosition;
  26 }
  27 </script>
  28 <script id="fshader0" type="x-shader/x-fragment">
  29 precision mediump float;
  30 uniform $(type) u_uniform;
  31
  32 bool isZero($(type) value) {
  33  $(check);
  34 }
  35
  36 void main()
  37 {
  38   gl_FragColor = isZero(u_uniform) ? vec4(0,1,0,1) : vec4(1,0,0,1);
  39 }
  40 </script>
  41 <script id="vshader1" type="x-shader/x-vertex">
  42 attribute vec4 vPosition;
  43 varying vec4 v_color;
  44 uniform $(type) u_uniform;
  45
  46 bool isZero($(type) value) {
  47    $(check);
  48 }
  49
  50 void main()
  51 {
  52     gl_Position = vPosition;
  53     v_color = isZero(u_uniform) ? vec4(0,1,0,1) : vec4(1,0,0,1);
  54 }
  55 </script>
  56 <script id="fshader1" type="x-shader/x-fragment">
  57 precision mediump float;
  58 varying vec4 v_color;
  59 void main()
  60 {
  61     gl_FragColor = v_color;
  62 }
  63 </script>
  64 <script id="vshader2" type="x-shader/x-vertex">
  65 attribute vec4 vPosition;
  66 void main()
  67 {
  68     gl_Position = vPosition;
  69 }
  70 </script>
  71 <script id="fshader2" type="x-shader/x-fragment">
  72 precision mediump float;
  73 uniform $(type) u_uniform[2];
  74
  75 bool isZero($(type) value) {
  76   $(check);
  77 }
  78
  79 void main()
  80 {
  81   gl_FragColor = isZero(u_uniform[1]) ? vec4(0,1,0,1) : vec4(1,0,0,1);
  82 }
  83 </script>
  84 <script id="vshader3" type="x-shader/x-vertex">
  85 attribute vec4 vPosition;
  86 varying vec4 v_color;
  87 uniform $(type) u_uniform[2];
  88
  89 bool isZero($(type) value) {
  90    $(check);
  91 }
  92
  93 void main()
  94 {
  95     gl_Position = vPosition;
  96     v_color = isZero(u_uniform[1]) ? vec4(0,1,0,1) : vec4(1,0,0,1);
  97 }
  98 </script>
  99 <script id="fshader3" type="x-shader/x-fragment">
 100 precision mediump float;
 101 varying vec4 v_color;
 102 void main()
 103 {
 104     gl_FragColor = v_color;
 105 }
 106 </script>
 107 <script>
 108 "use strict";
 109 description();
 110
 111 var tests = [
 112 { type: 'float',
 113   check: "return value == 0.0",
 114   setFn: function(gl, loc) { gl.uniform1f(loc, 3.0); }
 115 },
 116 { type: 'int',
 117   check: "return value == 0",
 118   setFn: function(gl, loc) { gl.uniform1i(loc, 3.0); }
 119 },
 120 { type: 'bool',
 121   check: "return value == false",
 122   setFn: function(gl, loc) { gl.uniform1i(loc, 1); }
 123 },
 124 { type: 'vec2',
 125   check: "return value[0] == 0.0 && value[1] == 0.0",
 126   setFn: function(gl, loc) { gl.uniform2f(loc, 3.0, 3.0); }
 127 },
 128 { type: 'vec3',
 129   check: "return value[0] == 0.0 && value[1] == 0.0 && value[2] == 0.0",
 130   setFn: function(gl, loc) { gl.uniform3f(loc, 3.0, 3.0, 3.0); }
 131 },
 132 { type: 'vec4',
 133   check: "return value[0] == 0.0 && value[1] == 0.0 && value[2] == 0.0 && value[3] == 0.0",
 134   setFn: function(gl, loc) { gl.uniform4f(loc, 3.0, 3.0, 3.0, 3.0); }
 135 },
 136 { type: 'ivec2',
 137   check: "return value[0] == 0 && value[1] == 0",
 138   setFn: function(gl, loc) { gl.uniform2i(loc, 3, 3); }
 139 },
 140 { type: 'ivec3',
 141   check: "return value[0] == 0 && value[1] == 0 && value[2] == 0",
 142   setFn: function(gl, loc) { gl.uniform3i(loc, 3, 3, 3); }
 143 },
 144 { type: 'ivec4',
 145   check: "return value[0] == 0 && value[1] == 0 && value[2] == 0 && value[3] == 0",
 146   setFn: function(gl, loc) { gl.uniform4i(loc, 3, 3, 3, 3); }
 147 },
 148 { type: 'bvec2',
 149   check: "return value[0] == false && value[1] == false",
 150   setFn: function(gl, loc) { gl.uniform2i(loc, 1, 1); }
 151 },
 152 { type: 'bvec3',
 153   check: "return value[0] == false && value[1] == false && value[2] == false",
 154   setFn: function(gl, loc) { gl.uniform3i(loc, 1, 1, 1); }
 155 },
 156 { type: 'bvec4',
 157   check: "return value[0] == false && value[1] == false && value[2] == false && value[3] == false",
 158   setFn: function(gl, loc) { gl.uniform4i(loc, 1, 1, 1, 1); }
 159 },
 160 { type: 'mat2',
 161   check:
 162     "return " +
 163     "value[0][0] == 0.0 && value[0][1] == 0.0 && " +
 164     "value[1][0] == 0.0 && value[1][0] == 0.0",
 165   valueCheck:
 166     "return " +
 167     "value[0] == 0.0 && value[1] == 0.0 && " +
 168     "value[2] == 0.0 && value[3] == 0.0",
 169   setFn: function(gl, loc) { gl.uniformMatrix2fv(loc, false, [1, 1, 1, 1]); }
 170 },
 171 { type: 'mat3',
 172   check:
 173     "return " +
 174     "value[0][0] == 0.0 && value[1][0] == 0.0 && value[2][0] == 0.0 && " +
 175     "value[0][1] == 0.0 && value[1][1] == 0.0 && value[2][1] == 0.0 && " +
 176     "value[0][2] == 0.0 && value[1][2] == 0.0 && value[2][2] == 0.0",
 177   valueCheck:
 178     "return " +
 179     "value[0] == 0.0 && value[1] == 0.0 && value[2] == 0.0 && " +
 180     "value[3] == 0.0 && value[4] == 0.0 && value[5] == 0.0 && " +
 181     "value[6] == 0.0 && value[7] == 0.0 && value[8] == 0.0",
 182   setFn: function(gl, loc) { gl.uniformMatrix3fv(loc, false, [1, 1, 1, 1, 1, 1, 1, 1, 1]); }
 183 },
 184 { type: 'mat4',
 185   check:
 186     "return " +
 187     "value[0][0] == 0.0 && value[1][0] == 0.0 && value[2][0] == 0.0 && value[3][0] == 0.0 && " +
 188     "value[0][1] == 0.0 && value[1][1] == 0.0 && value[2][1] == 0.0 && value[3][1] == 0.0 && " +
 189     "value[0][2] == 0.0 && value[1][2] == 0.0 && value[2][2] == 0.0 && value[3][2] == 0.0 && " +
 190     "value[0][3] == 0.0 && value[1][3] == 0.0 && value[2][3] == 0.0 && value[3][3] == 0.0",
 191   valueCheck:
 192     "return " +
 193     "value[ 0] == 0.0 && value[ 1] == 0.0 && value[ 2] == 0.0 && value[ 3] == 0.0 && " +
 194     "value[ 4] == 0.0 && value[ 5] == 0.0 && value[ 6] == 0.0 && value[ 7] == 0.0 && " +
 195     "value[ 8] == 0.0 && value[ 9] == 0.0 && value[10] == 0.0 && value[11] == 0.0 && " +
 196     "value[12] == 0.0 && value[13] == 0.0 && value[14] == 0.0 && value[15] == 0.0",
 197   setFn: function(gl, loc) { gl.uniformMatrix4fv(loc, false, [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]); }
 198 },
 199 { type: 'sampler2D',
 200   check:
 201     "vec4 v = texture2D(value, vec2(0, 0));" +
 202     "return v.x == 1.0 && v.y == 1.0 && v.z == 1.0 && v.w == 1.0",
 203   valueCheck:
 204     "return value == 0",
 205   setFn: function(gl, loc) { gl.uniform1i(loc, 1); }
 206 },
 207 { type: 'samplerCube',
 208   check:
 209     "vec4 v = textureCube(value, vec3(0, 0, 0));" +
 210     "return v.x == 1.0 && v.y == 1.0 && v.z == 1.0 && v.w == 1.0",
 211   valueCheck:
 212     "return value == 0",
 213   setFn: function(gl, loc) { gl.uniform1i(loc, 1); }
 214 },
 215 ];
 216
 217 var wtu = WebGLTestUtils;
 218 var gl = wtu.create3DContext();
 219 var c = document.getElementById("console");
 220 var checkFn;
 221
 222 wtu.setupUnitQuad(gl, [0, 1]);
 223
 224 // Set unit 0 to a non-0 texture.
 225 var haveVertexTextureImageUnits =
 226     gl.getParameter(gl.MAX_VERTEX_TEXTURE_IMAGE_UNITS) >= 2;
 227 var tex2D = gl.createTexture();
 228 var texCube = gl.createTexture();
 229 gl.bindTexture(gl.TEXTURE_2D, tex2D);
 230 gl.bindTexture(gl.TEXTURE_CUBE_MAP, texCube);
 231
 232 var pixel = new Uint8Array([255, 255, 255, 255]);
 233 var targets = [
 234   gl.TEXTURE_2D,
 235   gl.TEXTURE_CUBE_MAP_POSITIVE_X,
 236   gl.TEXTURE_CUBE_MAP_NEGATIVE_X,
 237   gl.TEXTURE_CUBE_MAP_POSITIVE_Y,
 238   gl.TEXTURE_CUBE_MAP_NEGATIVE_Y,
 239   gl.TEXTURE_CUBE_MAP_POSITIVE_Z,
 240   gl.TEXTURE_CUBE_MAP_NEGATIVE_Z
 241 ];
 242 for (var ii = 0; ii < targets.length; ++ii) {
 243     gl.texImage2D(
 244         targets[ii], 0, gl.RGBA, 1, 1, 0, gl.RGBA, gl.UNSIGNED_BYTE, pixel);
 245 }
 246
 247 var shaderTemplates = [
 248 { vs: "vshader0", fs: "fshader0", type: 'f' },
 249 { vs: "vshader1", fs: "fshader1", type: 'v' },
 250 { vs: "vshader2", fs: "fshader2", type: 'f' },
 251 { vs: "vshader3", fs: "fshader3", type: 'v' },
 252 ];
 253
 254 // Get shader templates
 255 for (var ii = 0; ii < shaderTemplates.length; ++ii) {
 256   var template = shaderTemplates[ii];
 257   template.vs = wtu.getScript(template.vs);
 258   template.fs = wtu.getScript(template.fs);
 259 }
 260
 261 function testType(test) {
 262   debug("");
 263   debug("testing: " + test.type);
 264
 265   for (var ii = 0; ii < shaderTemplates.length; ++ii) {
 266     var template = shaderTemplates[ii];
 267
 268     if (test.type.substring(0, 7) == "sampler" &&
 269         template.type == 'v' &&
 270         !haveVertexTextureImageUnits) {
 271       continue;
 272     }
 273
 274     var vs = wtu.replaceParams(template.vs, test);
 275     var fs = wtu.replaceParams(template.fs, test);
 276
 277     wtu.addShaderSource(c, "vertex shader", vs);
 278     wtu.addShaderSource(c, "fragment shader", fs);
 279
 280     var vs = wtu.loadShader(gl, vs, gl.VERTEX_SHADER);
 281     var fs = wtu.loadShader(gl, fs, gl.FRAGMENT_SHADER);
 282     var program = wtu.createProgram(gl, vs, fs);
 283
 284     gl.useProgram(program);
 285
 286     var loc = gl.getUniformLocation(program, "u_uniform[1]");
 287     if (!loc) {
 288         var loc = gl.getUniformLocation(program, "u_uniform");
 289     }
 290
 291     var value = gl.getUniform(program, loc);
 292     TestEval("checkFn = function(value) {" + (test.valueCheck ? test.valueCheck : test.check) + ";}");
 293     if (checkFn(value)) {
 294         testPassed("uniform is zero");
 295     } else {
 296         testFailed("uniform is not zero");
 297     }
 298
 299     debug("default value should be zero");
 300     wtu.clearAndDrawUnitQuad(gl);
 301     wtu.checkCanvas(gl, [0, 255, 0, 255], "should be green", 0);
 302
 303     debug("test test by setting value");
 304     test.setFn(gl, loc);
 305
 306     wtu.clearAndDrawUnitQuad(gl);
 307     wtu.checkCanvas(gl, [255, 0, 0, 255], "should be red", 0);
 308
 309     debug("re-linking should reset to defaults");
 310     gl.linkProgram(program);
 311
 312     wtu.clearAndDrawUnitQuad(gl);
 313     wtu.checkCanvas(gl, [0, 255, 0, 255], "should be green", 0);
 314
 315     gl.deleteProgram(program);
 316     gl.deleteShader(vs);
 317     gl.deleteShader(fs);
 318
 319     wtu.glErrorShouldBe(gl, gl.NO_ERROR, "should be no GL errors");
 320   }
 321 }
 322
 323 var testNdx = 0;
 324 function runNextTest() {
 325     testType(tests[testNdx++]);
 326     if (testNdx >= tests.length) {
 327         finishTest();
 328     } else {
 329         setTimeout(runNextTest, 0);
 330     }
 331 }
 332
 333 runNextTest();
 334
 335 var successfullyParsed = true;
 336
 337 </script>
 338 </body>
 339 </html>