shaders 2.2.0 → 2.2.1
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-BJi-Edw-.js → AngularBlur-BZENxuhv.js} +4 -4
- package/dist/core/{Ascii-B1KHvM1u.js → Ascii-joVW9dAD.js} +11 -11
- package/dist/core/{Blob-CBASKMfO.js → Blob-Ds3jasiC.js} +15 -14
- package/dist/core/{Blur-bz9Ubr0x.js → Blur-sKjcr9_K.js} +1 -1
- package/dist/core/Bulge-CdcB9we6.js +103 -0
- package/dist/core/{CRTScreen-BnfROw0f.js → CRTScreen-BWDSeX_0.js} +6 -6
- package/dist/core/{ChannelBlur-DhWT-55L.js → ChannelBlur-i9M5gbkh.js} +6 -6
- package/dist/core/{Checkerboard-CgWGd9t7.js → Checkerboard-D9-UAs26.js} +17 -16
- package/dist/core/{ChromaFlow-DOVrymVB.js → ChromaFlow-DZAJwEBw.js} +6 -6
- package/dist/core/{ChromaticAberration-CyTSXY7j.js → ChromaticAberration-DLYIcjJx.js} +2 -2
- package/dist/core/{Circle-0WHV1HrM.js → Circle-Ca-LtXkF.js} +13 -12
- package/dist/core/{CursorTrail-3zQ5rtjh.js → CursorTrail-B_VZJBOK.js} +11 -11
- package/dist/core/{DiffuseBlur-DLIKRsnf.js → DiffuseBlur-COpm1qrw.js} +5 -5
- package/dist/core/{Dither-Cnbknfji.js → Dither-MK-9r3tw.js} +2 -2
- package/dist/core/{DotGrid-BkItF2C8.js → DotGrid-DP__DqQj.js} +12 -11
- package/dist/core/{Duotone-BI4tJI3k.js → Duotone-CmkF6eDj.js} +3 -3
- package/dist/core/FilmGrain-ByNyK2gs.js +28 -0
- package/dist/core/FloatingParticles-CxcXDtZg.js +160 -0
- package/dist/core/GlassTiles-CxUl9MxF.js +52 -0
- package/dist/core/{Glow-BD0t9E1L.js → Glow-Cz3ImaBH.js} +5 -5
- package/dist/core/{Godrays-CPIAbymT.js → Godrays-BHfh6URI.js} +18 -17
- package/dist/core/{Grayscale-BtOqK43k.js → Grayscale-FPSUcFGC.js} +1 -1
- package/dist/core/{Grid-Ro0Yi5WY.js → Grid-BvM0M3Hl.js} +12 -11
- package/dist/core/GridDistortion-yjmNv0Q3.js +147 -0
- package/dist/core/{Group-DTXP-whY.js → Group-jZZimqG1.js} +1 -1
- package/dist/core/{Halftone-B_MuXCD8.js → Halftone-DWIVrS2s.js} +4 -4
- package/dist/core/{HueShift-CKG9M-d2.js → HueShift-CBupF7d4.js} +1 -1
- package/dist/core/{ImageTexture-B6zFP2fB.js → ImageTexture-GrTz4Fx7.js} +20 -19
- package/dist/core/{Invert-Cd7GK1vs.js → Invert-CCQ1H_Qr.js} +1 -1
- package/dist/core/{LinearBlur-JFLMQBY4.js → LinearBlur-DHBRP6Yh.js} +4 -4
- package/dist/core/{LinearGradient-Ztg5Lzwj.js → LinearGradient-B4C3CKhf.js} +16 -15
- package/dist/core/Liquify-DNHtcXxv.js +139 -0
- package/dist/core/Pixelate-BKooNVcb.js +38 -0
- package/dist/core/{PolarCoordinates-qzU8gNXR.js → PolarCoordinates-DKhEbQhq.js} +20 -16
- package/dist/core/{Posterize-BkBU8tnN.js → Posterize-D81ZG2A9.js} +1 -1
- package/dist/core/{ProgressiveBlur-HAQf188T.js → ProgressiveBlur-CPdReTnY.js} +7 -7
- package/dist/core/{RadialGradient-DISqJuTZ.js → RadialGradient-XmwfZ91d.js} +15 -14
- package/dist/core/RectangularCoordinates-DWY7ptY1.js +92 -0
- package/dist/core/{Ripples-CX8Qgnog.js → Ripples-CndvRX-N.js} +13 -12
- package/dist/core/{Saturation-DMxPYmIU.js → Saturation-C6u9sNkr.js} +1 -1
- package/dist/core/{SimplexNoise-B5ygfckG.js → SimplexNoise-BH0ZZzP4.js} +12 -11
- package/dist/core/{SineWave-KPFlP3Wk.js → SineWave-DBH8MraQ.js} +13 -12
- package/dist/core/{SolidColor-B8oxlGge.js → SolidColor-DR665qss.js} +6 -5
- package/dist/core/{Spiral-CX22hUJ3.js → Spiral--7KUy0u3.js} +15 -14
- package/dist/core/{Strands-Bv7RvyRC.js → Strands-Bi1Is8_o.js} +19 -18
- package/dist/core/{Swirl-CIXreSgZ.js → Swirl-DuYM23jG.js} +14 -13
- package/dist/core/{TiltShift-J0UUcoh-.js → TiltShift-BUvZWBsh.js} +11 -11
- package/dist/core/{Tritone-E9eHvjJV.js → Tritone-CKifp6Ob.js} +3 -3
- package/dist/core/{Twirl-ClhPpapm.js → Twirl-Ztlb9x_h.js} +21 -17
- package/dist/core/{Vibrance-CqnE9Zco.js → Vibrance-B7EsDw6e.js} +1 -1
- package/dist/core/{WaveDistortion-gecgVpvO.js → WaveDistortion-HCnk54tD.js} +20 -17
- package/dist/core/{ZoomBlur-CaGbSDG3.js → ZoomBlur-Ck6M9A2W.js} +2 -2
- package/dist/core/{colorMixing-C_ESXyqX.js → colorMixing-DPZ-Td4U.js} +3 -3
- package/dist/core/edges-B-tVdqcI.js +16 -0
- package/dist/core/index.js +1315 -945
- package/dist/core/performanceTracker.d.ts +2 -0
- package/dist/core/performanceTracker.d.ts.map +1 -1
- package/dist/core/renderer.d.ts +12 -0
- package/dist/core/renderer.d.ts.map +1 -1
- package/dist/core/shaderRegistry.d.ts.map +1 -1
- package/dist/core/shaders/AngularBlur/index.js +3 -3
- package/dist/core/shaders/Ascii/index.js +2 -2
- package/dist/core/shaders/Blob/index.d.ts.map +1 -1
- package/dist/core/shaders/Blob/index.js +5 -5
- package/dist/core/shaders/Blur/index.js +2 -2
- package/dist/core/shaders/Bulge/index.d.ts.map +1 -1
- package/dist/core/shaders/Bulge/index.js +4 -4
- package/dist/core/shaders/CRTScreen/index.js +2 -2
- package/dist/core/shaders/ChannelBlur/index.js +2 -2
- package/dist/core/shaders/Checkerboard/index.d.ts.map +1 -1
- package/dist/core/shaders/Checkerboard/index.js +4 -4
- package/dist/core/shaders/ChromaFlow/index.js +3 -3
- package/dist/core/shaders/ChromaticAberration/index.js +3 -3
- package/dist/core/shaders/Circle/index.d.ts.map +1 -1
- package/dist/core/shaders/Circle/index.js +3 -3
- package/dist/core/shaders/CursorTrail/index.js +4 -4
- package/dist/core/shaders/DiffuseBlur/index.js +2 -2
- package/dist/core/shaders/Dither/index.js +3 -3
- package/dist/core/shaders/DotGrid/index.d.ts.map +1 -1
- package/dist/core/shaders/DotGrid/index.js +3 -3
- package/dist/core/shaders/Duotone/index.js +4 -4
- package/dist/core/shaders/FilmGrain/index.d.ts.map +1 -1
- package/dist/core/shaders/FilmGrain/index.js +2 -2
- package/dist/core/shaders/FloatingParticles/index.d.ts.map +1 -1
- package/dist/core/shaders/FloatingParticles/index.js +3 -3
- package/dist/core/shaders/GlassTiles/index.d.ts.map +1 -1
- package/dist/core/shaders/GlassTiles/index.js +2 -2
- package/dist/core/shaders/Glow/index.js +2 -2
- package/dist/core/shaders/Godrays/index.d.ts.map +1 -1
- package/dist/core/shaders/Godrays/index.js +3 -3
- package/dist/core/shaders/Grayscale/index.js +2 -2
- package/dist/core/shaders/Grid/index.d.ts.map +1 -1
- package/dist/core/shaders/Grid/index.js +3 -3
- package/dist/core/shaders/GridDistortion/index.d.ts.map +1 -1
- package/dist/core/shaders/GridDistortion/index.js +4 -4
- package/dist/core/shaders/Group/index.js +2 -2
- package/dist/core/shaders/Halftone/index.js +3 -3
- package/dist/core/shaders/HueShift/index.js +2 -2
- package/dist/core/shaders/ImageTexture/index.d.ts.map +1 -1
- package/dist/core/shaders/ImageTexture/index.js +2 -2
- package/dist/core/shaders/Invert/index.js +2 -2
- package/dist/core/shaders/LinearBlur/index.js +3 -3
- package/dist/core/shaders/LinearGradient/index.d.ts.map +1 -1
- package/dist/core/shaders/LinearGradient/index.js +4 -4
- package/dist/core/shaders/Liquify/index.d.ts.map +1 -1
- package/dist/core/shaders/Liquify/index.js +4 -4
- package/dist/core/shaders/Pixelate/index.d.ts.map +1 -1
- package/dist/core/shaders/Pixelate/index.js +2 -2
- package/dist/core/shaders/PolarCoordinates/index.d.ts.map +1 -1
- package/dist/core/shaders/PolarCoordinates/index.js +4 -4
- package/dist/core/shaders/Posterize/index.js +2 -2
- package/dist/core/shaders/ProgressiveBlur/index.js +3 -3
- package/dist/core/shaders/RadialGradient/index.d.ts.map +1 -1
- package/dist/core/shaders/RadialGradient/index.js +4 -4
- package/dist/core/shaders/RectangularCoordinates/index.d.ts +38 -0
- package/dist/core/shaders/RectangularCoordinates/index.d.ts.map +1 -0
- package/dist/core/shaders/RectangularCoordinates/index.js +8 -0
- package/dist/core/shaders/Ripples/index.d.ts.map +1 -1
- package/dist/core/shaders/Ripples/index.js +4 -4
- package/dist/core/shaders/Saturation/index.js +2 -2
- package/dist/core/shaders/SimplexNoise/index.d.ts.map +1 -1
- package/dist/core/shaders/SimplexNoise/index.js +4 -4
- package/dist/core/shaders/SineWave/index.d.ts.map +1 -1
- package/dist/core/shaders/SineWave/index.js +3 -3
- package/dist/core/shaders/SolidColor/index.d.ts.map +1 -1
- package/dist/core/shaders/SolidColor/index.js +3 -3
- package/dist/core/shaders/Spiral/index.d.ts.map +1 -1
- package/dist/core/shaders/Spiral/index.js +4 -4
- package/dist/core/shaders/Strands/index.d.ts.map +1 -1
- package/dist/core/shaders/Strands/index.js +4 -4
- package/dist/core/shaders/Swirl/index.d.ts.map +1 -1
- package/dist/core/shaders/Swirl/index.js +5 -5
- package/dist/core/shaders/TiltShift/index.js +3 -3
- package/dist/core/shaders/Tritone/index.js +4 -4
- package/dist/core/shaders/Twirl/index.d.ts.map +1 -1
- package/dist/core/shaders/Twirl/index.js +4 -4
- package/dist/core/shaders/Vibrance/index.js +2 -2
- package/dist/core/shaders/WaveDistortion/index.d.ts.map +1 -1
- package/dist/core/shaders/WaveDistortion/index.js +6 -7
- package/dist/core/shaders/ZoomBlur/index.js +3 -3
- package/dist/core/telemetry/collector.d.ts.map +1 -1
- package/dist/core/telemetry/index.js +19 -19
- package/dist/core/{three.tsl-CgyjOhns.js → three.tsl-BqgDcRt9.js} +21 -20
- package/dist/core/{time-myrFQH-u.js → time-5uQ65blS.js} +1 -1
- package/dist/core/{transformations-Bs66Qh16.js → transformations-DBjTkQ5b.js} +1 -1
- package/dist/core/types.d.ts +81 -0
- package/dist/core/types.d.ts.map +1 -1
- package/dist/core/utilities/edges.d.ts +13 -2
- package/dist/core/utilities/edges.d.ts.map +1 -1
- package/dist/core/utilities/uvTransform.d.ts +20 -0
- package/dist/core/utilities/uvTransform.d.ts.map +1 -1
- package/dist/react/components/RectangularCoordinates.d.ts +31 -0
- package/dist/react/components/RectangularCoordinates.d.ts.map +1 -0
- package/dist/react/index.cjs +233 -233
- package/dist/react/index.d.ts +1 -0
- package/dist/react/index.d.ts.map +1 -1
- package/dist/react/index.js +16300 -15647
- package/dist/react/utils/generatePresetCode.cjs +2 -2
- package/dist/react/utils/generatePresetCode.d.ts.map +1 -1
- package/dist/react/utils/generatePresetCode.js +12 -0
- package/dist/registry.js +151 -0
- package/dist/svelte/components/RectangularCoordinates.svelte.d.ts +19 -0
- package/dist/svelte/index.d.ts +1 -0
- package/dist/svelte/index.js +15134 -14523
- package/dist/svelte/utils/generatePresetCode.js +12 -0
- package/dist/vue/components/RectangularCoordinates.vue.d.ts +57 -0
- package/dist/vue/components/RectangularCoordinates.vue.d.ts.map +1 -0
- package/dist/vue/{generatePresetCode-B6Ks_W3s.js → generatePresetCode-T78GxN5X.js} +12 -0
- package/dist/vue/index.d.ts +1 -0
- package/dist/vue/index.d.ts.map +1 -1
- package/dist/vue/index.js +15219 -14598
- package/dist/vue/utils/generatePresetCode.d.ts.map +1 -1
- package/dist/vue/utils/generatePresetCode.js +1 -1
- package/package.json +6 -1
- package/dist/core/Bulge-Ceythf-i.js +0 -99
- package/dist/core/FilmGrain-BAZORehh.js +0 -27
- package/dist/core/FloatingParticles-7wvOBUbD.js +0 -158
- package/dist/core/GlassTiles-C0y_PWTa.js +0 -48
- package/dist/core/GridDistortion-CuxRQdzs.js +0 -137
- package/dist/core/Liquify-rmJGJAdt.js +0 -126
- package/dist/core/Pixelate-BIANS3t9.js +0 -34
- package/dist/core/edges-Cj8yVYgz.js +0 -10
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { i as
|
|
3
|
-
import { t as
|
|
4
|
-
|
|
5
|
-
const
|
|
1
|
+
import { k as O, m as j } from "./three.tsl-BqgDcRt9.js";
|
|
2
|
+
import { i as D, o as I, r as S, t as L } from "./transformations-DBjTkQ5b.js";
|
|
3
|
+
import { t as q } from "./colorMixing-DPZ-Td4U.js";
|
|
4
|
+
j();
|
|
5
|
+
const E = {
|
|
6
6
|
name: "Spiral",
|
|
7
7
|
category: "Shapes & Masks",
|
|
8
|
+
acceptsUVContext: !0,
|
|
8
9
|
props: {
|
|
9
10
|
colorA: {
|
|
10
11
|
default: "#000000",
|
|
@@ -73,7 +74,7 @@ const L = {
|
|
|
73
74
|
x: 0.5,
|
|
74
75
|
y: 0.5
|
|
75
76
|
},
|
|
76
|
-
transform:
|
|
77
|
+
transform: I,
|
|
77
78
|
description: "The center point of the spiral",
|
|
78
79
|
ui: {
|
|
79
80
|
type: "position",
|
|
@@ -93,22 +94,22 @@ const L = {
|
|
|
93
94
|
},
|
|
94
95
|
colorSpace: {
|
|
95
96
|
default: "linear",
|
|
96
|
-
transform:
|
|
97
|
+
transform: D,
|
|
97
98
|
description: "Color space for color interpolation",
|
|
98
99
|
ui: {
|
|
99
100
|
type: "select",
|
|
100
|
-
options:
|
|
101
|
+
options: L,
|
|
101
102
|
label: "Color Space"
|
|
102
103
|
}
|
|
103
104
|
}
|
|
104
105
|
},
|
|
105
|
-
fragmentNode: ({ uniforms: e }) => {
|
|
106
|
-
const { vec2: s, vec4:
|
|
107
|
-
return
|
|
106
|
+
fragmentNode: ({ uniforms: e, uvContext: g }) => {
|
|
107
|
+
const { vec2: s, vec4: x, float: a, atan: k, length: y, clamp: o, fract: C, abs: v, mix: w, smoothstep: t, screenUV: W, time: _, fwidth: n, viewportSize: l } = O, i = g ?? 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 = y(r), M = p, U = k(r.y, r.x).sub(F), V = a(6.283185307), P = U.div(V), f = M.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)), N = t(m.sub(h).sub(e.softness.uniform), m.add(h).add(e.softness.uniform), d), b = q(e.colorA.uniform, e.colorB.uniform, N, e.colorSpace.uniform);
|
|
108
|
+
return x(b.rgb, b.a);
|
|
108
109
|
}
|
|
109
110
|
};
|
|
110
|
-
var
|
|
111
|
+
var K = E;
|
|
111
112
|
export {
|
|
112
|
-
|
|
113
|
-
|
|
113
|
+
E as n,
|
|
114
|
+
K as t
|
|
114
115
|
};
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t as
|
|
3
|
-
import { o as
|
|
4
|
-
|
|
5
|
-
const
|
|
1
|
+
import { k as te, m as ne } from "./three.tsl-BqgDcRt9.js";
|
|
2
|
+
import { t as oe } from "./time-5uQ65blS.js";
|
|
3
|
+
import { o as _, r as se } from "./transformations-DBjTkQ5b.js";
|
|
4
|
+
ne();
|
|
5
|
+
const ie = {
|
|
6
6
|
name: "Strands",
|
|
7
7
|
category: "Generative",
|
|
8
8
|
requiresRTT: !1,
|
|
9
9
|
requiresChild: !1,
|
|
10
|
+
acceptsUVContext: !0,
|
|
10
11
|
props: {
|
|
11
12
|
speed: {
|
|
12
13
|
default: 0.5,
|
|
@@ -65,7 +66,7 @@ const oe = {
|
|
|
65
66
|
},
|
|
66
67
|
waveColor: {
|
|
67
68
|
default: "#f1c907",
|
|
68
|
-
transform:
|
|
69
|
+
transform: se,
|
|
69
70
|
description: "Color of the waves",
|
|
70
71
|
ui: {
|
|
71
72
|
type: "color",
|
|
@@ -85,7 +86,7 @@ const oe = {
|
|
|
85
86
|
x: 0,
|
|
86
87
|
y: 0.5
|
|
87
88
|
},
|
|
88
|
-
transform:
|
|
89
|
+
transform: _,
|
|
89
90
|
description: "Starting point of the waves",
|
|
90
91
|
ui: {
|
|
91
92
|
type: "position",
|
|
@@ -97,7 +98,7 @@ const oe = {
|
|
|
97
98
|
x: 1,
|
|
98
99
|
y: 0.5
|
|
99
100
|
},
|
|
100
|
-
transform:
|
|
101
|
+
transform: _,
|
|
101
102
|
description: "Ending point of the waves",
|
|
102
103
|
ui: {
|
|
103
104
|
type: "position",
|
|
@@ -105,20 +106,20 @@ const oe = {
|
|
|
105
106
|
}
|
|
106
107
|
}
|
|
107
108
|
},
|
|
108
|
-
fragmentNode: (
|
|
109
|
-
const { uniforms: e } =
|
|
109
|
+
fragmentNode: (p) => {
|
|
110
|
+
const { uniforms: e, uvContext: z } = p, { vec2: i, vec4: a, cos: o, abs: L, smoothstep: d, mix: v, max: M, screenUV: U, viewportSize: g, float: t, Fn: x } = te, A = z ?? U, y = oe(p, e.speed), l = x(([n]) => o(n).add(o(n.mul(1.2).add(1.6))).add(o(n.mul(1.4).add(1.5))).div(3));
|
|
110
111
|
return x(([n]) => {
|
|
111
|
-
const
|
|
112
|
+
const u = g.x.div(g.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), G = 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;
|
|
112
113
|
for (let r = 0; r < 32; r++) {
|
|
113
|
-
const
|
|
114
|
-
|
|
114
|
+
const j = t(r).lessThan(P), W = t(r), B = W.div(P), H = t(0.5), J = t(1.33), q = y.mul(J), E = W.add(S.mul(H)), F = l(E.add(q)).mul(0.5).add(0.5), T = 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(B.add(1)))).mul(v(K, Q, c)).mul(e.amplitude.uniform), Y = l(S.mul(e.frequency.uniform).add(y)).mul(c).mul(e.amplitude.uniform).add(X), Z = L(R.sub(Y)), V = t(0.01), $ = d(T.add(V), T.sub(V), Z), ee = a(e.waveColor.uniform.r, e.waveColor.uniform.g, e.waveColor.uniform.b, $).mul(F);
|
|
115
|
+
f.assign(M(f, j.select(ee, a(0, 0, 0, 0))));
|
|
115
116
|
}
|
|
116
|
-
return
|
|
117
|
-
})(A
|
|
117
|
+
return f.mul(a(1, 1, 1, O.mul(G)));
|
|
118
|
+
})(A);
|
|
118
119
|
}
|
|
119
120
|
};
|
|
120
|
-
var
|
|
121
|
+
var le = ie;
|
|
121
122
|
export {
|
|
122
|
-
|
|
123
|
-
|
|
123
|
+
ie as n,
|
|
124
|
+
le as t
|
|
124
125
|
};
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t as
|
|
3
|
-
import { i as
|
|
4
|
-
import { t as T } from "./colorMixing-
|
|
5
|
-
|
|
6
|
-
const
|
|
1
|
+
import { k as U, m as G } from "./three.tsl-BqgDcRt9.js";
|
|
2
|
+
import { t as L } from "./time-5uQ65blS.js";
|
|
3
|
+
import { i as N, r as w, t as O } from "./transformations-DBjTkQ5b.js";
|
|
4
|
+
import { t as T } from "./colorMixing-DPZ-Td4U.js";
|
|
5
|
+
G();
|
|
6
|
+
const j = {
|
|
7
7
|
name: "Swirl",
|
|
8
8
|
category: "Gradients & Colors",
|
|
9
|
+
acceptsUVContext: !0,
|
|
9
10
|
props: {
|
|
10
11
|
colorA: {
|
|
11
12
|
default: "#1275d8",
|
|
@@ -126,22 +127,22 @@ const U = {
|
|
|
126
127
|
},
|
|
127
128
|
colorSpace: {
|
|
128
129
|
default: "linear",
|
|
129
|
-
transform:
|
|
130
|
+
transform: N,
|
|
130
131
|
description: "Color space for color interpolation",
|
|
131
132
|
ui: {
|
|
132
133
|
type: "select",
|
|
133
|
-
options:
|
|
134
|
+
options: O,
|
|
134
135
|
label: "Color Space"
|
|
135
136
|
}
|
|
136
137
|
}
|
|
137
138
|
},
|
|
138
139
|
fragmentNode: (f) => {
|
|
139
|
-
const { uniforms: e } = f, { vec2: s, vec4:
|
|
140
|
-
return
|
|
140
|
+
const { uniforms: e, uvContext: B } = f, { vec2: s, vec4: F, float: d, screenUV: V, sin: o, cos: t, smoothstep: _ } = U, m = B ?? V, l = L(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(t(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), r = s(a.x.add(t(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 = t(r.x.mul(i.mul(g).mul(1.6)).sub(r.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), q = s(r.x.add(o(r.y.mul(u.mul(Y).mul(1.1)).add(l.mul(0.9))).mul(0.03)), r.y.add(t(r.x.mul(u.mul(X).mul(0.9)).sub(l.mul(0.4))).mul(0.03))), z = o(q.x.mul(u.mul(X).mul(1.3)).add(q.y.mul(u.mul(Y).mul(1.7))).sub(l.mul(0.6))), v = 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, v.mul(0.5).add(0.5).add(H)), k = T(e.colorA.uniform, e.colorB.uniform, P, e.colorSpace.uniform), D = o(l.mul(2.5).add(v.mul(8))).mul(0.015).add(1), h = k.mul(D);
|
|
141
|
+
return F(h.rgb, h.a);
|
|
141
142
|
}
|
|
142
143
|
};
|
|
143
|
-
var
|
|
144
|
+
var Q = j;
|
|
144
145
|
export {
|
|
145
|
-
|
|
146
|
-
|
|
146
|
+
j as n,
|
|
147
|
+
Q as t
|
|
147
148
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { n as
|
|
1
|
+
import { k as U, m as j } from "./three.tsl-BqgDcRt9.js";
|
|
2
|
+
import { n as E, o as G } from "./transformations-DBjTkQ5b.js";
|
|
3
3
|
j();
|
|
4
|
-
const
|
|
4
|
+
const H = {
|
|
5
5
|
name: "TiltShift",
|
|
6
6
|
category: "Blurs",
|
|
7
7
|
requiresRTT: !0,
|
|
@@ -42,7 +42,7 @@ const G = {
|
|
|
42
42
|
},
|
|
43
43
|
angle: {
|
|
44
44
|
default: 0,
|
|
45
|
-
transform:
|
|
45
|
+
transform: E,
|
|
46
46
|
description: "Rotation angle of the focus line (in degrees)",
|
|
47
47
|
ui: {
|
|
48
48
|
type: "range",
|
|
@@ -57,7 +57,7 @@ const G = {
|
|
|
57
57
|
x: 0.5,
|
|
58
58
|
y: 0.5
|
|
59
59
|
},
|
|
60
|
-
transform:
|
|
60
|
+
transform: G,
|
|
61
61
|
description: "Center point of the focus line",
|
|
62
62
|
ui: {
|
|
63
63
|
type: "position",
|
|
@@ -72,7 +72,7 @@ const G = {
|
|
|
72
72
|
h(() => {
|
|
73
73
|
r?.renderTarget?.dispose && r.renderTarget.dispose();
|
|
74
74
|
});
|
|
75
|
-
const T = A(e.angle.uniform), D = C(T), I = n(R(T).negate(), D), M = n(e.center.uniform[0], e.center.uniform[1].oneMinus()), P = F(V(c.sub(M), I)), v = e.width.uniform.mul(0.5),
|
|
75
|
+
const T = A(e.angle.uniform), D = C(T), I = n(R(T).negate(), D), M = n(e.center.uniform[0], e.center.uniform[1].oneMinus()), P = F(V(c.sub(M), I)), v = e.width.uniform.mul(0.5), k = e.falloff.uniform, w = W(v, v.add(k), P), B = e.intensity.uniform.mul(0.06), S = w.mul(B), _ = [
|
|
76
76
|
0.056,
|
|
77
77
|
0.135,
|
|
78
78
|
0.278,
|
|
@@ -99,16 +99,16 @@ const G = {
|
|
|
99
99
|
}), b(() => {
|
|
100
100
|
const a = c, d = n(1).div(y), t = l(0).toVar();
|
|
101
101
|
for (let i = -6; i <= 6; i++) {
|
|
102
|
-
const f = o(_[i + 6] / z), m = n(o(0), o(i)).mul(S).mul(d), p = a.add(m),
|
|
103
|
-
t.assign(t.add(
|
|
102
|
+
const f = o(_[i + 6] / z), m = n(o(0), o(i)).mul(S).mul(d), p = a.add(m), L = u.sample(p).mul(f);
|
|
103
|
+
t.assign(t.add(L));
|
|
104
104
|
}
|
|
105
105
|
const s = t;
|
|
106
106
|
return q(r.sample(a), s, w);
|
|
107
107
|
})();
|
|
108
108
|
}
|
|
109
109
|
};
|
|
110
|
-
var
|
|
110
|
+
var N = H;
|
|
111
111
|
export {
|
|
112
|
-
|
|
113
|
-
|
|
112
|
+
H as n,
|
|
113
|
+
N as t
|
|
114
114
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { i as T, r as i, t as M } from "./transformations-
|
|
3
|
-
import { t as l } from "./colorMixing-
|
|
1
|
+
import { k as g, m as C } from "./three.tsl-BqgDcRt9.js";
|
|
2
|
+
import { i as T, r as i, t as M } from "./transformations-DBjTkQ5b.js";
|
|
3
|
+
import { t as l } from "./colorMixing-DPZ-Td4U.js";
|
|
4
4
|
C();
|
|
5
5
|
const S = {
|
|
6
6
|
name: "Tritone",
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t as w } from "./edges-
|
|
3
|
-
import { a as _, o as
|
|
1
|
+
import { k as x, m as v } from "./three.tsl-BqgDcRt9.js";
|
|
2
|
+
import { t as w } from "./edges-B-tVdqcI.js";
|
|
3
|
+
import { a as _, o as A } from "./transformations-DBjTkQ5b.js";
|
|
4
4
|
v();
|
|
5
|
-
const
|
|
5
|
+
const E = {
|
|
6
6
|
name: "Twirl",
|
|
7
7
|
category: "Distortions",
|
|
8
8
|
requiresRTT: !0,
|
|
@@ -13,7 +13,7 @@ const q = {
|
|
|
13
13
|
x: 0.5,
|
|
14
14
|
y: 0.5
|
|
15
15
|
},
|
|
16
|
-
transform:
|
|
16
|
+
transform: A,
|
|
17
17
|
description: "The center point of the twirl effect",
|
|
18
18
|
ui: {
|
|
19
19
|
type: "position",
|
|
@@ -59,20 +59,24 @@ const q = {
|
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
61
|
},
|
|
62
|
-
|
|
63
|
-
const { vec2:
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
d
|
|
68
|
-
|
|
62
|
+
uvTransformNode: ({ uv: n, uniforms: r }) => {
|
|
63
|
+
const { vec2: i, cos: l, sin: d, length: m } = x, o = i(r.center.uniform.x, r.center.uniform.y.oneMinus()), e = n.sub(o), c = r.intensity.uniform.mul(m(e)), u = l(c), t = d(c), p = u.mul(e.x).sub(t.mul(e.y)), s = t.mul(e.x).add(u.mul(e.y));
|
|
64
|
+
return i(p.add(o.x), s.add(o.y));
|
|
65
|
+
},
|
|
66
|
+
fragmentNode: ({ uniforms: n, childNode: r, onCleanup: i }) => {
|
|
67
|
+
const { vec2: l, vec4: d, cos: m, sin: o, length: e, screenUV: c, convertToTexture: u } = x;
|
|
68
|
+
if (!r)
|
|
69
|
+
return console.error("You must pass a child component into the Twirl shader."), d(0);
|
|
70
|
+
const t = u(r);
|
|
71
|
+
i(() => {
|
|
72
|
+
t?.renderTarget?.dispose && t.renderTarget.dispose();
|
|
69
73
|
});
|
|
70
|
-
const
|
|
71
|
-
return w(
|
|
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 = o(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
|
+
return w(y, t.sample(y), t, n.edges.uniform);
|
|
72
76
|
}
|
|
73
77
|
};
|
|
74
|
-
var
|
|
78
|
+
var q = E;
|
|
75
79
|
export {
|
|
76
|
-
|
|
77
|
-
|
|
80
|
+
E as n,
|
|
81
|
+
q as t
|
|
78
82
|
};
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t as
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
F
|
|
6
|
-
const X = {
|
|
1
|
+
import { k as C, m as X } from "./three.tsl-BqgDcRt9.js";
|
|
2
|
+
import { t as Y } from "./edges-B-tVdqcI.js";
|
|
3
|
+
import { a as k } from "./transformations-DBjTkQ5b.js";
|
|
4
|
+
X();
|
|
5
|
+
const F = {
|
|
7
6
|
name: "WaveDistortion",
|
|
8
7
|
category: "Distortions",
|
|
9
8
|
requiresRTT: !0,
|
|
@@ -56,12 +55,12 @@ const X = {
|
|
|
56
55
|
waveType: {
|
|
57
56
|
default: "sine",
|
|
58
57
|
description: "Shape of the distortion wave",
|
|
59
|
-
transform: (
|
|
58
|
+
transform: (r) => ({
|
|
60
59
|
sine: 0,
|
|
61
60
|
triangle: 1,
|
|
62
61
|
square: 2,
|
|
63
62
|
sawtooth: 3
|
|
64
|
-
})[
|
|
63
|
+
})[r] ?? 0,
|
|
65
64
|
ui: {
|
|
66
65
|
type: "select",
|
|
67
66
|
options: [
|
|
@@ -88,7 +87,7 @@ const X = {
|
|
|
88
87
|
edges: {
|
|
89
88
|
default: "stretch",
|
|
90
89
|
description: "How to handle edges when distortion pushes content out of bounds",
|
|
91
|
-
transform:
|
|
90
|
+
transform: k,
|
|
92
91
|
ui: {
|
|
93
92
|
type: "select",
|
|
94
93
|
options: [
|
|
@@ -113,17 +112,21 @@ const X = {
|
|
|
113
112
|
}
|
|
114
113
|
}
|
|
115
114
|
},
|
|
116
|
-
|
|
117
|
-
const {
|
|
118
|
-
|
|
119
|
-
|
|
115
|
+
uvTransformNode: ({ uv: r, uniforms: e }) => {
|
|
116
|
+
const { vec2: u, sin: y, cos: m, 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 = m(T), i = y(T), d = r.sub(u(0.5, 0.5)), c = u(d.x.mul(t).sub(d.y.mul(i)), d.x.mul(i).add(d.y.mul(t))).add(u(0.5, 0.5)).y.mul(e.frequency.uniform).mul(f.mul(2)).add(A), g = w(c.div(f.mul(2))), x = y(c), v = W(g.mul(2).sub(1)).mul(2).sub(1), b = s(n(0.5), g).mul(2).sub(1), p = g.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(v.mul(D)).add(b.mul(V)).add(p.mul(_)).mul(e.strength.uniform).mul(0.5), l = q.mul(t), N = q.mul(i);
|
|
117
|
+
return u(r.x.add(l), r.y.add(N));
|
|
118
|
+
},
|
|
119
|
+
fragmentNode: (r) => {
|
|
120
|
+
const { uniforms: e, childNode: u, onCleanup: y } = r, { vec2: m, vec4: W, sin: w, cos: s, abs: n, fract: f, step: a, convertToTexture: A, screenUV: T, float: t, PI: i, time: d } = C;
|
|
121
|
+
if (!u) return W(0, 0, 0, 0);
|
|
122
|
+
const c = T, g = d.mul(e.speed.uniform).mul(0.5), x = e.angle.uniform.mul(i).div(180), v = s(x), b = w(x), p = c.sub(m(0.5, 0.5)), o = m(p.x.mul(v).sub(p.y.mul(b)), p.x.mul(b).add(p.y.mul(v))).add(m(0.5, 0.5)).y.mul(e.frequency.uniform).mul(i.mul(2)).add(g), h = f(o.div(i.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(v), I = P.mul(b), U = m(c.x.add(H), c.y.add(I)), S = A(u);
|
|
120
123
|
return y(() => {
|
|
121
|
-
|
|
122
|
-
}),
|
|
124
|
+
S?.renderTarget?.dispose && S.renderTarget.dispose();
|
|
125
|
+
}), Y(U, S.sample(U), S, e.edges.uniform);
|
|
123
126
|
}
|
|
124
127
|
};
|
|
125
|
-
var G =
|
|
128
|
+
var G = F;
|
|
126
129
|
export {
|
|
127
|
-
|
|
130
|
+
F as n,
|
|
128
131
|
G as t
|
|
129
132
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { o as B } from "./transformations-
|
|
1
|
+
import { k as _, m as C } from "./three.tsl-BqgDcRt9.js";
|
|
2
|
+
import { o as B } from "./transformations-DBjTkQ5b.js";
|
|
3
3
|
C();
|
|
4
4
|
const V = {
|
|
5
5
|
name: "ZoomBlur",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { k as L, m as f } from "./three.tsl-BqgDcRt9.js";
|
|
2
2
|
f();
|
|
3
|
-
var { vec3: o, vec4: C, float: d, pow: r, sqrt: E, atan: G, cos: p, sin: A, mix: b } = L,
|
|
3
|
+
var { vec3: o, vec4: C, float: d, pow: r, sqrt: E, atan: G, cos: p, sin: A, mix: b } = L, h = (u) => o(u.x.mul(1.2249401).sub(u.y.mul(0.2249404)).sub(u.z.mul(0)), u.x.mul(-0.0420569).add(u.y.mul(1.0420571)).add(u.z.mul(0)), u.x.mul(-0.0196376).sub(u.y.mul(0.0786361)).add(u.z.mul(1.0982735))), i = (u) => o(u.x.mul(0.8224621).add(u.y.mul(0.177538)).add(u.z.mul(0)), u.x.mul(0.0331941).add(u.y.mul(0.9668058)).add(u.z.mul(0)), u.x.mul(0.0170826).add(u.y.mul(0.0723974)).add(u.z.mul(0.9105199))), _ = (u) => {
|
|
4
4
|
const m = u.x, l = u.y, s = u.z, c = m.mul(0.4122214708).add(l.mul(0.5363325363)).add(s.mul(0.0514459929)), e = m.mul(0.2119034982).add(l.mul(0.6806995451).add(s.mul(0.1073969566))), x = m.mul(0.0883024619).add(l.mul(0.2817188376)).add(s.mul(0.6299787005)), t = r(c, d(1 / 3)), a = r(e, d(1 / 3)), n = r(x, d(1 / 3));
|
|
5
5
|
return o(t.mul(0.2104542553).add(a.mul(0.793617785)).sub(n.mul(0.0040720468)), t.mul(1.9779984951).sub(a.mul(2.428592205)).add(n.mul(0.4505937099)), t.mul(0.0259040371).add(a.mul(0.7827717662)).sub(n.mul(0.808675766)));
|
|
6
6
|
}, v = (u) => {
|
|
@@ -14,7 +14,7 @@ var { vec3: o, vec4: C, float: d, pow: r, sqrt: E, atan: G, cos: p, sin: A, mix:
|
|
|
14
14
|
return o(m, l.mul(p(s)), l.mul(A(s)));
|
|
15
15
|
};
|
|
16
16
|
const P = (u, m, l, s) => {
|
|
17
|
-
const c = o(u.x, u.y, u.z), e = o(m.x, m.y, m.z), x = u.w, t = m.w, a = b(c, e, l), n =
|
|
17
|
+
const c = o(u.x, u.y, u.z), e = o(m.x, m.y, m.z), x = u.w, t = m.w, a = b(c, e, l), n = h(c), R = h(e), z = _(n), k = _(R), O = i(v(H(b(T(z), T(k), l)))), q = i(v(b(z, k, l))), w = s.greaterThanEqual(d(0.5)), y = s.greaterThanEqual(d(1.5)).select(q, w.select(O, a)), B = b(x, t, l);
|
|
18
18
|
return C(y.x, y.y, y.z, B);
|
|
19
19
|
};
|
|
20
20
|
export {
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { k as i, m as k } from "./three.tsl-BqgDcRt9.js";
|
|
2
|
+
k();
|
|
3
|
+
var { vec2: l, vec4: H, step: r, abs: y, mod: b, fract: B, float: n, select: t } = i;
|
|
4
|
+
const q = (s, c) => {
|
|
5
|
+
const o = s.clamp(l(0, 0), l(1, 1)), a = s, p = b(y(s.x), n(2)), m = b(y(s.y), n(2)), x = l(t(r(n(1), p), n(2).sub(p), p), t(r(n(1), m), n(2).sub(m), m)), u = B(s);
|
|
6
|
+
return t(r(n(0.5), c), t(r(n(1.5), c), t(r(n(2.5), c), u, x), a), o);
|
|
7
|
+
}, z = (s, c, o, a) => {
|
|
8
|
+
const p = r(n(0), s.x).mul(r(s.x, n(1))), m = r(n(0), s.y).mul(r(s.y, n(1))), x = p.mul(m), u = H(c.rgb, c.a.mul(x));
|
|
9
|
+
if (!o) return t(r(n(0.5), a), u, c);
|
|
10
|
+
const _ = b(y(s.x), n(2)), w = b(y(s.y), n(2)), X = l(t(r(n(1), _), n(2).sub(_), _), t(r(n(1), w), n(2).sub(w), w)), Y = o.sample(X), E = l(B(s.x), B(s.y)), h = o.sample(E);
|
|
11
|
+
return t(r(n(0.5), a), t(r(n(1.5), a), t(r(n(2.5), a), h, Y), u), c);
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
q as n,
|
|
15
|
+
z as t
|
|
16
|
+
};
|