summaryrefslogtreecommitdiffstats
path: root/dom/canvas/test/webgl-conf/checkout/conformance/glsl/functions/glsl-function-smoothstep-float.html
blob: c74371ebdb435cb9b430b002def6c6edb46d2368 (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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!--

/*
** Copyright (c) 2012 The Khronos Group Inc.
**
** Permission is hereby granted, free of charge, to any person obtaining a
** copy of this software and/or associated documentation files (the
** "Materials"), to deal in the Materials without restriction, including
** without limitation the rights to use, copy, modify, merge, publish,
** distribute, sublicense, and/or sell copies of the Materials, and to
** permit persons to whom the Materials are furnished to do so, subject to
** the following conditions:
**
** The above copyright notice and this permission notice shall be included
** in all copies or substantial portions of the Materials.
**
** THE MATERIALS ARE PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
** EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
** MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
** IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
** CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
** TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
** MATERIALS OR THE USE OR OTHER DEALINGS IN THE MATERIALS.
*/

-->

<!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>