shaders 2.2.0 → 2.2.2

package/dist/core/GridDistortion-CuxRQdzs.js

@@ -1,137 +0,0 @@
-import { O as N, m as Q } from "./three.tsl-CgyjOhns.js";
-import { t as $ } from "./edges-Cj8yVYgz.js";
-import { a as ee } from "./transformations-Bs66Qh16.js";
-import { DataTexture as te, FloatType as ae, LinearFilter as q, RGFormat as ie } from "three";
-Q();
-const se = {
-  name: "GridDistortion",
-  category: "Interactive",
-  requiresRTT: !0,
-  requiresChild: !0,
-  props: {
-    intensity: {
-      default: 1,
-      description: "Strength of the distortion effect",
-      ui: {
-        type: "range",
-        min: 0,
-        max: 5,
-        step: 0.1,
-        label: "Intensity"
-      }
-    },
-    swirl: {
-      default: 0,
-      description: "Amount of swirl motion",
-      ui: {
-        type: "range",
-        min: 0,
-        max: 2,
-        step: 0.1,
-        label: "Swirl"
-      }
-    },
-    decay: {
-      default: 3,
-      description: "Rate of distortion decay (higher = faster)",
-      ui: {
-        type: "range",
-        min: 0,
-        max: 10,
-        step: 0.1,
-        label: "Decay"
-      }
-    },
-    radius: {
-      default: 1,
-      description: "Radius of the distortion effect",
-      ui: {
-        type: "range",
-        min: 0,
-        max: 3,
-        step: 0.01,
-        label: "Radius"
-      }
-    },
-    gridSize: {
-      default: 20,
-      description: "Resolution of the distortion grid (higher = more detailed)",
-      ui: {
-        type: "range",
-        min: 8,
-        max: 128,
-        step: 1,
-        label: "Grid Size"
-      }
-    },
-    edges: {
-      default: "stretch",
-      description: "How to handle edges when distortion pushes content out of bounds",
-      transform: ee,
-      ui: {
-        type: "select",
-        options: [
-          {
-            label: "Stretch",
-            value: "stretch"
-          },
-          {
-            label: "Transparent",
-            value: "transparent"
-          },
-          {
-            label: "Mirror",
-            value: "mirror"
-          },
-          {
-            label: "Wrap",
-            value: "wrap"
-          }
-        ],
-        label: "Edges"
-      }
-    }
-  },
-  fragmentNode: ({ uniforms: n, onBeforeRender: A, childNode: b, onCleanup: T }) => {
-    const { vec2: w, vec4: H, float: m, uniform: o, screenUV: D, texture: j, convertToTexture: C } = N;
-    if (!b) return H(0, 0, 0, 0);
-    const l = C(b);
-    T(() => {
-      l?.renderTarget?.dispose && l.renderTarget.dispose();
-    });
-    const i = Math.max(8, Math.min(128, Math.floor(n.gridSize.uniform.value))), e = new Float32Array(i * i * 2), r = new te(e, i, i, ie, ae);
-    r.magFilter = q, r.minFilter = q, r.needsUpdate = !0;
-    const L = j(r), O = o(0.5), P = o(0.5), p = o(0), f = o(0);
-    let S = 0.5, F = 0.5, R = Date.now();
-    A(({ pointer: s }) => {
-      const G = Date.now(), t = Math.min((G - R) / 1e3, 0.016);
-      R = G;
-      const I = t > 0 ? (s.x - S) / t : 0, V = t > 0 ? (s.y - F) / t : 0;
-      p.value = p.value * 0.85 + I * 0.15, f.value = f.value * 0.85 + V * 0.15, O.value = s.x, P.value = s.y;
-      const X = n.decay.uniform.value, Y = n.intensity.uniform.value, g = n.radius.uniform.value * 0.05, v = n.swirl.uniform.value;
-      for (let c = 0; c < i; c++) for (let d = 0; d < i; d++) {
-        const a = (c * i + d) * 2;
-        e[a] *= 1 - X * t, e[a + 1] *= 1 - X * t;
-        const J = (d + 0.5) / i, K = (c + 0.5) / i, x = J - s.x, y = K - s.y, M = Math.sqrt(x * x + y * y);
-        if (M < g * 2 && Math.abs(I) + Math.abs(V) > 0.01) {
-          const u = Math.exp(-M * M / (g * g));
-          if (e[a] += p.value * u * Y * t * 0.5, e[a + 1] += f.value * u * Y * t * 0.5, v > 0) {
-            const E = Math.atan2(y, x) + Math.PI * 0.5;
-            e[a] += Math.cos(E) * v * u * t * 2, e[a + 1] += Math.sin(E) * v * u * t * 2;
-          }
-        }
-        e[a] = Math.max(-1, Math.min(1, e[a])), e[a + 1] = Math.max(-1, Math.min(1, e[a + 1]));
-      }
-      r.needsUpdate = !0, S = s.x, F = s.y;
-    }), T(() => {
-      r.dispose();
-    });
-    const W = n.gridSize.uniform, h = m(1).div(W), Z = D.div(h).floor().mul(h).add(h.mul(0.5)), k = L.sample(Z).xy, U = m(0.1), _ = m(-0.1), B = k.clamp(w(_, _), w(U, U)), z = D.sub(B);
-    return $(z, l.sample(z), l, n.edges.uniform);
-  }
-};
-var ce = se;
-export {
-  se as n,
-  ce as t
-};

