shaders 2.2.1 → 2.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/core/{AngularBlur-BZENxuhv.js → AngularBlur-BTUdXC0g.js} +5 -4
- package/dist/core/{Ascii-joVW9dAD.js → Ascii-Bu8ii7oo.js} +25 -24
- package/dist/core/{Blob-Ds3jasiC.js → Blob-C0G0efjG.js} +11 -10
- package/dist/core/{Blur-sKjcr9_K.js → Blur-BzUO9yxF.js} +13 -12
- package/dist/core/{Bulge-CdcB9we6.js → Bulge-BCXYAzig.js} +9 -8
- package/dist/core/{CRTScreen-BWDSeX_0.js → CRTScreen-cJ3XHrI9.js} +9 -8
- package/dist/core/{ChannelBlur-i9M5gbkh.js → ChannelBlur-BEK1qzGn.js} +17 -16
- package/dist/core/{Checkerboard-D9-UAs26.js → Checkerboard-BPkiSF5I.js} +15 -14
- package/dist/core/{ChromaFlow-DZAJwEBw.js → ChromaFlow-AHO3C4o3.js} +13 -12
- package/dist/core/{ChromaticAberration-DLYIcjJx.js → ChromaticAberration-nVg3r1FK.js} +11 -10
- package/dist/core/{Circle-Ca-LtXkF.js → Circle-C8ltF4BZ.js} +10 -9
- package/dist/core/{CursorTrail-B_VZJBOK.js → CursorTrail-BeJGeovB.js} +11 -10
- package/dist/core/DiffuseBlur-BdGvOoBw.js +40 -0
- package/dist/core/{Dither-MK-9r3tw.js → Dither-CpN3vGSh.js} +12 -11
- package/dist/core/{DotGrid-DP__DqQj.js → DotGrid-BFUzeSQw.js} +9 -8
- package/dist/core/{Duotone-CmkF6eDj.js → Duotone-_nR_o3-g.js} +6 -5
- package/dist/core/FilmGrain-BAKXXtLg.js +29 -0
- package/dist/core/{FloatingParticles-CxcXDtZg.js → FloatingParticles-Fv8JIzKk.js} +11 -10
- package/dist/core/GlassTiles-5MyBj1ff.js +53 -0
- package/dist/core/{Glow-Cz3ImaBH.js → Glow-DvJj7BB7.js} +13 -12
- package/dist/core/{Godrays-BHfh6URI.js → Godrays-cUzAKVXn.js} +18 -17
- package/dist/core/{Grayscale-FPSUcFGC.js → Grayscale-oWIF3PV5.js} +2 -1
- package/dist/core/{Grid-BvM0M3Hl.js → Grid-Bov7AA9m.js} +10 -9
- package/dist/core/{GridDistortion-yjmNv0Q3.js → GridDistortion-CWYom5Dw.js} +11 -10
- package/dist/core/Group-CPk-7fiA.js +18 -0
- package/dist/core/{Halftone-DWIVrS2s.js → Halftone-F7fsdu7W.js} +11 -10
- package/dist/core/{HueShift-CBupF7d4.js → HueShift-CiS4hdtk.js} +2 -1
- package/dist/core/{ImageTexture-GrTz4Fx7.js → ImageTexture-B3Q29OHX.js} +16 -15
- package/dist/core/Invert-Cyc4JHWc.js +21 -0
- package/dist/core/{LinearBlur-DHBRP6Yh.js → LinearBlur-BTC54qzk.js} +8 -7
- package/dist/core/{LinearGradient-B4C3CKhf.js → LinearGradient-LEMeW0KM.js} +3 -2
- package/dist/core/{Liquify-DNHtcXxv.js → Liquify-D2nzMDzq.js} +15 -14
- package/dist/core/{Pixelate-BKooNVcb.js → Pixelate-irPzmtQm.js} +8 -7
- package/dist/core/{PolarCoordinates-DKhEbQhq.js → PolarCoordinates-Ck5ZWrQO.js} +5 -4
- package/dist/core/{Posterize-D81ZG2A9.js → Posterize-DICq_t96.js} +8 -7
- package/dist/core/{ProgressiveBlur-CPdReTnY.js → ProgressiveBlur-BuORe3VH.js} +10 -9
- package/dist/core/{RadialGradient-XmwfZ91d.js → RadialGradient-D0cN67jm.js} +8 -7
- package/dist/core/{RectangularCoordinates-DWY7ptY1.js → RectangularCoordinates-1LIDaeHR.js} +15 -14
- package/dist/core/{Ripples-CndvRX-N.js → Ripples-DH71sFJc.js} +6 -5
- package/dist/core/{Saturation-C6u9sNkr.js → Saturation-DbSXtSeK.js} +10 -9
- package/dist/core/{SimplexNoise-BH0ZZzP4.js → SimplexNoise-DPGC2OPJ.js} +10 -9
- package/dist/core/{SineWave-DBH8MraQ.js → SineWave-CkWtnzHF.js} +10 -9
- package/dist/core/{SolidColor-DR665qss.js → SolidColor-DaB-FHNX.js} +2 -1
- package/dist/core/{Spiral--7KUy0u3.js → Spiral-CcyI8azF.js} +18 -17
- package/dist/core/{Strands-Bi1Is8_o.js → Strands-Co4fkc05.js} +10 -9
- package/dist/core/{Swirl-DuYM23jG.js → Swirl-BoveqtNV.js} +15 -14
- package/dist/core/{TiltShift-BUvZWBsh.js → TiltShift-D53azmRe.js} +4 -3
- package/dist/core/{Tritone-CKifp6Ob.js → Tritone-Cg1rX-hL.js} +11 -10
- package/dist/core/{Twirl-Ztlb9x_h.js → Twirl-raO5pe5X.js} +10 -9
- package/dist/core/{Vibrance-B7EsDw6e.js → Vibrance-DtekSkcz.js} +8 -7
- package/dist/core/{WaveDistortion-HCnk54tD.js → WaveDistortion-C65qO_cZ.js} +6 -5
- package/dist/core/{ZoomBlur-Ck6M9A2W.js → ZoomBlur-B97ZjhXe.js} +10 -9
- package/dist/core/index.js +771 -754
- package/dist/core/renderer.d.ts.map +1 -1
- package/dist/core/shaders/AngularBlur/index.d.ts.map +1 -1
- package/dist/core/shaders/AngularBlur/index.js +1 -1
- package/dist/core/shaders/Ascii/index.d.ts.map +1 -1
- package/dist/core/shaders/Ascii/index.js +1 -1
- package/dist/core/shaders/Blob/index.d.ts.map +1 -1
- package/dist/core/shaders/Blob/index.js +1 -1
- package/dist/core/shaders/Blur/index.d.ts.map +1 -1
- package/dist/core/shaders/Blur/index.js +1 -1
- package/dist/core/shaders/Bulge/index.d.ts.map +1 -1
- package/dist/core/shaders/Bulge/index.js +1 -1
- package/dist/core/shaders/CRTScreen/index.d.ts.map +1 -1
- package/dist/core/shaders/CRTScreen/index.js +1 -1
- package/dist/core/shaders/ChannelBlur/index.d.ts.map +1 -1
- package/dist/core/shaders/ChannelBlur/index.js +1 -1
- package/dist/core/shaders/Checkerboard/index.d.ts.map +1 -1
- package/dist/core/shaders/Checkerboard/index.js +1 -1
- package/dist/core/shaders/ChromaFlow/index.d.ts.map +1 -1
- package/dist/core/shaders/ChromaFlow/index.js +1 -1
- package/dist/core/shaders/ChromaticAberration/index.d.ts.map +1 -1
- package/dist/core/shaders/ChromaticAberration/index.js +1 -1
- package/dist/core/shaders/Circle/index.d.ts.map +1 -1
- package/dist/core/shaders/Circle/index.js +1 -1
- package/dist/core/shaders/CursorTrail/index.d.ts.map +1 -1
- package/dist/core/shaders/CursorTrail/index.js +1 -1
- package/dist/core/shaders/DiffuseBlur/index.d.ts.map +1 -1
- package/dist/core/shaders/DiffuseBlur/index.js +1 -1
- package/dist/core/shaders/Dither/index.d.ts.map +1 -1
- package/dist/core/shaders/Dither/index.js +1 -1
- package/dist/core/shaders/DotGrid/index.d.ts.map +1 -1
- package/dist/core/shaders/DotGrid/index.js +1 -1
- package/dist/core/shaders/Duotone/index.d.ts.map +1 -1
- package/dist/core/shaders/Duotone/index.js +1 -1
- package/dist/core/shaders/FilmGrain/index.d.ts.map +1 -1
- package/dist/core/shaders/FilmGrain/index.js +1 -1
- package/dist/core/shaders/FloatingParticles/index.d.ts.map +1 -1
- package/dist/core/shaders/FloatingParticles/index.js +1 -1
- package/dist/core/shaders/GlassTiles/index.d.ts.map +1 -1
- package/dist/core/shaders/GlassTiles/index.js +1 -1
- package/dist/core/shaders/Glow/index.d.ts.map +1 -1
- package/dist/core/shaders/Glow/index.js +1 -1
- package/dist/core/shaders/Godrays/index.d.ts.map +1 -1
- package/dist/core/shaders/Godrays/index.js +1 -1
- package/dist/core/shaders/Grayscale/index.d.ts.map +1 -1
- package/dist/core/shaders/Grayscale/index.js +1 -1
- package/dist/core/shaders/Grid/index.d.ts.map +1 -1
- package/dist/core/shaders/Grid/index.js +1 -1
- package/dist/core/shaders/GridDistortion/index.d.ts.map +1 -1
- package/dist/core/shaders/GridDistortion/index.js +1 -1
- package/dist/core/shaders/Group/index.d.ts.map +1 -1
- package/dist/core/shaders/Group/index.js +1 -1
- package/dist/core/shaders/Halftone/index.d.ts.map +1 -1
- package/dist/core/shaders/Halftone/index.js +1 -1
- package/dist/core/shaders/HueShift/index.d.ts.map +1 -1
- package/dist/core/shaders/HueShift/index.js +1 -1
- package/dist/core/shaders/ImageTexture/index.d.ts +1 -1
- package/dist/core/shaders/ImageTexture/index.d.ts.map +1 -1
- package/dist/core/shaders/ImageTexture/index.js +1 -1
- package/dist/core/shaders/Invert/index.d.ts.map +1 -1
- package/dist/core/shaders/Invert/index.js +1 -1
- package/dist/core/shaders/LinearBlur/index.d.ts.map +1 -1
- package/dist/core/shaders/LinearBlur/index.js +1 -1
- package/dist/core/shaders/LinearGradient/index.d.ts.map +1 -1
- package/dist/core/shaders/LinearGradient/index.js +1 -1
- package/dist/core/shaders/Liquify/index.d.ts.map +1 -1
- package/dist/core/shaders/Liquify/index.js +1 -1
- package/dist/core/shaders/Pixelate/index.d.ts.map +1 -1
- package/dist/core/shaders/Pixelate/index.js +1 -1
- package/dist/core/shaders/PolarCoordinates/index.d.ts.map +1 -1
- package/dist/core/shaders/PolarCoordinates/index.js +1 -1
- package/dist/core/shaders/Posterize/index.d.ts.map +1 -1
- package/dist/core/shaders/Posterize/index.js +1 -1
- package/dist/core/shaders/ProgressiveBlur/index.d.ts.map +1 -1
- package/dist/core/shaders/ProgressiveBlur/index.js +1 -1
- package/dist/core/shaders/RadialGradient/index.d.ts.map +1 -1
- package/dist/core/shaders/RadialGradient/index.js +1 -1
- package/dist/core/shaders/RectangularCoordinates/index.d.ts.map +1 -1
- package/dist/core/shaders/RectangularCoordinates/index.js +1 -1
- package/dist/core/shaders/Ripples/index.d.ts.map +1 -1
- package/dist/core/shaders/Ripples/index.js +1 -1
- package/dist/core/shaders/Saturation/index.d.ts.map +1 -1
- package/dist/core/shaders/Saturation/index.js +1 -1
- package/dist/core/shaders/SimplexNoise/index.d.ts.map +1 -1
- package/dist/core/shaders/SimplexNoise/index.js +1 -1
- package/dist/core/shaders/SineWave/index.d.ts.map +1 -1
- package/dist/core/shaders/SineWave/index.js +1 -1
- package/dist/core/shaders/SolidColor/index.d.ts.map +1 -1
- package/dist/core/shaders/SolidColor/index.js +1 -1
- package/dist/core/shaders/Spiral/index.d.ts.map +1 -1
- package/dist/core/shaders/Spiral/index.js +1 -1
- package/dist/core/shaders/Strands/index.d.ts.map +1 -1
- package/dist/core/shaders/Strands/index.js +1 -1
- package/dist/core/shaders/Swirl/index.d.ts.map +1 -1
- package/dist/core/shaders/Swirl/index.js +1 -1
- package/dist/core/shaders/TiltShift/index.d.ts.map +1 -1
- package/dist/core/shaders/TiltShift/index.js +1 -1
- package/dist/core/shaders/Tritone/index.d.ts.map +1 -1
- package/dist/core/shaders/Tritone/index.js +1 -1
- package/dist/core/shaders/Twirl/index.d.ts.map +1 -1
- package/dist/core/shaders/Twirl/index.js +1 -1
- package/dist/core/shaders/Vibrance/index.d.ts.map +1 -1
- package/dist/core/shaders/Vibrance/index.js +1 -1
- package/dist/core/shaders/WaveDistortion/index.d.ts.map +1 -1
- package/dist/core/shaders/WaveDistortion/index.js +1 -1
- package/dist/core/shaders/ZoomBlur/index.d.ts.map +1 -1
- package/dist/core/shaders/ZoomBlur/index.js +1 -1
- package/dist/core/types.d.ts +4 -0
- package/dist/core/types.d.ts.map +1 -1
- package/dist/react/index.cjs +63 -63
- package/dist/react/index.js +4776 -4707
- package/dist/react/utils/generatePresetCode.cjs +1 -1
- package/dist/react/utils/generatePresetCode.js +1 -1
- package/dist/registry.d.ts +3 -0
- package/dist/registry.js +226 -88
- package/dist/svelte/index.js +5539 -5470
- package/dist/svelte/utils/generatePresetCode.js +1 -1
- package/dist/vue/{generatePresetCode-T78GxN5X.js → generatePresetCode-D4V6rBae.js} +1 -1
- package/dist/vue/index.js +4603 -4534
- package/dist/vue/utils/generatePresetCode.js +1 -1
- package/package.json +1 -1
- package/dist/core/DiffuseBlur-COpm1qrw.js +0 -39
- package/dist/core/FilmGrain-ByNyK2gs.js +0 -28
- package/dist/core/GlassTiles-CxUl9MxF.js +0 -52
- package/dist/core/Group-jZZimqG1.js +0 -17
- package/dist/core/Invert-CCQ1H_Qr.js +0 -20
|
@@ -1,15 +1,16 @@
|
|
|
1
|
-
import { k as
|
|
2
|
-
import { i as
|
|
3
|
-
import { t as
|
|
4
|
-
|
|
5
|
-
const
|
|
1
|
+
import { k as N, m as O } from "./three.tsl-BqgDcRt9.js";
|
|
2
|
+
import { i as j, o as D, r as g, t as I } from "./transformations-DBjTkQ5b.js";
|
|
3
|
+
import { t as R } from "./colorMixing-DPZ-Td4U.js";
|
|
4
|
+
O();
|
|
5
|
+
const q = {
|
|
6
6
|
name: "Spiral",
|
|
7
|
-
category: "
|
|
7
|
+
category: "Base Layers",
|
|
8
|
+
description: "Rotating spiral pattern with animated movement",
|
|
8
9
|
acceptsUVContext: !0,
|
|
9
10
|
props: {
|
|
10
11
|
colorA: {
|
|
11
12
|
default: "#000000",
|
|
12
|
-
transform:
|
|
13
|
+
transform: g,
|
|
13
14
|
description: "Background color",
|
|
14
15
|
ui: {
|
|
15
16
|
type: "color",
|
|
@@ -18,7 +19,7 @@ const E = {
|
|
|
18
19
|
},
|
|
19
20
|
colorB: {
|
|
20
21
|
default: "#ffffff",
|
|
21
|
-
transform:
|
|
22
|
+
transform: g,
|
|
22
23
|
description: "Spiral stroke color",
|
|
23
24
|
ui: {
|
|
24
25
|
type: "color",
|
|
@@ -74,7 +75,7 @@ const E = {
|
|
|
74
75
|
x: 0.5,
|
|
75
76
|
y: 0.5
|
|
76
77
|
},
|
|
77
|
-
transform:
|
|
78
|
+
transform: D,
|
|
78
79
|
description: "The center point of the spiral",
|
|
79
80
|
ui: {
|
|
80
81
|
type: "position",
|
|
@@ -94,22 +95,22 @@ const E = {
|
|
|
94
95
|
},
|
|
95
96
|
colorSpace: {
|
|
96
97
|
default: "linear",
|
|
97
|
-
transform:
|
|
98
|
+
transform: j,
|
|
98
99
|
description: "Color space for color interpolation",
|
|
99
100
|
ui: {
|
|
100
101
|
type: "select",
|
|
101
|
-
options:
|
|
102
|
+
options: I,
|
|
102
103
|
label: "Color Space"
|
|
103
104
|
}
|
|
104
105
|
}
|
|
105
106
|
},
|
|
106
|
-
fragmentNode: ({ uniforms: e, uvContext:
|
|
107
|
-
const { vec2: s, vec4:
|
|
108
|
-
return
|
|
107
|
+
fragmentNode: ({ uniforms: e, uvContext: x }) => {
|
|
108
|
+
const { vec2: s, vec4: S, float: a, atan: y, length: k, clamp: o, fract: C, abs: v, mix: w, smoothstep: t, screenUV: W, time: _, fwidth: n, viewportSize: l } = N, i = x ?? W, c = l.x.div(l.y), A = s(i.x.mul(c), i.y), B = s(e.center.uniform.x.mul(c), e.center.uniform.y.oneMinus()), r = A.sub(B), F = _.mul(e.speed.uniform), p = k(r), U = p, V = y(r.y, r.x).sub(F), M = a(6.283185307), P = V.div(M), f = U.mul(e.scale.uniform).add(P), d = v(C(f).sub(0.5)).mul(2), T = o(e.strokeWidth.uniform, e.strokeFalloff.uniform.mul(5e-3), 1), z = o(e.strokeFalloff.uniform, 0, 1).mul(p).oneMinus(), m = T.mul(z), u = n(f), h = w(a(4).sub(t(0.05, 0.4, e.strokeWidth.uniform.mul(2)).mul(t(0.05, 0.4, e.strokeWidth.uniform.oneMinus().mul(2))).mul(3)).mul(u), n(d), o(u, 0, 1)), L = t(m.sub(h).sub(e.softness.uniform), m.add(h).add(e.softness.uniform), d), b = R(e.colorA.uniform, e.colorB.uniform, L, e.colorSpace.uniform);
|
|
109
|
+
return S(b.rgb, b.a);
|
|
109
110
|
}
|
|
110
111
|
};
|
|
111
|
-
var
|
|
112
|
+
var J = q;
|
|
112
113
|
export {
|
|
113
|
-
|
|
114
|
-
|
|
114
|
+
q as n,
|
|
115
|
+
J as t
|
|
115
116
|
};
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { k as te, m as ne } from "./three.tsl-BqgDcRt9.js";
|
|
2
2
|
import { t as oe } from "./time-5uQ65blS.js";
|
|
3
|
-
import { o as
|
|
3
|
+
import { o as V, r as se } from "./transformations-DBjTkQ5b.js";
|
|
4
4
|
ne();
|
|
5
5
|
const ie = {
|
|
6
6
|
name: "Strands",
|
|
7
|
-
category: "
|
|
7
|
+
category: "Base Layers",
|
|
8
|
+
description: "Procedural wavy strands with layered animation",
|
|
8
9
|
requiresRTT: !1,
|
|
9
10
|
requiresChild: !1,
|
|
10
11
|
acceptsUVContext: !0,
|
|
@@ -86,7 +87,7 @@ const ie = {
|
|
|
86
87
|
x: 0,
|
|
87
88
|
y: 0.5
|
|
88
89
|
},
|
|
89
|
-
transform:
|
|
90
|
+
transform: V,
|
|
90
91
|
description: "Starting point of the waves",
|
|
91
92
|
ui: {
|
|
92
93
|
type: "position",
|
|
@@ -98,7 +99,7 @@ const ie = {
|
|
|
98
99
|
x: 1,
|
|
99
100
|
y: 0.5
|
|
100
101
|
},
|
|
101
|
-
transform:
|
|
102
|
+
transform: V,
|
|
102
103
|
description: "Ending point of the waves",
|
|
103
104
|
ui: {
|
|
104
105
|
type: "position",
|
|
@@ -107,14 +108,14 @@ const ie = {
|
|
|
107
108
|
}
|
|
108
109
|
},
|
|
109
110
|
fragmentNode: (p) => {
|
|
110
|
-
const { uniforms: e, uvContext:
|
|
111
|
-
return
|
|
112
|
-
const u =
|
|
111
|
+
const { uniforms: e, uvContext: _ } = p, { vec2: i, vec4: a, cos: o, abs: z, smoothstep: d, mix: v, max: M, screenUV: U, viewportSize: y, float: t, Fn: g } = te, A = _ ?? U, x = oe(p, e.speed), l = g(([n]) => o(n).add(o(n.mul(1.2).add(1.6))).add(o(n.mul(1.4).add(1.5))).div(3));
|
|
112
|
+
return g(([n]) => {
|
|
113
|
+
const u = y.x.div(y.y), h = i(e.start.uniform.x.mul(u), e.start.uniform.y.oneMinus()), D = i(e.end.uniform.x.mul(u), e.end.uniform.y.oneMinus()), k = i(n.x.mul(u), n.y), b = D.sub(h), C = b.length(), m = b.div(C), I = i(m.y.negate(), m.x), w = k.sub(h), s = w.dot(m).div(C), N = w.dot(I), S = s.mul(10), R = N.mul(10), B = e.pinEdges.uniform.select(d(t(0), t(0.1), s).mul(d(t(1), t(0.9), s)), t(1)), c = e.pinEdges.uniform.select(o(s.mul(6.28)).mul(0.5).add(0.5).oneMinus(), t(1)), O = o(s.mul(6.28)).mul(0.5).add(0.5).oneMinus(), f = a(0, 0, 0, 0).toVar(), P = e.lineCount.uniform;
|
|
113
114
|
for (let r = 0; r < 32; r++) {
|
|
114
|
-
const j = t(r).lessThan(P), W = t(r),
|
|
115
|
+
const j = t(r).lessThan(P), W = t(r), G = W.div(P), H = t(0.5), J = t(1.33), q = x.mul(J), E = W.add(S.mul(H)), F = l(E.add(q)).mul(0.5).add(0.5), L = v(t(0.01), e.lineWidth.uniform, F.mul(c)).mul(0.5), K = t(0.6), Q = t(2), X = l(E.add(q.mul(G.add(1)))).mul(v(K, Q, c)).mul(e.amplitude.uniform), Y = l(S.mul(e.frequency.uniform).add(x)).mul(c).mul(e.amplitude.uniform).add(X), Z = z(R.sub(Y)), T = t(0.01), $ = d(L.add(T), L.sub(T), Z), ee = a(e.waveColor.uniform.r, e.waveColor.uniform.g, e.waveColor.uniform.b, $).mul(F);
|
|
115
116
|
f.assign(M(f, j.select(ee, a(0, 0, 0, 0))));
|
|
116
117
|
}
|
|
117
|
-
return f.mul(a(1, 1, 1, O.mul(
|
|
118
|
+
return f.mul(a(1, 1, 1, O.mul(B)));
|
|
118
119
|
})(A);
|
|
119
120
|
}
|
|
120
121
|
};
|
|
@@ -1,17 +1,18 @@
|
|
|
1
|
-
import { k as
|
|
2
|
-
import { t as
|
|
3
|
-
import { i as
|
|
4
|
-
import { t as
|
|
5
|
-
|
|
6
|
-
const
|
|
1
|
+
import { k as L, m as U } from "./three.tsl-BqgDcRt9.js";
|
|
2
|
+
import { t as N } from "./time-5uQ65blS.js";
|
|
3
|
+
import { i as O, r as v, t as T } from "./transformations-DBjTkQ5b.js";
|
|
4
|
+
import { t as j } from "./colorMixing-DPZ-Td4U.js";
|
|
5
|
+
U();
|
|
6
|
+
const E = {
|
|
7
7
|
name: "Swirl",
|
|
8
|
-
category: "
|
|
8
|
+
category: "Base Layers",
|
|
9
|
+
description: "Flowing swirl pattern with multi-layered noise",
|
|
9
10
|
acceptsUVContext: !0,
|
|
10
11
|
props: {
|
|
11
12
|
colorA: {
|
|
12
13
|
default: "#1275d8",
|
|
13
14
|
description: "Primary gradient color",
|
|
14
|
-
transform:
|
|
15
|
+
transform: v,
|
|
15
16
|
ui: {
|
|
16
17
|
type: "color",
|
|
17
18
|
label: "Primary Color"
|
|
@@ -20,7 +21,7 @@ const j = {
|
|
|
20
21
|
colorB: {
|
|
21
22
|
default: "#e19136",
|
|
22
23
|
description: "Secondary gradient color",
|
|
23
|
-
transform:
|
|
24
|
+
transform: v,
|
|
24
25
|
ui: {
|
|
25
26
|
type: "color",
|
|
26
27
|
label: "Secondary Color"
|
|
@@ -127,22 +128,22 @@ const j = {
|
|
|
127
128
|
},
|
|
128
129
|
colorSpace: {
|
|
129
130
|
default: "linear",
|
|
130
|
-
transform:
|
|
131
|
+
transform: O,
|
|
131
132
|
description: "Color space for color interpolation",
|
|
132
133
|
ui: {
|
|
133
134
|
type: "select",
|
|
134
|
-
options:
|
|
135
|
+
options: T,
|
|
135
136
|
label: "Color Space"
|
|
136
137
|
}
|
|
137
138
|
}
|
|
138
139
|
},
|
|
139
140
|
fragmentNode: (f) => {
|
|
140
|
-
const { uniforms: e, uvContext: B } = f, { vec2: s, vec4: F, float: d, screenUV: V, sin: o, cos:
|
|
141
|
+
const { uniforms: e, uvContext: B } = f, { vec2: s, vec4: F, float: d, screenUV: V, sin: o, cos: r, smoothstep: _ } = L, m = B ?? V, l = N(f, e.speed), c = e.detail.uniform, p = d(0.02), y = d(0.028), b = d(0.056), n = c, x = e.coarseX.uniform.mul(p), S = e.coarseY.uniform.mul(p), a = s(m.x.add(o(m.y.mul(n.mul(S).mul(1.7)).add(l.mul(0.8))).mul(0.12)), m.y.add(r(m.x.mul(n.mul(x).mul(1.3)).sub(l.mul(0.6))).mul(0.12))), A = o(a.x.mul(n.mul(x).mul(2.1)).add(a.y.mul(n.mul(S).mul(1.8))).add(l.mul(0.4))), i = c.mul(1.4), g = e.mediumX.uniform.mul(y), C = e.mediumY.uniform.mul(y), t = s(a.x.add(r(a.y.mul(i.mul(C).mul(1.9)).sub(l.mul(0.5))).mul(0.06)), a.y.add(o(a.x.mul(i.mul(g).mul(2.3)).add(l.mul(0.7))).mul(0.06))), M = r(t.x.mul(i.mul(g).mul(1.6)).sub(t.y.mul(i.mul(C).mul(2.4))).add(l.mul(0.3))), u = c.mul(2.8), X = e.fineX.uniform.mul(b), Y = e.fineY.uniform.mul(b), w = s(t.x.add(o(t.y.mul(u.mul(Y).mul(1.1)).add(l.mul(0.9))).mul(0.03)), t.y.add(r(t.x.mul(u.mul(X).mul(0.9)).sub(l.mul(0.4))).mul(0.03))), z = o(w.x.mul(u.mul(X).mul(1.3)).add(w.y.mul(u.mul(Y).mul(1.7))).sub(l.mul(0.6))), q = A.mul(0.5).add(M.mul(0.3)).add(z.mul(0.2)), H = e.blend.uniform.sub(50).mul(6e-3), P = _(0.3, 0.7, q.mul(0.5).add(0.5).add(H)), k = j(e.colorA.uniform, e.colorB.uniform, P, e.colorSpace.uniform), D = o(l.mul(2.5).add(q.mul(8))).mul(0.015).add(1), h = k.mul(D);
|
|
141
142
|
return F(h.rgb, h.a);
|
|
142
143
|
}
|
|
143
144
|
};
|
|
144
|
-
var Q =
|
|
145
|
+
var Q = E;
|
|
145
146
|
export {
|
|
146
|
-
|
|
147
|
+
E as n,
|
|
147
148
|
Q as t
|
|
148
149
|
};
|
|
@@ -4,6 +4,7 @@ j();
|
|
|
4
4
|
const H = {
|
|
5
5
|
name: "TiltShift",
|
|
6
6
|
category: "Blurs",
|
|
7
|
+
description: "Selective focus blur mimicking tilt-shift photography",
|
|
7
8
|
requiresRTT: !0,
|
|
8
9
|
requiresChild: !0,
|
|
9
10
|
props: {
|
|
@@ -66,13 +67,13 @@ const H = {
|
|
|
66
67
|
}
|
|
67
68
|
},
|
|
68
69
|
fragmentNode: ({ uniforms: e, childNode: g, onCleanup: h }) => {
|
|
69
|
-
const { vec2: n, vec4: l, float: o, screenUV: c, convertToTexture: x, viewportSize: y, radians: A, cos: C, sin: R, dot: V, abs: F, smoothstep: W, mix:
|
|
70
|
+
const { vec2: n, vec4: l, float: o, screenUV: c, convertToTexture: x, viewportSize: y, radians: A, cos: C, sin: R, dot: V, abs: F, smoothstep: W, mix: k, Fn: b } = U;
|
|
70
71
|
if (!g) return l(0, 0, 0, 0);
|
|
71
72
|
const r = x(g);
|
|
72
73
|
h(() => {
|
|
73
74
|
r?.renderTarget?.dispose && r.renderTarget.dispose();
|
|
74
75
|
});
|
|
75
|
-
const T = A(e.angle.uniform),
|
|
76
|
+
const T = A(e.angle.uniform), q = C(T), D = n(R(T).negate(), q), I = n(e.center.uniform[0], e.center.uniform[1].oneMinus()), M = F(V(c.sub(I), D)), v = e.width.uniform.mul(0.5), P = e.falloff.uniform, w = W(v, v.add(P), M), B = e.intensity.uniform.mul(0.06), S = w.mul(B), _ = [
|
|
76
77
|
0.056,
|
|
77
78
|
0.135,
|
|
78
79
|
0.278,
|
|
@@ -103,7 +104,7 @@ const H = {
|
|
|
103
104
|
t.assign(t.add(L));
|
|
104
105
|
}
|
|
105
106
|
const s = t;
|
|
106
|
-
return
|
|
107
|
+
return k(r.sample(a), s, w);
|
|
107
108
|
})();
|
|
108
109
|
}
|
|
109
110
|
};
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { k as g, m as C } from "./three.tsl-BqgDcRt9.js";
|
|
2
|
-
import { i as
|
|
2
|
+
import { i as M, r as i, t as T } from "./transformations-DBjTkQ5b.js";
|
|
3
3
|
import { t as l } from "./colorMixing-DPZ-Td4U.js";
|
|
4
4
|
C();
|
|
5
5
|
const S = {
|
|
6
6
|
name: "Tritone",
|
|
7
|
-
category: "
|
|
7
|
+
category: "Adjustments",
|
|
8
|
+
description: "Map colors to three tones: shadows, midtones, highlights",
|
|
8
9
|
requiresRTT: !0,
|
|
9
10
|
requiresChild: !0,
|
|
10
11
|
props: {
|
|
@@ -48,24 +49,24 @@ const S = {
|
|
|
48
49
|
},
|
|
49
50
|
colorSpace: {
|
|
50
51
|
default: "linear",
|
|
51
|
-
transform:
|
|
52
|
+
transform: M,
|
|
52
53
|
description: "Color space for color interpolation",
|
|
53
54
|
ui: {
|
|
54
55
|
type: "select",
|
|
55
|
-
options:
|
|
56
|
+
options: T,
|
|
56
57
|
label: "Color Space"
|
|
57
58
|
}
|
|
58
59
|
}
|
|
59
60
|
},
|
|
60
|
-
fragmentNode: ({ uniforms: o, childNode: n, onCleanup:
|
|
61
|
-
const { vec3:
|
|
62
|
-
if (!n) return
|
|
61
|
+
fragmentNode: ({ uniforms: o, childNode: n, onCleanup: d }) => {
|
|
62
|
+
const { vec3: c, vec4: s, dot: p, smoothstep: e, screenUV: f, convertToTexture: u } = g;
|
|
63
|
+
if (!n) return s(0, 0, 0, 0);
|
|
63
64
|
const r = u(n);
|
|
64
|
-
|
|
65
|
+
d(() => {
|
|
65
66
|
r?.renderTarget?.dispose && r.renderTarget.dispose();
|
|
66
67
|
});
|
|
67
|
-
const
|
|
68
|
-
return
|
|
68
|
+
const a = r.sample(f), t = p(a.rgb, c(0.299, 0.587, 0.114)), m = e(o.blendMid.uniform.sub(0.25), o.blendMid.uniform, t), h = l(o.colorA.uniform, o.colorB.uniform, m, o.colorSpace.uniform), b = e(o.blendMid.uniform, o.blendMid.uniform.add(0.25), t);
|
|
69
|
+
return s(l(h, l(o.colorB.uniform, o.colorC.uniform, b, o.colorSpace.uniform), e(o.blendMid.uniform.sub(0.1), o.blendMid.uniform.add(0.1), t), o.colorSpace.uniform).rgb, a.a);
|
|
69
70
|
}
|
|
70
71
|
};
|
|
71
72
|
var B = S;
|
|
@@ -5,6 +5,7 @@ v();
|
|
|
5
5
|
const E = {
|
|
6
6
|
name: "Twirl",
|
|
7
7
|
category: "Distortions",
|
|
8
|
+
description: "Rotate and twist content around a center point",
|
|
8
9
|
requiresRTT: !0,
|
|
9
10
|
requiresChild: !0,
|
|
10
11
|
props: {
|
|
@@ -59,19 +60,19 @@ const E = {
|
|
|
59
60
|
}
|
|
60
61
|
}
|
|
61
62
|
},
|
|
62
|
-
uvTransformNode: ({ uv: n, uniforms:
|
|
63
|
-
const { vec2: i, cos: l, sin:
|
|
64
|
-
return i(p.add(
|
|
63
|
+
uvTransformNode: ({ uv: n, uniforms: o }) => {
|
|
64
|
+
const { vec2: i, cos: l, sin: u, length: m } = x, r = i(o.center.uniform.x, o.center.uniform.y.oneMinus()), e = n.sub(r), c = o.intensity.uniform.mul(m(e)), d = l(c), t = u(c), p = d.mul(e.x).sub(t.mul(e.y)), s = t.mul(e.x).add(d.mul(e.y));
|
|
65
|
+
return i(p.add(r.x), s.add(r.y));
|
|
65
66
|
},
|
|
66
|
-
fragmentNode: ({ uniforms: n, childNode:
|
|
67
|
-
const { vec2: l, vec4:
|
|
68
|
-
if (!
|
|
69
|
-
return console.error("You must pass a child component into the Twirl shader."),
|
|
70
|
-
const t =
|
|
67
|
+
fragmentNode: ({ uniforms: n, childNode: o, onCleanup: i }) => {
|
|
68
|
+
const { vec2: l, vec4: u, cos: m, sin: r, length: e, screenUV: c, convertToTexture: d } = x;
|
|
69
|
+
if (!o)
|
|
70
|
+
return console.error("You must pass a child component into the Twirl shader."), u(0);
|
|
71
|
+
const t = d(o);
|
|
71
72
|
i(() => {
|
|
72
73
|
t?.renderTarget?.dispose && t.renderTarget.dispose();
|
|
73
74
|
});
|
|
74
|
-
const p = c, s = l(n.center.uniform.x, n.center.uniform.y.oneMinus()), a = p.sub(s), f = n.intensity.uniform.mul(e(a)), g = m(f), h =
|
|
75
|
+
const p = c, s = l(n.center.uniform.x, n.center.uniform.y.oneMinus()), a = p.sub(s), f = n.intensity.uniform.mul(e(a)), g = m(f), h = r(f), T = g.mul(a.x).sub(h.mul(a.y)), b = h.mul(a.x).add(g.mul(a.y)), y = l(T.add(s.x), b.add(s.y));
|
|
75
76
|
return w(y, t.sample(y), t, n.edges.uniform);
|
|
76
77
|
}
|
|
77
78
|
};
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { k as i, m as
|
|
2
|
-
import { i as
|
|
3
|
-
|
|
1
|
+
import { k as i, m as s } from "./three.tsl-BqgDcRt9.js";
|
|
2
|
+
import { i as o } from "./ColorAdjustment-CKwpE_4M.js";
|
|
3
|
+
s();
|
|
4
4
|
const a = {
|
|
5
5
|
name: "Vibrance",
|
|
6
|
-
category: "
|
|
6
|
+
category: "Adjustments",
|
|
7
|
+
description: "Selective saturation adjustment protecting skin tones",
|
|
7
8
|
requiresChild: !0,
|
|
8
9
|
props: { intensity: {
|
|
9
10
|
default: 0,
|
|
@@ -16,12 +17,12 @@ const a = {
|
|
|
16
17
|
label: "Intensity"
|
|
17
18
|
}
|
|
18
19
|
} },
|
|
19
|
-
fragmentNode: ({ uniforms:
|
|
20
|
+
fragmentNode: ({ uniforms: r, childNode: t }) => {
|
|
20
21
|
const { vec4: e } = i;
|
|
21
22
|
if (!t)
|
|
22
23
|
return console.error("You must pass a child component into the Vibrance shader."), e(0);
|
|
23
|
-
const
|
|
24
|
-
return e(
|
|
24
|
+
const n = t || e(0, 0, 0, 0);
|
|
25
|
+
return e(o(n.rgb, r.intensity.uniform).rgb, n.a);
|
|
25
26
|
}
|
|
26
27
|
};
|
|
27
28
|
var p = a;
|
|
@@ -5,6 +5,7 @@ X();
|
|
|
5
5
|
const F = {
|
|
6
6
|
name: "WaveDistortion",
|
|
7
7
|
category: "Distortions",
|
|
8
|
+
description: "Wave-based distortion with multiple waveform types",
|
|
8
9
|
requiresRTT: !0,
|
|
9
10
|
requiresChild: !0,
|
|
10
11
|
props: {
|
|
@@ -113,13 +114,13 @@ const F = {
|
|
|
113
114
|
}
|
|
114
115
|
},
|
|
115
116
|
uvTransformNode: ({ uv: r, uniforms: e }) => {
|
|
116
|
-
const { vec2:
|
|
117
|
-
return
|
|
117
|
+
const { vec2: i, sin: y, cos: d, abs: W, fract: w, step: s, float: n, PI: f, time: a } = C, A = a.mul(e.speed.uniform).mul(0.5), T = e.angle.uniform.mul(f).div(180), t = d(T), u = y(T), m = r.sub(i(0.5, 0.5)), c = i(m.x.mul(t).sub(m.y.mul(u)), m.x.mul(u).add(m.y.mul(t))).add(i(0.5, 0.5)).y.mul(e.frequency.uniform).mul(f.mul(2)).add(A), v = w(c.div(f.mul(2))), x = y(c), g = W(v.mul(2).sub(1)).mul(2).sub(1), b = s(n(0.5), v).mul(2).sub(1), p = v.mul(2).sub(1), o = e.waveType.uniform, h = s(o, n(0.5)), D = s(n(0.5), o).mul(s(o, n(1.5))), V = s(n(1.5), o).mul(s(o, n(2.5))), _ = s(n(2.5), o), q = x.mul(h).add(g.mul(D)).add(b.mul(V)).add(p.mul(_)).mul(e.strength.uniform).mul(0.5), l = q.mul(t), N = q.mul(u);
|
|
118
|
+
return i(r.x.add(l), r.y.add(N));
|
|
118
119
|
},
|
|
119
120
|
fragmentNode: (r) => {
|
|
120
|
-
const { uniforms: e, childNode:
|
|
121
|
-
if (!
|
|
122
|
-
const c = T,
|
|
121
|
+
const { uniforms: e, childNode: i, onCleanup: y } = r, { vec2: d, vec4: W, sin: w, cos: s, abs: n, fract: f, step: a, convertToTexture: A, screenUV: T, float: t, PI: u, time: m } = C;
|
|
122
|
+
if (!i) return W(0, 0, 0, 0);
|
|
123
|
+
const c = T, v = m.mul(e.speed.uniform).mul(0.5), x = e.angle.uniform.mul(u).div(180), g = s(x), b = w(x), p = c.sub(d(0.5, 0.5)), o = d(p.x.mul(g).sub(p.y.mul(b)), p.x.mul(b).add(p.y.mul(g))).add(d(0.5, 0.5)).y.mul(e.frequency.uniform).mul(u.mul(2)).add(v), h = f(o.div(u.mul(2))), D = w(o), V = n(h.mul(2).sub(1)).mul(2).sub(1), _ = a(t(0.5), h).mul(2).sub(1), q = h.mul(2).sub(1), l = e.waveType.uniform, N = a(l, t(0.5)), E = a(t(0.5), l).mul(a(l, t(1.5))), R = a(t(1.5), l).mul(a(l, t(2.5))), z = a(t(2.5), l), P = D.mul(N).add(V.mul(E)).add(_.mul(R)).add(q.mul(z)).mul(e.strength.uniform).mul(0.5), H = P.mul(g), I = P.mul(b), U = d(c.x.add(H), c.y.add(I)), S = A(i);
|
|
123
124
|
return y(() => {
|
|
124
125
|
S?.renderTarget?.dispose && S.renderTarget.dispose();
|
|
125
126
|
}), Y(U, S.sample(U), S, e.edges.uniform);
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { k as _, m as C } from "./three.tsl-BqgDcRt9.js";
|
|
2
|
-
import { o as
|
|
2
|
+
import { o as z } from "./transformations-DBjTkQ5b.js";
|
|
3
3
|
C();
|
|
4
|
-
const
|
|
4
|
+
const B = {
|
|
5
5
|
name: "ZoomBlur",
|
|
6
6
|
category: "Blurs",
|
|
7
|
+
description: "Radial zoom blur expanding from a center point",
|
|
7
8
|
requiresRTT: !0,
|
|
8
9
|
requiresChild: !0,
|
|
9
10
|
props: {
|
|
@@ -23,7 +24,7 @@ const V = {
|
|
|
23
24
|
x: 0.5,
|
|
24
25
|
y: 0.5
|
|
25
26
|
},
|
|
26
|
-
transform:
|
|
27
|
+
transform: z,
|
|
27
28
|
description: "Center point of the zoom blur",
|
|
28
29
|
ui: {
|
|
29
30
|
type: "position",
|
|
@@ -38,19 +39,19 @@ const V = {
|
|
|
38
39
|
m(() => {
|
|
39
40
|
o?.renderTarget?.dispose && o.renderTarget.dispose();
|
|
40
41
|
});
|
|
41
|
-
const u = p(e.center.uniform.x, e.center.uniform.y.oneMinus()),
|
|
42
|
+
const u = p(e.center.uniform.x, e.center.uniform.y.oneMinus()), x = e.intensity.uniform.mul(0.01);
|
|
42
43
|
return g(() => {
|
|
43
|
-
const
|
|
44
|
+
const y = f, n = a(0).toVar(), r = t(0).toVar();
|
|
44
45
|
for (let s = 0; s < 32; s++) {
|
|
45
|
-
const l = t(s).div(t(31)), c = l.sub(0.5).mul(2), d = t(1).div(t(2.506628)).mul(t(-0.5).mul(c).mul(c).div(t(0.64)).exp()),
|
|
46
|
+
const l = t(s).div(t(31)), c = l.sub(0.5).mul(2), d = t(1).div(t(2.506628)).mul(t(-0.5).mul(c).mul(c).div(t(0.64)).exp()), h = t(1).add(x.mul(l)), T = y.sub(u).div(h).add(u), b = o.sample(T).mul(d);
|
|
46
47
|
n.assign(n.add(b)), r.assign(r.add(d));
|
|
47
48
|
}
|
|
48
49
|
return n.div(r);
|
|
49
50
|
})();
|
|
50
51
|
}
|
|
51
52
|
};
|
|
52
|
-
var
|
|
53
|
+
var w = B;
|
|
53
54
|
export {
|
|
54
|
-
|
|
55
|
-
|
|
55
|
+
B as n,
|
|
56
|
+
w as t
|
|
56
57
|
};
|