summaryrefslogtreecommitdiffstats
path: root/dom/canvas/test/webgl-conf/checkout/conformance/glsl/functions/glsl-function-smoothstep-float.html
blob: a963ec0fb7f11e669c5ab0e9e3c1c0ad7c487838 (plain)
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
<!--
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 smoothstep-float function test</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 src="../../../js/glsl-generator.js"> </script>
</head>
<body>
<div id="description"></div>
<div id="console"></div>
<script>
"use strict";

function clamp(value, min, max) {
  return Math.max(min, Math.min(value, max));
}

function smoothstep(edge0, edge1, value) {
  var t = clamp((value - edge0) / (edge1 - edge0), 0, 1);
  return t * t * (3 - 2 * t);
}

GLSLGenerator.runReferenceImageTest({
  feature: "smoothstep",
  args: "float edge0, float edge1, $(type) value",
  testFunc: "$(func)(float, float, $(type))",
  gridRes: 8,
  tolerance: 4,
  tests: [
    {
      source: ["$(output) = vec4(",
              "    $(func)(0.3, 0.7, $(input).x),",
              "    $(func)(0.2, 0.8, $(input).y),",
              "    0,",
              "    1);"].join("\n"),
      generator: function(x, y, z, w) {
        return [ smoothstep(0.3, 0.7, x),
                 smoothstep(0.2, 0.8, y),
                 0,
                 1 ];
      },
    },
    {
      source: [ "$(output) = vec4(",
                "    $(func)(0.4, 0.8, $(input).xy),",
                "    0, 1);"].join("\n"),
      generator: function(x, y, z, w) {
        return [ smoothstep(0.4, 0.8, x),
                 smoothstep(0.4, 0.8, y),
                 0,
                 1 ];
      },
    },
    {
      // FIXME: this test seems to need a higher tolerance when run in a vertex shader.
      source: [ "$(output) = vec4(",
                "    $(func)(0.3, 0.7, $(input).xyz),",
                "    1);"].join("\n"),
      generator: function(x, y, z, w) {
        return [ smoothstep(0.3, 0.7, x),
                 smoothstep(0.3, 0.7, y),
                 smoothstep(0.3, 0.7, z),
                 1 ];
      },
      tolerance: 12,
      fragmentTolerance: 3,
    },
    {
      // FIXME: this test seems to need a higher tolerance when run in a vertex shader.
      source: ["$(output) = ",
               "    $(func)(0.3, 0.9, $(input));"].join("\n"),
      generator: function(x, y, z, w) {
        return [ smoothstep(0.3, 0.9, x),
                 smoothstep(0.3, 0.9, y),
                 smoothstep(0.3, 0.9, z),
                 smoothstep(0.3, 0.9, w) ];
      },
      tolerance: 7,
      fragmentTolerance: 3,
    },
  ]
});
var successfullyParsed = true;
</script>
</body>
</html>