package/dist/core/Group-DTXP-whY.js

@@ -1,17 +0,0 @@
-import { O as r, m as o } from "./three.tsl-CgyjOhns.js";
-o();
-const n = {
-  name: "Group",
-  category: "Layout",
-  requiresChild: !0,
-  props: {},
-  fragmentNode: ({ childNode: t }) => {
-    const { vec4: e } = r;
-    return t || e(0);
-  }
-};
-var a = n;
-export {
-  n,
-  a as t
-};

package/dist/core/Invert-Cd7GK1vs.js

@@ -1,20 +0,0 @@
-import { O as a, m as c } from "./three.tsl-CgyjOhns.js";
-c();
-const i = {
-  name: "Invert",
-  category: "Color Adjustments",
-  requiresChild: !0,
-  props: {},
-  fragmentNode: ({ childNode: r }) => {
-    const { vec4: t, vec3: o } = a;
-    if (!r)
-      return console.error("You must pass a child component into the Invert shader."), t(0);
-    const n = r || t(0, 0, 0, 0), e = n.a, s = e.greaterThan(0).select(n.rgb.div(e), o(0, 0, 0));
-    return t(o(1, 1, 1).sub(s).mul(e), e);
-  }
-};
-var l = i;
-export {
-  i as n,
-  l as t
-};

package/dist/core/Liquify-rmJGJAdt.js

@@ -1,126 +0,0 @@
-import { O as C, m as J } from "./three.tsl-CgyjOhns.js";
-import { t as K } from "./edges-Cj8yVYgz.js";
-import { a as N } from "./transformations-Bs66Qh16.js";
-import { DataTexture as Q, FloatType as $, LinearFilter as L, RGFormat as ee } from "three";
-J();
-const te = {
-  name: "Liquify",
-  category: "Interactive",
-  requiresRTT: !0,
-  requiresChild: !0,
-  props: {
-    intensity: {
-      default: 1,
-      description: "Strength of the distortion effect",
-      ui: {
-        type: "range",
-        min: 0,
-        max: 5,
-        step: 0.1,
-        label: "Intensity"
-      }
-    },
-    swirl: {
-      default: 0,
-      description: "Amount of swirl motion (0-1)",
-      ui: {
-        type: "range",
-        min: 0,
-        max: 1,
-        step: 0.01,
-        label: "Swirl"
-      }
-    },
-    decay: {
-      default: 3,
-      description: "Rate of distortion decay (higher = faster)",
-      ui: {
-        type: "range",
-        min: 0,
-        max: 10,
-        step: 0.1,
-        label: "Decay"
-      }
-    },
-    radius: {
-      default: 1,
-      description: "Radius of the distortion effect",
-      ui: {
-        type: "range",
-        min: 0,
-        max: 3,
-        step: 0.01,
-        label: "Radius"
-      }
-    },
-    edges: {
-      default: "stretch",
-      description: "How to handle edges when distortion pushes content out of bounds",
-      transform: N,
-      ui: {
-        type: "select",
-        options: [
-          {
-            label: "Stretch",
-            value: "stretch"
-          },
-          {
-            label: "Transparent",
-            value: "transparent"
-          },
-          {
-            label: "Mirror",
-            value: "mirror"
-          },
-          {
-            label: "Wrap",
-            value: "wrap"
-          }
-        ],
-        label: "Edges"
-      }
-    }
-  },
-  fragmentNode: ({ uniforms: i, onBeforeRender: A, childNode: g, onCleanup: M }) => {
-    const { vec2: b, vec4: G, float: T, uniform: o, screenUV: w, texture: H, convertToTexture: j } = C;
-    if (!g) return G(0, 0, 0, 0);
-    const l = j(g);
-    M(() => {
-      l?.renderTarget?.dispose && l.renderTarget.dispose();
-    });
-    const s = 32, e = new Float32Array(s * s * 2), r = new Q(e, s, s, ee, $);
-    r.magFilter = L, r.minFilter = L, r.needsUpdate = !0;
-    const O = H(r), P = o(0.5), W = o(0.5), m = o(0), p = o(0);
-    let D = 0.5, F = 0.5, R = Date.now();
-    A(({ pointer: n }) => {
-      const X = Date.now(), t = Math.min((X - R) / 1e3, 0.016);
-      R = X;
-      const Y = t > 0 ? (n.x - D) / t : 0, E = t > 0 ? (n.y - F) / t : 0;
-      m.value = m.value * 0.85 + Y * 0.15, p.value = p.value * 0.85 + E * 0.15, P.value = n.x, W.value = n.y;
-      const S = i.decay.uniform.value, U = i.intensity.uniform.value, f = i.radius.uniform.value * 0.05, h = i.swirl.uniform.value;
-      for (let c = 0; c < s; c++) for (let u = 0; u < s; u++) {
-        const a = (c * s + u) * 2;
-        e[a] *= 1 - S * t, e[a + 1] *= 1 - S * t;
-        const z = (u + 0.5) / s, B = (c + 0.5) / s, y = z - n.x, v = B - n.y, x = Math.sqrt(y * y + v * v);
-        if (x < f * 2 && Math.abs(Y) + Math.abs(E) > 0.01) {
-          const d = Math.exp(-x * x / (f * f));
-          if (e[a] += m.value * d * U * t * 0.5, e[a + 1] += p.value * d * U * t * 0.5, h > 0) {
-            const V = Math.atan2(v, y) + Math.PI * 0.5;
-            e[a] += Math.cos(V) * h * d * t * 2, e[a + 1] += Math.sin(V) * h * d * t * 2;
-          }
-        }
-        e[a] = Math.max(-1, Math.min(1, e[a])), e[a + 1] = Math.max(-1, Math.min(1, e[a + 1]));
-      }
-      r.needsUpdate = !0, D = n.x, F = n.y;
-    }), M(() => {
-      r.dispose();
-    });
-    const Z = O.sample(w).xy, _ = T(0.2), q = T(-0.2), k = Z.clamp(b(q, q), b(_, _)), I = w.sub(k);
-    return K(I, l.sample(I), l, i.edges.uniform);
-  }
-};
-var ie = te;
-export {
-  te as n,
-  ie as t
-};

