shaders 2.2.23 → 2.2.25

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.
Files changed (213) hide show
  1. package/dist/core/AngularBlur-Dl2gwk68.js +64 -0
  2. package/dist/core/Ascii-Dha_QpT3.js +286 -0
  3. package/dist/core/Beam-CTN9Ni43.js +139 -0
  4. package/dist/core/Blob-CxFDZovO.js +218 -0
  5. package/dist/core/Blur-Y2FsmFk_.js +77 -0
  6. package/dist/core/Bulge-Cb-t0xqI.js +132 -0
  7. package/dist/core/CRTScreen-CtERsenz.js +112 -0
  8. package/dist/core/ChannelBlur-CvM6GJgZ.js +118 -0
  9. package/dist/core/Checkerboard-CgB-egNY.js +83 -0
  10. package/dist/core/ChromaFlow-vRCwhQpN.js +222 -0
  11. package/dist/core/ChromaticAberration-FTquTQIL.js +88 -0
  12. package/dist/core/Circle-Daziv5d7.js +67 -0
  13. package/dist/core/CursorTrail-Bsz9e6Fn.js +145 -0
  14. package/dist/core/DiffuseBlur-Cj2PtRNd.js +83 -0
  15. package/dist/core/Dither-D2Nf4p3w.js +66 -0
  16. package/dist/core/DotGrid-CzOwquo4.js +75 -0
  17. package/dist/core/Duotone-XuTN9tI7.js +65 -0
  18. package/dist/core/FilmGrain-D3-nbi12.js +28 -0
  19. package/dist/core/FloatingParticles-D9Nnu1qg.js +217 -0
  20. package/dist/core/GlassTiles-CnjCvajI.js +69 -0
  21. package/dist/core/Glow-BluFc9be.js +75 -0
  22. package/dist/core/Godrays-ChLh_vGl.js +144 -0
  23. package/dist/core/Grayscale-DRny75A9.js +20 -0
  24. package/dist/core/Grid-DgyDa4H1.js +58 -0
  25. package/dist/core/GridDistortion-BAspCYvp.js +188 -0
  26. package/dist/core/Group-Dul7PUBl.js +14 -0
  27. package/dist/core/Halftone-Ifv5F_FT.js +65 -0
  28. package/dist/core/HueShift-De8ukMWs.js +31 -0
  29. package/dist/core/ImageTexture-DvYcQgJB.js +143 -0
  30. package/dist/core/Invert-Fz0NtIJc.js +21 -0
  31. package/dist/core/LinearBlur-LmhnQoA4.js +62 -0
  32. package/dist/core/LinearGradient-xbloQjzt.js +133 -0
  33. package/dist/core/Liquify-DMe1V5-O.js +175 -0
  34. package/dist/core/Pixelate-Cv8537Pj.js +37 -0
  35. package/dist/core/PolarCoordinates-DDvDhBE-.js +112 -0
  36. package/dist/core/Posterize-3m3xkWOz.js +29 -0
  37. package/dist/core/ProgressiveBlur-EGkevObV.js +121 -0
  38. package/dist/core/RadialGradient-B7ZZB_VJ.js +71 -0
  39. package/dist/core/RectangularCoordinates-muWR8mZS.js +101 -0
  40. package/dist/core/Ripples-8XaZaXQF.js +117 -0
  41. package/dist/core/Saturation-CYFI1jzN.js +30 -0
  42. package/dist/core/SimplexNoise-DJUe0wz_.js +99 -0
  43. package/dist/core/SineWave-Dl3nFO1W.js +120 -0
  44. package/dist/core/SolidColor-CWGq_Bjq.js +21 -0
  45. package/dist/core/Spherize-C-jZEUsN.js +128 -0
  46. package/dist/core/Spiral-BSB_R39p.js +132 -0
  47. package/dist/core/Strands-0stO5BMy.js +161 -0
  48. package/dist/core/Stretch-B645paha.js +133 -0
  49. package/dist/core/Swirl-CVnbawit.js +173 -0
  50. package/dist/core/TiltShift-0CxNRI6L.js +134 -0
  51. package/dist/core/Tritone-Daa-I5UD.js +76 -0
  52. package/dist/core/Twirl-2CJVZEtk.js +96 -0
  53. package/dist/core/Vibrance-DRtecEvb.js +30 -0
  54. package/dist/core/WaveDistortion-BscXN2rs.js +173 -0
  55. package/dist/core/ZoomBlur-CAqK0Kju.js +62 -0
  56. package/dist/core/colorMixing-BXiTAqJU.js +69 -0
  57. package/dist/core/edges-Bn_OIa_h.js +26 -0
  58. package/dist/core/index.js +2257 -1604
  59. package/dist/core/shaderRegistry.d.ts.map +1 -1
  60. package/dist/core/shaders/AngularBlur/index.js +3 -7
  61. package/dist/core/shaders/Ascii/index.js +2 -6
  62. package/dist/core/shaders/Beam/index.d.ts +71 -0
  63. package/dist/core/shaders/Beam/index.d.ts.map +1 -0
  64. package/dist/core/shaders/Beam/index.js +4 -0
  65. package/dist/core/shaders/Blob/index.js +5 -9
  66. package/dist/core/shaders/Blur/index.js +2 -6
  67. package/dist/core/shaders/Bulge/index.js +4 -8
  68. package/dist/core/shaders/CRTScreen/index.js +2 -6
  69. package/dist/core/shaders/ChannelBlur/index.js +2 -6
  70. package/dist/core/shaders/Checkerboard/index.js +4 -8
  71. package/dist/core/shaders/ChromaFlow/index.js +3 -7
  72. package/dist/core/shaders/ChromaticAberration/index.js +3 -7
  73. package/dist/core/shaders/Circle/index.js +3 -7
  74. package/dist/core/shaders/CursorTrail/index.js +4 -8
  75. package/dist/core/shaders/DiffuseBlur/index.js +4 -8
  76. package/dist/core/shaders/Dither/index.js +3 -7
  77. package/dist/core/shaders/DotGrid/index.js +3 -7
  78. package/dist/core/shaders/Duotone/index.js +4 -8
  79. package/dist/core/shaders/FilmGrain/index.js +2 -6
  80. package/dist/core/shaders/FloatingParticles/index.js +3 -7
  81. package/dist/core/shaders/GlassTiles/index.js +2 -6
  82. package/dist/core/shaders/Glow/index.js +2 -6
  83. package/dist/core/shaders/Godrays/index.js +3 -7
  84. package/dist/core/shaders/Grayscale/index.js +2 -8
  85. package/dist/core/shaders/Grid/index.js +3 -7
  86. package/dist/core/shaders/GridDistortion/index.js +4 -8
  87. package/dist/core/shaders/Group/index.js +2 -6
  88. package/dist/core/shaders/Halftone/index.js +3 -7
  89. package/dist/core/shaders/HueShift/index.js +2 -8
  90. package/dist/core/shaders/ImageTexture/index.js +2 -6
  91. package/dist/core/shaders/Invert/index.js +2 -6
  92. package/dist/core/shaders/LinearBlur/index.js +3 -7
  93. package/dist/core/shaders/LinearGradient/index.js +4 -8
  94. package/dist/core/shaders/Liquify/index.js +4 -8
  95. package/dist/core/shaders/Pixelate/index.js +2 -6
  96. package/dist/core/shaders/PolarCoordinates/index.js +4 -8
  97. package/dist/core/shaders/Posterize/index.js +2 -7
  98. package/dist/core/shaders/ProgressiveBlur/index.js +3 -7
  99. package/dist/core/shaders/RadialGradient/index.js +4 -8
  100. package/dist/core/shaders/RectangularCoordinates/index.js +4 -8
  101. package/dist/core/shaders/Ripples/index.js +5 -9
  102. package/dist/core/shaders/Saturation/index.js +2 -8
  103. package/dist/core/shaders/SimplexNoise/index.js +5 -9
  104. package/dist/core/shaders/SineWave/index.js +3 -7
  105. package/dist/core/shaders/SolidColor/index.js +3 -7
  106. package/dist/core/shaders/Spherize/index.js +3 -7
  107. package/dist/core/shaders/Spiral/index.js +4 -8
  108. package/dist/core/shaders/Strands/index.js +4 -8
  109. package/dist/core/shaders/Stretch/index.js +4 -8
  110. package/dist/core/shaders/Swirl/index.js +5 -9
  111. package/dist/core/shaders/TiltShift/index.js +3 -7
  112. package/dist/core/shaders/Tritone/index.js +4 -8
  113. package/dist/core/shaders/Twirl/index.js +4 -8
  114. package/dist/core/shaders/Vibrance/index.js +2 -8
  115. package/dist/core/shaders/WaveDistortion/index.js +4 -8
  116. package/dist/core/shaders/ZoomBlur/index.js +3 -7
  117. package/dist/core/telemetry/index.js +189 -157
  118. package/dist/core/time-CTJvRUZ4.js +10 -0
  119. package/dist/core/transformations-DxfQXZWi.js +4715 -0
  120. package/dist/react/components/Beam.d.ts +31 -0
  121. package/dist/react/components/Beam.d.ts.map +1 -0
  122. package/dist/react/generatePresetCode-CCibXbtZ.js +645 -0
  123. package/dist/react/index.d.ts +1 -0
  124. package/dist/react/index.d.ts.map +1 -1
  125. package/dist/react/index.js +7649 -104600
  126. package/dist/react/utils/generatePresetCode.d.ts.map +1 -1
  127. package/dist/react/utils/generatePresetCode.js +2 -5
  128. package/dist/registry.js +224 -0
  129. package/dist/solid/components/Beam.d.ts +28 -0
  130. package/dist/solid/components/Beam.d.ts.map +1 -0
  131. package/dist/solid/index.d.ts +1 -0
  132. package/dist/solid/index.d.ts.map +1 -1
  133. package/dist/solid/index.js +6691 -102524
  134. package/dist/solid/utils/generatePresetCode.d.ts.map +1 -1
  135. package/dist/solid/utils/generatePresetCode.js +586 -537
  136. package/dist/svelte/components/Beam.svelte.d.ts +19 -0
  137. package/dist/svelte/generatePresetCode-CymgoDq_.js +645 -0
  138. package/dist/svelte/index.d.ts +1 -0
  139. package/dist/svelte/index.js +6175 -102455
  140. package/dist/svelte/utils/generatePresetCode.js +2 -5
  141. package/dist/vue/components/Beam.vue.d.ts +57 -0
  142. package/dist/vue/components/Beam.vue.d.ts.map +1 -0
  143. package/dist/vue/generatePresetCode-CRJmU8iF.js +649 -0
  144. package/dist/vue/index.d.ts +1 -0
  145. package/dist/vue/index.d.ts.map +1 -1
  146. package/dist/vue/index.js +6929 -103492
  147. package/dist/vue/utils/generatePresetCode.d.ts.map +1 -1
  148. package/dist/vue/utils/generatePresetCode.js +2 -5
  149. package/package.json +12 -1
  150. package/dist/core/AngularBlur-ClvtyURQ.js +0 -56
  151. package/dist/core/Ascii-BT0-K_vw.js +0 -196
  152. package/dist/core/Blob-BlQ_1T_8.js +0 -169
  153. package/dist/core/Blur-421AjWLH.js +0 -64
  154. package/dist/core/Bulge-CZRVoR6C.js +0 -103
  155. package/dist/core/CRTScreen-C_U9g_IR.js +0 -91
  156. package/dist/core/ChannelBlur-5pzcB6Zv.js +0 -89
  157. package/dist/core/Checkerboard-CrQkqXhD.js +0 -75
  158. package/dist/core/ChromaFlow-CNrQdL8f.js +0 -134
  159. package/dist/core/ChromaticAberration-D9H7O17Y.js +0 -82
  160. package/dist/core/Circle-DnLaDn8V.js +0 -62
  161. package/dist/core/ColorAdjustment-CKwpE_4M.js +0 -14
  162. package/dist/core/CursorTrail-NY6n97VG.js +0 -105
  163. package/dist/core/DiffuseBlur-C_n01ABk.js +0 -69
  164. package/dist/core/Dither-4s-c4zh4.js +0 -61
  165. package/dist/core/DotGrid-BYl8XdMi.js +0 -61
  166. package/dist/core/Duotone-DbewOoB4.js +0 -66
  167. package/dist/core/FilmGrain-zA_-knOw.js +0 -28
  168. package/dist/core/FloatingParticles-BhVnqMsE.js +0 -160
  169. package/dist/core/GlassTiles-CFI57glh.js +0 -52
  170. package/dist/core/Glow-CQgl3IoS.js +0 -66
  171. package/dist/core/Godrays-BHMix_Bh.js +0 -105
  172. package/dist/core/Grayscale-CAEFLteL.js +0 -21
  173. package/dist/core/Grid-DlM-rVbZ.js +0 -50
  174. package/dist/core/GridDistortion-ZOZphSAT.js +0 -147
  175. package/dist/core/Group-BQAs3RiH.js +0 -17
  176. package/dist/core/Halftone-ci4ga-_J.js +0 -55
  177. package/dist/core/HueShift-CyxzPcJV.js +0 -32
  178. package/dist/core/ImageTexture-CdAGsPuH.js +0 -105
  179. package/dist/core/Invert-iPsiIqNZ.js +0 -20
  180. package/dist/core/LinearBlur-BEaaoIk-.js +0 -56
  181. package/dist/core/LinearGradient-DR_7RxLX.js +0 -111
  182. package/dist/core/Liquify-Bi02_ugh.js +0 -139
  183. package/dist/core/Pixelate-CSsdT1rr.js +0 -38
  184. package/dist/core/PolarCoordinates-D626ml58.js +0 -103
  185. package/dist/core/Posterize-DhZkMaC7.js +0 -46
  186. package/dist/core/ProgressiveBlur-CGtCfLF8.js +0 -102
  187. package/dist/core/RadialGradient-C0_WzmbH.js +0 -71
  188. package/dist/core/RectangularCoordinates-DfXw7fhI.js +0 -92
  189. package/dist/core/Ripples-DkemN3eh.js +0 -106
  190. package/dist/core/Saturation-Dup81Pnq.js +0 -31
  191. package/dist/core/SimplexNoise-BYEiCjDj.js +0 -94
  192. package/dist/core/SineWave-C6MRPtsy.js +0 -107
  193. package/dist/core/SolidColor-BZHRczgb.js +0 -22
  194. package/dist/core/Spherize-DOAnDx2l.js +0 -103
  195. package/dist/core/Spiral-BMjnWXh1.js +0 -115
  196. package/dist/core/Strands-BOVsuJLe.js +0 -125
  197. package/dist/core/Stretch-D6bHc6yp.js +0 -103
  198. package/dist/core/Swirl-BFoc0ImG.js +0 -148
  199. package/dist/core/TSLBase-BFMvTOak.js +0 -8053
  200. package/dist/core/TiltShift-BiNvvhzj.js +0 -114
  201. package/dist/core/Tritone-gdx2AA0m.js +0 -75
  202. package/dist/core/Twirl-BsV8YbqC.js +0 -82
  203. package/dist/core/Vibrance-C182fbSw.js +0 -31
  204. package/dist/core/WaveDistortion-CmaS2zDB.js +0 -132
  205. package/dist/core/ZoomBlur-DLf5xQ16.js +0 -56
  206. package/dist/core/colorMixing--dhzx0ch.js +0 -21
  207. package/dist/core/edges-CDzKsauJ.js +0 -15
  208. package/dist/core/three.tsl-Btj1hLsf.js +0 -43845
  209. package/dist/core/time-DbRMw6Jm.js +0 -10
  210. package/dist/core/transformations-CsrIJXh-.js +0 -3992
  211. package/dist/react/generatePresetCode-DaS7jkcT.js +0 -626
  212. package/dist/svelte/generatePresetCode-DaS7jkcT.js +0 -626
  213. package/dist/vue/generatePresetCode-Cd1B-Y9j.js +0 -632
