matrix-compound-multiply.html

Enable keyboard shortcuts

<!--

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>Matrix compound multiplication test</title>

<link rel="stylesheet" href="../../../resources/js-test-style.css"/>

<script src="../../../js/js-test-pre.js"></script>

<script src="../../../js/webgl-test-utils.js"></script>

</head>

<body>

<canvas id="canvas" width="256" height="256"> </canvas>

<div id="description"></div>

<div id="console"></div>

<script id="vshader" type="x-shader/x-vertex">

attribute vec3 aPosition;

void main() {

    gl_Position = vec4(aPosition, 1);

</script>

<script id="fshader" type="x-shader/x-fragment">

precision mediump float;

void main() {

    $(type) a = $(type)(0.0);

    $(type) b = $(type)(0.0);

    a[1][1] = 3.0; // 2nd column, 2nd row

    b[0][1] = 2.0; // 1st column, 2nd row

    $(type) c = a * b;

    a *= b;

    $(type) diffMat = a - c;

    float diff = length(diffMat[0]) + length(diffMat[1]);

    gl_FragColor = vec4(0.0, diff < 0.01 ? 1.0 : 0.0, 0.0, 1.0);

</script>

<script type="application/javascript">

"use strict";

description("Matrix compound multiplication test comparing against normal multiplication.");

debug("");

var wtu = WebGLTestUtils;

function test() {

  var gl = wtu.create3DContext("canvas");

  if (!gl) {

    testFailed("context does not exist");

    return;

  wtu.setupUnitQuad(gl);

  var fshaderTemplate = wtu.getScript('fshader');

  var types = ['mat2', 'mat3', 'mat4'];

  for (var i = 0; i < types.length; ++i) {

    debug('');

    debug('Testing type ' + types[i]);

    var fshaderSource = wtu.replaceParams(fshaderTemplate, {type: types[i]});

    var program = wtu.setupProgram(gl, ['vshader', fshaderSource], ["aPosition"], undefined, true);

    wtu.drawUnitQuad(gl);

    wtu.checkCanvas(gl, [0, 255, 0, 255], 'should be green');

};

test();

finishTest();

</script>

</body>

</html>