package/dist/core/Pixelate-BIANS3t9.js

@@ -1,34 +0,0 @@
-import { O as p, m as u } from "./three.tsl-CgyjOhns.js";
-u();
-const m = {
-  name: "Pixelate",
-  category: "Effects",
-  requiresRTT: !0,
-  requiresChild: !0,
-  props: { scale: {
-    default: 50,
-    description: "Pixel size - higher values create larger, more visible pixels",
-    ui: {
-      type: "range",
-      min: 1,
-      max: 200,
-      step: 1,
-      label: "Scale"
-    }
-  } },
-  fragmentNode: ({ uniforms: i, childNode: r, onCleanup: s }) => {
-    const { vec4: a, floor: n, screenUV: o, convertToTexture: l } = p;
-    if (!r) return a(0, 0, 0, 0);
-    const e = l(r);
-    s(() => {
-      e?.renderTarget?.dispose && e.renderTarget.dispose();
-    });
-    const t = i.scale.uniform, c = n(o.mul(t)).div(t);
-    return e.sample(c);
-  }
-};
-var x = m;
-export {
-  m as n,
-  x as t
-};

package/dist/core/Strands-Bv7RvyRC.js

@@ -1,124 +0,0 @@
-import { O as $, m as ee } from "./three.tsl-CgyjOhns.js";
-import { t as te } from "./time-myrFQH-u.js";
-import { o as z, r as ne } from "./transformations-Bs66Qh16.js";
-ee();
-const oe = {
-  name: "Strands",
-  category: "Generative",
-  requiresRTT: !1,
-  requiresChild: !1,
-  props: {
-    speed: {
-      default: 0.5,
-      description: "Overall animation speed",
-      ui: {
-        type: "range",
-        min: 0,
-        max: 1,
-        step: 0.01,
-        label: "Speed"
-      }
-    },
-    amplitude: {
-      default: 1,
-      description: "Wave height amplitude",
-      ui: {
-        type: "range",
-        min: 0,
-        max: 5,
-        step: 0.1,
-        label: "Amplitude"
-      }
-    },
-    frequency: {
-      default: 1,
-      description: "Wave frequency",
-      ui: {
-        type: "range",
-        min: 0,
-        max: 5,
-        step: 0.01,
-        label: "Frequency"
-      }
-    },
-    lineCount: {
-      default: 12,
-      description: "Number of wave lines",
-      ui: {
-        type: "range",
-        min: 4,
-        max: 32,
-        step: 1,
-        label: "Line Count"
-      }
-    },
-    lineWidth: {
-      default: 0.1,
-      description: "Width of wave lines",
-      ui: {
-        type: "range",
-        min: 0.01,
-        max: 0.5,
-        step: 0.01,
-        label: "Line Width"
-      }
-    },
-    waveColor: {
-      default: "#f1c907",
-      transform: ne,
-      description: "Color of the waves",
-      ui: {
-        type: "color",
-        label: "Wave Color"
-      }
-    },
-    pinEdges: {
-      default: !0,
-      description: "Pin waves at edges (fade effect)",
-      ui: {
-        type: "checkbox",
-        label: "Pin Edges"
-      }
-    },
-    start: {
-      default: {
-        x: 0,
-        y: 0.5
-      },
-      transform: z,
-      description: "Starting point of the waves",
-      ui: {
-        type: "position",
-        label: "Start"
-      }
-    },
-    end: {
-      default: {
-        x: 1,
-        y: 0.5
-      },
-      transform: z,
-      description: "Ending point of the waves",
-      ui: {
-        type: "position",
-        label: "End"
-      }
-    }
-  },
-  fragmentNode: (v) => {
-    const { uniforms: e } = v, { vec2: s, vec4: a, cos: o, abs: L, smoothstep: d, mix: g, max: M, screenCoordinate: A, viewportSize: l, float: t, Fn: x } = $, y = te(v, e.speed), u = x(([n]) => o(n).add(o(n.mul(1.2).add(1.6))).add(o(n.mul(1.4).add(1.5))).div(3));
-    return x(([n]) => {
-      const m = l.x.div(l.y), h = s(e.start.uniform.x.mul(m), e.start.uniform.y.oneMinus()), D = s(e.end.uniform.x.mul(m), e.end.uniform.y.oneMinus()), I = s(n.x.mul(m), n.y), b = D.sub(h), C = b.length(), c = b.div(C), N = s(c.y.negate(), c.x), w = I.sub(h), i = w.dot(c).div(C), O = w.dot(N), S = i.mul(10), R = O.mul(10), V = e.pinEdges.uniform.select(d(t(0), t(0.1), i).mul(d(t(1), t(0.9), i)), t(1)), f = e.pinEdges.uniform.select(o(i.mul(6.28)).mul(0.5).add(0.5).oneMinus(), t(1)), k = o(i.mul(6.28)).mul(0.5).add(0.5).oneMinus(), p = a(0, 0, 0, 0).toVar(), P = e.lineCount.uniform;
-      for (let r = 0; r < 32; r++) {
-        const G = t(r).lessThan(P), W = t(r), U = W.div(P), j = t(0.5), B = t(1.33), q = y.mul(B), E = W.add(S.mul(j)), F = u(E.add(q)).mul(0.5).add(0.5), T = g(t(0.01), e.lineWidth.uniform, F.mul(f)).mul(0.5), H = t(0.6), J = t(2), K = u(E.add(q.mul(U.add(1)))).mul(g(H, J, f)).mul(e.amplitude.uniform), Q = u(S.mul(e.frequency.uniform).add(y)).mul(f).mul(e.amplitude.uniform).add(K), X = L(R.sub(Q)), _ = t(0.01), Y = d(T.add(_), T.sub(_), X), Z = a(e.waveColor.uniform.r, e.waveColor.uniform.g, e.waveColor.uniform.b, Y).mul(F);
-        p.assign(M(p, G.select(Z, a(0, 0, 0, 0))));
-      }
-      return p.mul(a(1, 1, 1, k.mul(V)));
-    })(A.div(l));
-  }
-};
-var re = oe;
-export {
-  oe as n,
-  re as t
-};