@@ -1,69 +0,0 @@
1
- import { O as v } from "./three.tsl-Btj1hLsf.js";
2
- import { t as w } from "./edges-CDzKsauJ.js";
3
- import { a as S } from "./transformations-CsrIJXh-.js";
4
- const z = {
5
- name: "DiffuseBlur",
6
- category: "Blurs",
7
- description: "Grain-like pixel displacement at random",
8
- requiresRTT: !0,
9
- requiresChild: !0,
10
- props: {
11
- intensity: {
12
- default: 30,
13
- description: "Intensity of the diffuse blur effect",
14
- ui: {
15
- type: "range",
16
- min: 0,
17
- max: 100,
18
- step: 1,
19
- label: "Intensity"
20
- }
21
- },
22
- edges: {
23
- default: "stretch",
24
- description: "How to handle edges when distortion pushes content out of bounds",
25
- transform: S,
26
- ui: {
27
- type: "select",
28
- options: [
29
- {
30
- label: "Stretch",
31
- value: "stretch"
32
- },
33
- {
34
- label: "Transparent",
35
- value: "transparent"
36
- },
37
- {
38
- label: "Mirror",
39
- value: "mirror"
40
- },
41
- {
42
- label: "Wrap",
43
- value: "wrap"
44
- }
45
- ],
46
- label: "Edges"
47
- }
48
- }
49
- },
50
- uvTransformNode: ({ uv: r, uniforms: s, viewportSize: u }) => {
51
- const { vec2: e, fract: l, sin: d, dot: c } = v, n = (i) => l(d(c(i, e(12.9898, 78.233).mul(2))).mul(43758.5453)), m = e(1).div(u), o = r.mul(1e3), f = n(o), t = n(o.add(e(73.2, 41.9))), a = e(f.mul(2).sub(1), t.mul(2).sub(1)).mul(s.intensity.uniform).mul(m);
52
- return r.add(a);
53
- },
54
- fragmentNode: ({ uniforms: r, childNode: s, onCleanup: u }) => {
55
- const { vec2: e, vec4: l, screenUV: d, convertToTexture: c, viewportSize: n, fract: m, sin: o, dot: f } = v;
56
- if (!s) return l(0, 0, 0, 0);
57
- const t = c(s);
58
- u(() => {
59
- t?.renderTarget?.dispose && t.renderTarget.dispose();
60
- });
61
- const a = (x) => m(o(f(x, e(12.9898, 78.233).mul(2))).mul(43758.5453)), i = d, b = e(1).div(n), p = i.mul(1e3), g = a(p), y = a(p.add(e(73.2, 41.9))), T = e(g.mul(2).sub(1), y.mul(2).sub(1)).mul(r.intensity.uniform).mul(b), h = i.add(T);
62
- return w(h, t.sample(h), t, r.edges.uniform);
63
- }
64
- };
65
- var _ = z;
66
- export {
67
- z as n,
68
- _ as t
69
- };
@@ -1,61 +0,0 @@
1
- import { O as z } from "./three.tsl-Btj1hLsf.js";
2
- import { r as n } from "./transformations-CsrIJXh-.js";
3
- const S = {
4
- name: "Dither",
5
- category: "Stylize",
6
- description: "Bayer matrix dithering to reduce colors",
7
- requiresChild: !0,
8
- props: {
9
- pixelSize: {
10
- default: 4,
11
- description: "Size of dithering pixels",
12
- ui: {
13
- type: "range",
14
- min: 1,
15
- max: 20,
16
- step: 1,
17
- label: "Pixel Size"
18
- }
19
- },
20
- threshold: {
21
- default: 0.5,
22
- description: "Luminance threshold for dithering",
23
- ui: {
24
- type: "range",
25
- min: 0,
26
- max: 1,
27
- step: 0.01,
28
- label: "Threshold"
29
- }
30
- },
31
- colorA: {
32
- default: "transparent",
33
- transform: n,
34
- description: "Dark color for dithering",
35
- ui: {
36
- type: "color",
37
- label: "Dark Color"
38
- }
39
- },
40
- colorB: {
41
- default: "#ffffff",
42
- transform: n,
43
- description: "Light color for dithering",
44
- ui: {
45
- type: "color",
46
- label: "Light Color"
47
- }
48
- }
49
- },
50
- fragmentNode: ({ uniforms: t, childNode: o }) => {
51
- const { vec2: u, vec3: d, vec4: l, floor: f, screenUV: p, viewportSize: m, dot: h, step: q, mix: i } = z;
52
- if (!o) return l(0, 0, 0, 0);
53
- const a = o, g = h(a.rgb, d(0.299, 0.587, 0.114)).mul(a.a), x = t.pixelSize.uniform, s = f(p.mul(m).div(x)).mod(u(4)), e = s.x, r = s.y, y = r.equal(0).select(e.equal(0).select(0 / 16, e.equal(1).select(8 / 16, e.equal(2).select(2 / 16, 10 / 16))), r.equal(1).select(e.equal(0).select(12 / 16, e.equal(1).select(4 / 16, e.equal(2).select(14 / 16, 6 / 16))), r.equal(2).select(e.equal(0).select(3 / 16, e.equal(1).select(11 / 16, e.equal(2).select(1 / 16, 9 / 16))), e.equal(0).select(15 / 16, e.equal(1).select(7 / 16, e.equal(2).select(13 / 16, 5 / 16)))))), b = t.threshold.uniform, c = q(y, g.add(b.sub(0.5)));
54
- return l(i(t.colorA.uniform.rgb, t.colorB.uniform.rgb, c), i(t.colorA.uniform.a, t.colorB.uniform.a, c));
55
- }
56
- };
57
- var D = S;
58
- export {
59
- S as n,
60
- D as t
61
- };
@@ -1,61 +0,0 @@
1
- import { O as G, f as _ } from "./three.tsl-Btj1hLsf.js";
2
- import { r as I } from "./transformations-CsrIJXh-.js";
3
- const M = {
4
- name: "DotGrid",
5
- category: "Base Layers",
6
- description: "Grid of dots with optional twinkling animation",
7
- acceptsUVContext: !0,
8
- props: {
9
- color: {
10
- default: "#ffffff",
11
- description: "The color of the dot",
12
- transform: I,
13
- ui: {
14
- type: "color",
15
- label: "Color"
16
- }
17
- },
18
- density: {
19
- default: 100,
20
- description: "The number of dots on the longest canvas edge",
21
- ui: {
22
- type: "range",
23
- min: 10,
24
- max: 500,
25
- step: 10,
26
- label: "Density"
27
- }
28
- },
29
- dotSize: {
30
- default: 0.3,
31
- description: "The size of each dot, zero (0) being invisible, one (1) filled the grid with no gaps",
32
- ui: {
33
- type: "range",
34
- min: 0,
35
- max: 1,
36
- step: 0.01,
37
- label: "Dot Size"
38
- }
39
- },
40
- twinkle: {
41
- default: 0,
42
- description: "Intensity of the twinkle effect (0 = off, 1 = full twinkle)",
43
- ui: {
44
- type: "range",
45
- min: 0,
46
- max: 1,
47
- step: 0.01,
48
- label: "Twinkle"
49
- }
50
- }
51
- },
52
- fragmentNode: ({ uniforms: t, uvContext: f }) => {
53
- const { screenUV: m, vec4: u, vec2: p, smoothstep: h, length: o, floor: n, float: i, viewportSize: g, time: y, sin: w, mix: b } = G, s = f ?? m, l = t.density.uniform, r = t.dotSize.uniform, x = t.color.uniform, k = t.twinkle.uniform, a = g, v = a.x.div(a.y), d = p(s.x.mul(v), s.y.oneMinus()), e = d.mul(l), z = o(e.sub(n(e)).sub(0.5)), D = o(_(d.mul(l))), S = i(1).sub(h(r.mul(0.5), r.mul(0.5).add(D.mul(0.5)), z)), c = n(e), C = c.x.mul(12.9898).add(c.y.mul(78.233)).sin().mul(43758.5453).fract(), V = w(y.mul(2).add(C.mul(6.28318))).mul(0.5).add(0.5), T = b(i(1), V, k), U = S.mul(T);
54
- return u(x.rgb, U);
55
- }
56
- };
57
- var B = M;
58
- export {
59
- M as n,
60
- B as t
61
- };
@@ -1,66 +0,0 @@
1
- import { O as m } from "./three.tsl-Btj1hLsf.js";
2
- import { i as b, r as a, t as C } from "./transformations-CsrIJXh-.js";
3
- import { t as g } from "./colorMixing--dhzx0ch.js";
4
- const T = {
5
- name: "Duotone",
6
- category: "Adjustments",
7
- description: "Map colors to two tones based on luminance",
8
- requiresRTT: !0,
9
- requiresChild: !0,
10
- props: {
11
- colorA: {
12
- default: "#ff0000",
13
- transform: a,
14
- description: "First color (used for darker areas)",
15
- ui: {
16
- type: "color",
17
- label: "Color A"
18
- }
19
- },
20
- colorB: {
21
- default: "#023af4",
22
- transform: a,
23
- description: "Second color (used for brighter areas)",
24
- ui: {
25
- type: "color",
26
- label: "Color B"
27
- }
28
- },
29
- blend: {
30
- default: 0.5,
31
- description: "Blend point between the two colors",
32
- ui: {
33
- type: "range",
34
- min: 0,
35
- max: 1,
36
- step: 0.01,
37
- label: "Blend"
38
- }
39
- },
40
- colorSpace: {
41
- default: "linear",
42
- transform: b,
43
- description: "Color space for color interpolation",
44
- ui: {
45
- type: "select",
46
- options: C,
47
- label: "Color Space"
48
- }
49
- }
50
- },
51
- fragmentNode: ({ uniforms: o, childNode: r, onCleanup: s }) => {
52
- const { vec3: l, vec4: t, dot: i, smoothstep: c, screenUV: p, convertToTexture: d } = m;
53
- if (!r) return t(0, 0, 0, 0);
54
- const e = d(r);
55
- s(() => {
56
- e?.renderTarget?.dispose && e.renderTarget.dispose();
57
- });
58
- const n = e.sample(p), u = i(n.rgb, l(0.299, 0.587, 0.114)), f = c(o.blend.uniform.sub(0.5), o.blend.uniform.add(0.5), u);
59
- return t(g(o.colorA.uniform, o.colorB.uniform, f, o.colorSpace.uniform).rgb, n.a);
60
- }
61
- };
62
- var y = T;
63
- export {
64
- T as n,
65
- y as t
66
- };
@@ -1,28 +0,0 @@
1
- import { O as f } from "./three.tsl-Btj1hLsf.js";
2
- const p = {
3
- name: "FilmGrain",
4
- category: "Stylize",
5
- description: "Analog film grain texture overlay",
6
- requiresChild: !0,
7
- acceptsUVContext: !0,
8
- props: { strength: {
9
- default: 0.5,
10
- description: "Intensity of the film grain noise",
11
- ui: {
12
- type: "range",
13
- min: 0,
14
- max: 1,
15
- step: 0.01,
16
- label: "Strength"
17
- }
18
- } },
19
- fragmentNode: ({ uniforms: r, childNode: o, uvContext: i }) => {
20
- const { vec2: s, vec4: e, float: t, screenUV: a, sin: l, dot: m, fract: c } = f, u = r.strength.uniform, n = o || e(0, 0, 0, 0), g = c(l(m(i ?? a, s(t(12.9898), t(78.233)).mul(t(2)))).mul(t(43758.5453))).mul(t(2)).sub(t(1)).mul(u.mul(t(0.1)));
21
- return e(n.rgb.add(g), n.a);
22
- }
23
- };
24
- var h = p;
25
- export {
26
- p as n,
27
- h as t
28
- };
@@ -1,160 +0,0 @@
1
- import { O as Q } from "./three.tsl-Btj1hLsf.js";
2
- import { r as W } from "./transformations-CsrIJXh-.js";
3
- var { vec2: a, vec3: q, vec4: E, float: c, sin: g, cos: _, smoothstep: X, mix: H, min: w, floor: Y, fract: I, length: O, dot: B, screenUV: Z, viewportSize: N, time: k, Fn: m } = Q, $ = m(([e]) => I(g(B(e, a(127.1, 311.7))).mul(43758.5453123))), j = m(([e]) => I(g(a(B(e, a(127.1, 311.7)), B(e, a(269.5, 183.3)))).mul(43758.5453))), ee = m(([e, n]) => {
4
- const l = j(e).sub(0.5), u = g(n), x = _(n);
5
- return a(x.mul(l.x).sub(u.mul(l.y)).mul(0.66), u.mul(l.x).add(x.mul(l.y)).mul(0.66)).add(e).add(0.5);
6
- }), te = m(([e, n]) => k.mul(n).mul($(e).sub(0.5)).mul(2)), v = m(([e, n, l]) => {
7
- const u = ee(n, te(n, l));
8
- return O(e.sub(u));
9
- });
10
- const ae = {
11
- name: "FloatingParticles",
12
- category: "Base Layers",
13
- description: "Animated floating particles with twinkle effects",
14
- requiresRTT: !1,
15
- acceptsUVContext: !0,
16
- props: {
17
- randomness: {
18
- default: 0.25,
19
- description: "Randomness of particle animation",
20
- ui: {
21
- type: "range",
22
- min: 0,
23
- max: 1,
24
- step: 0.01,
25
- label: "Randomness"
26
- }
27
- },
28
- speed: {
29
- default: 0.25,
30
- description: "Speed of particle movement",
31
- ui: {
32
- type: "range",
33
- min: 0,
34
- max: 1,
35
- step: 0.01,
36
- label: "Speed"
37
- }
38
- },
39
- angle: {
40
- default: 90,
41
- description: "Movement angle in degrees (0=right, 90=down, 180=left, 270=up)",
42
- ui: {
43
- type: "range",
44
- min: 0,
45
- max: 360,
46
- step: 1,
47
- label: "Angle"
48
- }
49
- },
50
- particleSize: {
51
- default: 1,
52
- description: "Size of particles",
53
- ui: {
54
- type: "range",
55
- min: 0.1,
56
- max: 20,
57
- step: 0.1,
58
- label: "Particle Size"
59
- }
60
- },
61
- particleSoftness: {
62
- default: 0,
63
- description: "Edge softness of particles (0 = sharp, 1 = very soft)",
64
- ui: {
65
- type: "range",
66
- min: 0,
67
- max: 5,
68
- step: 0.01,
69
- label: "Particle Softness"
70
- }
71
- },
72
- twinkle: {
73
- default: 0.5,
74
- description: "Intensity of the twinkle effect (0 = off, 1 = full twinkle)",
75
- ui: {
76
- type: "range",
77
- min: 0,
78
- max: 1,
79
- step: 0.01,
80
- label: "Twinkle"
81
- }
82
- },
83
- count: {
84
- default: 5,
85
- description: "Number of particle layers",
86
- ui: {
87
- type: "range",
88
- min: 1,
89
- max: 5,
90
- step: 1,
91
- label: "Count"
92
- }
93
- },
94
- particleColor: {
95
- default: "#ffffff",
96
- transform: W,
97
- description: "Color of the particles",
98
- ui: {
99
- type: "color",
100
- label: "Particle Color"
101
- }
102
- },
103
- speedVariance: {
104
- default: 0.3,
105
- description: "Per-layer speed variance (0 = all layers same speed, 1 = high variance)",
106
- ui: {
107
- type: "range",
108
- min: 0,
109
- max: 1,
110
- step: 0.01,
111
- label: "Speed Variance"
112
- }
113
- },
114
- angleVariance: {
115
- default: 30,
116
- description: "Per-layer angle variance in degrees (0 = all layers same angle, 180 = full variance)",
117
- ui: {
118
- type: "range",
119
- min: 0,
120
- max: 180,
121
- step: 1,
122
- label: "Angle Variance"
123
- }
124
- },
125
- particleDensity: {
126
- default: 3,
127
- description: "Particle density (lower = more spread out, higher = more dense)",
128
- ui: {
129
- type: "range",
130
- min: 0.5,
131
- max: 3,
132
- step: 0.1,
133
- label: "Particle Density"
134
- }
135
- }
136
- },
137
- fragmentNode: ({ uniforms: e, childNode: n, uvContext: l }) => {
138
- const u = l ?? Z, x = m(([s]) => {
139
- const r = Y(s), p = I(s);
140
- let t = v(s, r, e.randomness.uniform);
141
- const y = e.particleSoftness.uniform, d = e.particleSize.uniform.mul(0.01), o = d.mul(0.6).add(y.mul(d.mul(2.4))), i = o.greaterThan(0.35), h = p.x.lessThan(0.4), V = p.x.greaterThan(0.6), R = p.y.lessThan(0.4), z = p.y.greaterThan(0.6), D = i.and(h), f = i.and(V), C = i.and(R), b = i.and(z);
142
- t = D.select(w(t, v(s, r.add(a(-1, 0)), e.randomness.uniform)), t), t = f.select(w(t, v(s, r.add(a(1, 0)), e.randomness.uniform)), t), t = C.select(w(t, v(s, r.add(a(0, -1)), e.randomness.uniform)), t), t = b.select(w(t, v(s, r.add(a(0, 1)), e.randomness.uniform)), t);
143
- const M = X(o, d.mul(0.6), t), A = e.twinkle.uniform, P = r.x.mul(12.9898).add(r.y.mul(78.233)).sin().mul(43758.5453).fract(), F = g(k.mul(2).add(P.mul(6.28318))).mul(0.5).add(0.5), U = H(c(1), F, A);
144
- return M.mul(U).mul(e.particleColor.uniform.rgb);
145
- }), G = m(([s]) => {
146
- const r = c(1.05), p = c(0.9), t = e.count.uniform, y = q(0).toVar(), d = c(1).toVar(), o = c(1).toVar(), i = a(0).toVar(), h = e.angle.uniform.mul(3.14159).div(180), V = a(_(h), g(h)), R = k.mul(V).mul(e.speed.uniform), z = e.speedVariance.uniform, D = e.angleVariance.uniform.mul(3.14159).div(180);
147
- for (let f = 0; f < 4; f++) {
148
- const C = c(f).lessThan(t).and(o.greaterThan(0.02)), b = j(a(o, c(f).mul(7.919))), M = c(1).add(b.x.sub(0.5).mul(z)), A = b.y.sub(0.5).mul(D).mul(2), P = h.add(A), F = a(_(P), g(P)), U = R.mul(M).add(F.sub(V).mul(k).mul(e.speed.uniform)), K = x(s.mul(d).add(U).add(i)).mul(o);
149
- y.assign(y.add(C.select(K, q(0)))), i.assign(i.add(b.mul(10))), o.assign(o.mul(p)), d.assign(d.mul(r));
150
- }
151
- return y;
152
- }), L = u.mul(2).sub(1), J = N.x.div(N.y), T = G(a(L.x.mul(J), L.y).mul(e.particleDensity.uniform)), S = O(T);
153
- return n ? E(H(n.xyz, T, S.greaterThan(0.01).select(S, 0)), n.w) : E(T, S);
154
- }
155
- };
156
- var re = ae;
157
- export {
158
- ae as n,
159
- re as t
160
- };
@@ -1,52 +0,0 @@
1
- import { O as b } from "./three.tsl-Btj1hLsf.js";
2
- const V = {
3
- name: "GlassTiles",
4
- category: "Distortions",
5
- description: "Refraction-like distortion in a tile grid pattern",
6
- requiresRTT: !0,
7
- requiresChild: !0,
8
- props: {
9
- intensity: {
10
- default: 1,
11
- description: "The intensity of the glass tiles effect",
12
- ui: {
13
- type: "range",
14
- min: 0,
15
- max: 5,
16
- step: 0.1,
17
- label: "Intensity"
18
- }
19
- },
20
- tileCount: {
21
- default: 100,
22
- description: "Number of tiles across the shortest dimension",
23
- ui: {
24
- type: "range",
25
- min: 1,
26
- max: 200,
27
- step: 1,
28
- label: "Tile Count"
29
- }
30
- }
31
- },
32
- uvTransformNode: ({ uv: n, uniforms: s, viewportSize: i }) => {
33
- const { vec2: r, floor: a, select: l } = b, p = s.intensity.uniform, t = s.tileCount.uniform, e = i.x.div(i.y), o = r(l(e.greaterThanEqual(1), t.mul(e), t), l(e.lessThan(1), t.div(e), t)), c = a(n.mul(o)).div(o), d = n.sub(c), T = r(0.5, 0.5), h = p.mul(0.025), u = d.div(r(1, 1).div(o)).sub(T).mul(h);
34
- return d.add(u).add(c);
35
- },
36
- fragmentNode: ({ uniforms: n, childNode: s, dimensions: i, onCleanup: r }) => {
37
- const { vec2: a, vec4: l, floor: p, mul: t, div: e, sub: o, add: c, screenUV: d, uniform: T, convertToTexture: h } = b;
38
- if (!s)
39
- return console.error("You must pass a child component into the Glass Tiles shader."), l(0);
40
- const u = h(s);
41
- r(() => {
42
- u?.renderTarget?.dispose && u.renderTarget.dispose();
43
- });
44
- const m = T(i.width / i.height), g = d, x = n.intensity.uniform, f = n.tileCount.uniform, C = a(m.greaterThanEqual(1).select(t(f, m), f), m.lessThan(1).select(e(f, m), f)), v = e(p(t(g, C)), C), y = o(g, v), U = a(0.5, 0.5), q = t(x, 0.025), R = c(c(y, t(o(e(y, e(a(1), C)), U), q)), v);
45
- return l(u.sample(R));
46
- }
47
- };
48
- var N = V;
49
- export {
50
- V as n,
51
- N as t
52
- };
@@ -1,66 +0,0 @@
1
- import { O as j } from "./three.tsl-Btj1hLsf.js";
2
- const k = {
3
- name: "Glow",
4
- category: "Stylize",
5
- description: "Soft glow effect with adjustable intensity",
6
- requiresRTT: !0,
7
- requiresChild: !0,
8
- props: {
9
- intensity: {
10
- default: 1,
11
- description: "Glow intensity (brightness of the glow effect)",
12
- ui: {
13
- type: "range",
14
- min: 0,
15
- max: 10,
16
- step: 0.01,
17
- label: "Intensity"
18
- }
19
- },
20
- threshold: {
21
- default: 0.5,
22
- description: "Brightness threshold for glow extraction (lower = more glow)",
23
- ui: {
24
- type: "range",
25
- min: 0,
26
- max: 1,
27
- step: 0.01,
28
- label: "Threshold"
29
- }
30
- },
31
- size: {
32
- default: 10,
33
- description: "Size/spread of the glow effect",
34
- ui: {
35
- type: "range",
36
- min: 1,
37
- max: 20,
38
- step: 0.01,
39
- label: "Glow Size"
40
- }
41
- }
42
- },
43
- fragmentNode: ({ uniforms: s, childNode: a, onCleanup: g }) => {
44
- const { vec2: c, vec3: h, vec4: r, float: t, max: d, dot: w, screenUV: f, convertToTexture: b, viewportSize: y, Fn: x } = j;
45
- if (!a) return r(0, 0, 0, 0);
46
- const o = b(a);
47
- g(() => {
48
- o?.renderTarget?.dispose && o.renderTarget.dispose();
49
- });
50
- const u = o.sample(f), v = x(() => {
51
- const z = s.size.uniform, S = s.threshold.uniform, G = c(1).div(y), n = r(0, 0, 0, 0).toVar(), e = 5;
52
- for (let i = -e; i <= e; i++) for (let l = -e; l <= e; l++) {
53
- const V = c(t(i), t(l)).mul(G).mul(z), _ = f.add(V), m = o.sample(_), q = w(m.rgb, h(0.299, 0.587, 0.114)), R = d(t(0), q.sub(S)), U = m.mul(R);
54
- n.assign(n.add(U));
55
- }
56
- const C = t((e * 2 + 1) * (e * 2 + 1));
57
- return n.div(C);
58
- })(), T = s.intensity.uniform, p = v.mul(T);
59
- return r(u.rgb.add(p.rgb), d(u.a, p.a));
60
- }
61
- };
62
- var D = k;
63
- export {
64
- k as n,
65
- D as t
66
- };
@@ -1,105 +0,0 @@
1
- import { O as J, t as K } from "./three.tsl-Btj1hLsf.js";
2
- import { o as Q, r as v } from "./transformations-CsrIJXh-.js";
3
- const W = {
4
- name: "Godrays",
5
- category: "Base Layers",
6
- description: "Volumetric light rays emanating from a point",
7
- requiresRTT: !1,
8
- acceptsUVContext: !0,
9
- props: {
10
- center: {
11
- default: {
12
- x: 0,
13
- y: 0
14
- },
15
- transform: Q,
16
- description: "The center point of the god rays",
17
- ui: {
18
- type: "position",
19
- label: "Center"
20
- }
21
- },
22
- density: {
23
- default: 0.3,
24
- description: "Frequency of ray sectors",
25
- ui: {
26
- type: "range",
27
- min: 0,
28
- max: 1,
29
- step: 0.01,
30
- label: "Density"
31
- }
32
- },
33
- intensity: {
34
- default: 0.8,
35
- description: "Ray visibility within sectors",
36
- ui: {
37
- type: "range",
38
- min: 0,
39
- max: 1,
40
- step: 0.01,
41
- label: "Intensity"
42
- }
43
- },
44
- spotty: {
45
- default: 1,
46
- description: "Density of spots on rays (higher = more spots)",
47
- ui: {
48
- type: "range",
49
- min: 0,
50
- max: 1,
51
- step: 0.01,
52
- label: "Spotty"
53
- }
54
- },
55
- speed: {
56
- default: 0.5,
57
- description: "Animation speed of the rays",
58
- ui: {
59
- type: "range",
60
- min: 0,
61
- max: 2,
62
- step: 0.01,
63
- label: "Speed"
64
- }
65
- },
66
- rayColor: {
67
- default: "#4283fb",
68
- transform: v,
69
- description: "Color of the light rays",
70
- ui: {
71
- type: "color",
72
- label: "Ray Color"
73
- }
74
- },
75
- backgroundColor: {
76
- default: "transparent",
77
- transform: v,
78
- description: "Background color",
79
- ui: {
80
- type: "color",
81
- label: "Background Color"
82
- }
83
- }
84
- },
85
- fragmentNode: ({ uniforms: s, uvContext: B }) => {
86
- const { vec2: c, vec4: G, float: r, sin: T, atan: D, length: P, pow: x, smoothstep: S, mix: p, clamp: g, screenUV: U, time: _, PI: w, Fn: h } = J, F = B ?? U, I = c(s.center.uniform.x, s.center.uniform.y.oneMinus()), m = F.sub(I), V = h(([n]) => {
87
- const t = n.floor(), e = n.fract(), o = (u) => T(u.x.mul(127.1).add(u.y.mul(311.7))).mul(43758.5453).fract(), l = o(t), a = o(t.add(c(1, 0))), d = o(t.add(c(0, 1))), y = o(t.add(c(1, 1))), i = e.mul(e).mul(e.mul(-2).add(3));
88
- return p(p(l, a, i.x), p(d, y, i.x), i.y);
89
- }), f = h(([n, t, e, o]) => {
90
- const l = D(n.y, n.x), a = c(l.mul(e), t), d = c(l.mod(w.mul(2)).mul(e), t), y = x(V(a), o);
91
- return p(x(V(d), o), y, S(-0.15, 0.15, n.x));
92
- }), L = h(() => {
93
- const n = _.mul(s.speed.uniform).mul(0.2), t = P(m), e = r(6.5).mul(K(s.spotty.uniform)), o = r(4).sub(r(3).mul(g(s.intensity.uniform, 0, 1))), l = r(6).mul(s.density.uniform), a = r(0).toVar(), d = t.mul(1).sub(n.mul(3)), y = t.mul(0.5).mul(r(1).add(e)).sub(n.mul(2)), i = l.mul(5), u = f(m, d, i, o).toVar();
94
- u.assign(u.mul(f(m, y, i.mul(4), o))), a.assign(a.add(u));
95
- const z = t.mul(1.4).sub(n.mul(2.5)), H = t.mul(0.7).mul(r(1).add(e)).sub(n.mul(1.8)), k = l.mul(4.5), C = f(m, z, k, o).toVar();
96
- return C.assign(C.mul(f(m, H, k.mul(3.5), o))), a.assign(a.add(C.mul(0.7))), g(a, 0, 1);
97
- })(), N = s.rayColor.uniform.rgb, q = s.rayColor.uniform.a, E = s.backgroundColor.uniform.rgb, A = s.backgroundColor.uniform.a, b = L.mul(q), R = b.add(A.mul(r(1).sub(b))), M = g(R, 1e-3, 1), O = N.mul(b), j = E.mul(A).mul(r(1).sub(b));
98
- return G(O.add(j).div(M), R);
99
- }
100
- };
101
- var Z = W;
102
- export {
103
- W as n,
104
- Z as t
105
- };
@@ -1,21 +0,0 @@
1
- import { O as t } from "./three.tsl-Btj1hLsf.js";
2
- import { t as s } from "./ColorAdjustment-CKwpE_4M.js";
3
- const a = {
4
- name: "Grayscale",
5
- category: "Adjustments",
6
- description: "Convert colors to black and white",
7
- requiresChild: !0,
8
- props: {},
9
- fragmentNode: ({ childNode: e }) => {
10
- const { vec4: r } = t;
11
- if (!e)
12
- return console.error("You must pass a child component into the Grayscale shader."), r(0);
13
- const o = e || r(0, 0, 0, 0);
14
- return r(s(o.rgb).rgb, o.a);
15
- }
16
- };
17
- var i = a;
18
- export {
19
- a as n,
20
- i as t
21
- };