Add Voronoi node.

Author: adamwych

packages/stores/blueprints.ts

@@ -15,6 +15,7 @@ import floor from "../../resources/nodes/utilities/floor";
 import invert from "../../resources/nodes/utilities/invert";
 import passthrough from "../../resources/nodes/utilities/pass-through";
 import perlinNoise from "../../resources/nodes/noises/perlin";
+import voronoi from "../../resources/nodes/noises/voronoi";
 import { MaterialNodeBlueprint, MaterialNodeBlueprintsPackage } from "../material/node";
 
 const BUILTIN_NODES_PACKAGE: MaterialNodeBlueprintsPackage = new Map<string, MaterialNodeBlueprint>(
@@ -29,6 +30,7 @@ const BUILTIN_NODES_PACKAGE: MaterialNodeBlueprintsPackage = new Map<string, Mat
 
         ["perlin-noise", perlinNoise],
         ["anisotropic-noise", anisotropicNoise],
+        ["voronoi", voronoi],
 
         ["gaussian-blur", gaussianBlur],
 

resources/nodes/noises/voronoi.fs

@@ -0,0 +1,63 @@
+#version 300 es
+precision highp float;
+
+in vec2 a_texCoord;
+
+uniform float p_offsetX;
+uniform float p_offsetY;
+uniform float p_scale;
+uniform float p_limit;
+
+out vec4 out_color;
+
+vec2 random2f(ivec2 x) {
+    vec2 p = vec2(float(x.x), float(x.y));
+    return fract(sin(vec2(dot(p, vec2(127.1f, 311.7f)), dot(p, vec2(269.5f, 183.3f)))) * 43758.5453f);
+}
+
+// Based on: https://iquilezles.org/articles/voronoilines/
+
+float voronoiDistance(vec2 x) {
+    ivec2 p = ivec2(floor(x));
+    vec2 f = fract(x);
+
+    ivec2 mb;
+    vec2 mr;
+
+    float res = 8.0f;
+    for(int j = -1; j <= 1; j++) {
+        for(int i = -1; i <= 1; i++) {
+            ivec2 b = ivec2(i, j);
+            vec2 r = vec2(b) + random2f(p + b) - f;
+            float d = dot(r, r);
+
+            if(d < res) {
+                res = d;
+                mr = r;
+                mb = b;
+            }
+        }
+    }
+
+    res = 8.0f;
+    for(int j = -2; j <= 2; j++) {
+        for(int i = -2; i <= 2; i++) {
+            ivec2 b = mb + ivec2(i, j);
+            vec2 r = vec2(b) + random2f(p + b) - f;
+            float d = dot(0.5f * (mr + r), normalize(r - mr));
+
+            res = min(res, d);
+        }
+    }
+
+    return res;
+}
+
+void main(void) {
+    vec2 uv = (a_texCoord + vec2(p_offsetX, p_offsetY)) * p_scale;
+
+    float m_dist = voronoiDistance(uv);
+    m_dist = smoothstep(0.0f, p_limit, m_dist);
+
+    out_color = vec4(vec3(m_dist), 1.0f);
+}

resources/nodes/noises/voronoi.ts

@@ -0,0 +1,54 @@
+import { MaterialNodeBlueprint } from "../../../packages/material/node";
+import glsl from "./voronoi.fs?raw";
+
+export default {
+    id: "voronoi",
+    name: "Voronoi",
+    groupName: "Noises",
+    parameters: {
+        offsetX: {
+            id: "offsetX",
+            name: "Offset X",
+            inputType: "number",
+            inputProps: { min: 0, max: 1 },
+            valueType: "float",
+            default: 0,
+        },
+        offsetY: {
+            id: "offsetY",
+            name: "Offset Y",
+            inputType: "number",
+            inputProps: { min: 0, max: 1 },
+            valueType: "float",
+            default: 0,
+        },
+        scale: {
+            id: "scale",
+            name: "Scale",
+            inputType: "number",
+            inputProps: { min: 0, max: 32 },
+            valueType: "float",
+            default: 12,
+        },
+        limit: {
+            id: "limit",
+            name: "Limit",
+            inputType: "number",
+            inputProps: { min: 0.01, max: 0.1, step: 0.001 },
+            valueType: "float",
+            default: 0.05,
+        },
+    },
+    inputs: {},
+    outputs: {
+        color: {
+            id: "color",
+            textureType: "rgb",
+            hidden: false,
+        },
+    },
+    painter: {
+        type: "glsl",
+        fragmentShader: glsl,
+    },
+} satisfies MaterialNodeBlueprint;