package/dist/core/WaveDistortion-gecgVpvO.js

@@ -1,129 +0,0 @@
-import { O as z, m as F } from "./three.tsl-CgyjOhns.js";
-import { t as I } from "./edges-Cj8yVYgz.js";
-import { t as M } from "./time-myrFQH-u.js";
-import { a as O } from "./transformations-Bs66Qh16.js";
-F();
-const X = {
-  name: "WaveDistortion",
-  category: "Distortions",
-  requiresRTT: !0,
-  requiresChild: !0,
-  props: {
-    strength: {
-      default: 0.3,
-      description: "Distortion intensity",
-      ui: {
-        type: "range",
-        min: 0,
-        max: 1,
-        step: 0.01,
-        label: "Strength"
-      }
-    },
-    frequency: {
-      default: 1,
-      description: "Number of bends/waves",
-      ui: {
-        type: "range",
-        min: 0.1,
-        max: 10,
-        step: 0.1,
-        label: "Frequency"
-      }
-    },
-    speed: {
-      default: 1,
-      description: "Animation speed",
-      ui: {
-        type: "range",
-        min: 0,
-        max: 5,
-        step: 0.1,
-        label: "Speed"
-      }
-    },
-    angle: {
-      default: 0,
-      description: "Direction of wave distortion in degrees",
-      ui: {
-        type: "range",
-        min: 0,
-        max: 360,
-        step: 1,
-        label: "Angle"
-      }
-    },
-    waveType: {
-      default: "sine",
-      description: "Shape of the distortion wave",
-      transform: (a) => ({
-        sine: 0,
-        triangle: 1,
-        square: 2,
-        sawtooth: 3
-      })[a] ?? 0,
-      ui: {
-        type: "select",
-        options: [
-          {
-            label: "Sine",
-            value: "sine"
-          },
-          {
-            label: "Triangle",
-            value: "triangle"
-          },
-          {
-            label: "Square",
-            value: "square"
-          },
-          {
-            label: "Sawtooth",
-            value: "sawtooth"
-          }
-        ],
-        label: "Wave Type"
-      }
-    },
-    edges: {
-      default: "stretch",
-      description: "How to handle edges when distortion pushes content out of bounds",
-      transform: O,
-      ui: {
-        type: "select",
-        options: [
-          {
-            label: "Stretch",
-            value: "stretch"
-          },
-          {
-            label: "Transparent",
-            value: "transparent"
-          },
-          {
-            label: "Mirror",
-            value: "mirror"
-          },
-          {
-            label: "Wrap",
-            value: "wrap"
-          }
-        ],
-        label: "Edges"
-      }
-    }
-  },
-  fragmentNode: (a) => {
-    const { uniforms: n, childNode: p, onCleanup: y } = a, { vec2: o, vec4: T, sin: f, cos: w, abs: x, fract: q, step: e, convertToTexture: S, screenUV: W, float: t, PI: l } = z;
-    if (!p) return T(0, 0, 0, 0);
-    const u = W, D = M(a, n.speed).mul(0.5), g = n.angle.uniform.mul(l).div(180), d = w(g), m = f(g), r = u.sub(o(0.5, 0.5)), v = o(r.x.mul(d).sub(r.y.mul(m)), r.x.mul(m).add(r.y.mul(d))).add(o(0.5, 0.5)).y.mul(n.frequency.uniform).mul(l.mul(2)).add(D), c = q(v.div(l.mul(2))), A = f(v), _ = x(c.mul(2).sub(1)).mul(2).sub(1), V = e(t(0.5), c).mul(2).sub(1), C = c.mul(2).sub(1), s = n.waveType.uniform, E = e(s, t(0.5)), N = e(t(0.5), s).mul(e(s, t(1.5))), U = e(t(1.5), s).mul(e(s, t(2.5))), H = e(t(2.5), s), b = A.mul(E).add(_.mul(N)).add(V.mul(U)).add(C.mul(H)).mul(n.strength.uniform).mul(0.5), P = b.mul(d), R = b.mul(m), h = o(u.x.add(P), u.y.add(R)), i = S(p);
-    return y(() => {
-      i?.renderTarget?.dispose && i.renderTarget.dispose();
-    }), I(h, i.sample(h), i, n.edges.uniform);
-  }
-};
-var G = X;
-export {
-  X as n,
-  G as t
-};

package/dist/core/edges-Cj8yVYgz.js

@@ -1,10 +0,0 @@
-import { O as f, m as g } from "./three.tsl-CgyjOhns.js";
-g();
-var { vec2: p, vec4: h, step: s, abs: u, mod: x, fract: y, float: n, select: o } = f;
-const C = (r, a, m, c) => {
-  const b = s(n(0), r.x).mul(s(r.x, n(1))), _ = s(n(0), r.y).mul(s(r.y, n(1))), v = b.mul(_), B = h(a.rgb, a.a.mul(v)), t = x(u(r.x), n(2)), l = x(u(r.y), n(2)), w = p(o(s(n(1), t), n(2).sub(t), t), o(s(n(1), l), n(2).sub(l), l)), X = m.sample(w), Y = p(y(r.x), y(r.y)), e = m.sample(Y);
-  return o(s(n(0.5), c), o(s(n(1.5), c), o(s(n(2.5), c), e, X), B), a);
-};
-export {
-  C as t
-};