shaders 2.5.116 → 2.5.118
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/BarShift-2XBhva1A.js +141 -0
- package/dist/core/{Blur-DG7lJKPo.js → Blur-5_t3tR_g.js} +1 -1
- package/dist/core/BrickPattern-BfTsjp4I.js +175 -0
- package/dist/core/{ChannelBlur-BhcCkwcO.js → ChannelBlur-DWgS3nhn.js} +1 -1
- package/dist/core/Chevron-BKZjAXR_.js +142 -0
- package/dist/core/ColorWheel-BQUKQPM-.js +140 -0
- package/dist/core/{Crescent-DiioCL2k.js → Crescent-ppz7W7eM.js} +1 -1
- package/dist/core/{Cross-CxQTHuxC.js → Cross-BfNOtQ6s.js} +1 -1
- package/dist/core/{Crystal-B3iO7o_n.js → Crystal-QsQoy8fZ.js} +1 -1
- package/dist/core/{Ellipse-iwH-zEvD.js → Ellipse-sWhNvW9-.js} +1 -1
- package/dist/core/{Emboss-B4i61QDT.js → Emboss-DGaubb9x.js} +1 -1
- package/dist/core/{Flower-CdHVKJKu.js → Flower-BbRNrXIa.js} +1 -1
- package/dist/core/FractalNoise-Ccufnbw6.js +184 -0
- package/dist/core/{Glass-B19xsZLn.js → Glass-CXT1jdLw.js} +2 -2
- package/dist/core/{Glow-CsTZA75y.js → Glow-5PP4-rM9.js} +1 -1
- package/dist/core/Marble-DkHLcqFD.js +124 -0
- package/dist/core/{Neon-BeGABHrs.js → Neon-DQDB7hAE.js} +1 -1
- package/dist/core/{Polygon-_3DSqSBg.js → Polygon-C6_siOs0.js} +1 -1
- package/dist/core/{ProgressiveBlur-Dh8W2bZ3.js → ProgressiveBlur-BJwJ5mE0.js} +1 -1
- package/dist/core/{Ring-4J6h5Iof.js → Ring-CtnDtTY8.js} +1 -1
- package/dist/core/{RoundedRect-Dj-gqOc0.js → RoundedRect-tnt7Jr5b.js} +1 -1
- package/dist/core/{SmokeFill-rM9vUIm4.js → SmokeFill-DzEtYeKN.js} +1 -1
- package/dist/core/{Star-CJ4mkBZg.js → Star-0Flymgm9.js} +1 -1
- package/dist/core/SunBurst-D9X1-buZ.js +127 -0
- package/dist/core/{TiltShift-DSQ-CsXz.js → TiltShift-r4qzPb2k.js} +1 -1
- package/dist/core/{Trapezoid-P9gXhH9a.js → Trapezoid-JmybJMUr.js} +1 -1
- package/dist/core/{Vesica-DYov_i53.js → Vesica-D7iqgpJg.js} +1 -1
- package/dist/core/{VideoTexture-Cr1f0IOE.js → VideoTexture-D9XxE1Hw.js} +1 -1
- package/dist/core/{WebcamTexture-BQJpZvC5.js → WebcamTexture-9Td8qQWm.js} +1 -1
- package/dist/core/WorleyNoise-CWytDfGH.js +323 -0
- package/dist/core/index.js +117 -109
- package/dist/core/registry.js +117 -109
- package/dist/core/shaderRegistry-CO5SCxc6.js +270 -0
- package/dist/core/shaderRegistry.d.ts.map +1 -1
- package/dist/core/shaders/BarShift/index.d.ts +47 -0
- package/dist/core/shaders/BarShift/index.d.ts.map +1 -0
- package/dist/core/shaders/BarShift/index.js +6 -0
- package/dist/core/shaders/Beam/index.js +1 -1
- package/dist/core/shaders/Blob/index.js +1 -1
- package/dist/core/shaders/Blur/index.js +2 -2
- package/dist/core/shaders/BrickPattern/index.d.ts +79 -0
- package/dist/core/shaders/BrickPattern/index.d.ts.map +1 -0
- package/dist/core/shaders/BrickPattern/index.js +5 -0
- package/dist/core/shaders/BrightnessContrast/index.js +1 -1
- package/dist/core/shaders/Bulge/index.js +1 -1
- package/dist/core/shaders/CRTScreen/index.js +1 -1
- package/dist/core/shaders/ChannelBlur/index.js +2 -2
- package/dist/core/shaders/Checkerboard/index.js +1 -1
- package/dist/core/shaders/Chevron/index.d.ts +66 -0
- package/dist/core/shaders/Chevron/index.d.ts.map +1 -0
- package/dist/core/shaders/Chevron/index.js +5 -0
- package/dist/core/shaders/ChromaFlow/index.js +1 -1
- package/dist/core/shaders/ChromaticAberration/index.js +1 -1
- package/dist/core/shaders/Circle/index.js +1 -1
- package/dist/core/shaders/ColorWheel/index.d.ts +62 -0
- package/dist/core/shaders/ColorWheel/index.d.ts.map +1 -0
- package/dist/core/shaders/ColorWheel/index.js +5 -0
- package/dist/core/shaders/ConcentricSpin/index.js +1 -1
- package/dist/core/shaders/ConicGradient/index.js +1 -1
- package/dist/core/shaders/ContourLines/index.js +1 -1
- package/dist/core/shaders/Crescent/index.js +2 -2
- package/dist/core/shaders/Cross/index.js +2 -2
- package/dist/core/shaders/Crystal/index.js +2 -2
- package/dist/core/shaders/CursorRipples/index.js +1 -1
- package/dist/core/shaders/CursorTrail/index.js +1 -1
- package/dist/core/shaders/DOMTexture/index.js +1 -1
- package/dist/core/shaders/DiamondGradient/index.js +1 -1
- package/dist/core/shaders/DiffuseBlur/index.js +1 -1
- package/dist/core/shaders/Dither/index.js +1 -1
- package/dist/core/shaders/DotGrid/index.js +1 -1
- package/dist/core/shaders/DropShadow/index.js +1 -1
- package/dist/core/shaders/Duotone/index.js +1 -1
- package/dist/core/shaders/Ellipse/index.js +2 -2
- package/dist/core/shaders/Emboss/index.js +2 -2
- package/dist/core/shaders/FallingLines/index.js +1 -1
- package/dist/core/shaders/FilmGrain/index.js +1 -1
- package/dist/core/shaders/FloatingParticles/index.js +1 -1
- package/dist/core/shaders/FlowField/index.js +1 -1
- package/dist/core/shaders/Flower/index.js +2 -2
- package/dist/core/shaders/FlowingGradient/index.js +1 -1
- package/dist/core/shaders/FlutedGlass/index.js +1 -1
- package/dist/core/shaders/Fog/index.js +1 -1
- package/dist/core/shaders/Form3D/index.js +1 -1
- package/dist/core/shaders/FractalNoise/index.d.ts +67 -0
- package/dist/core/shaders/FractalNoise/index.d.ts.map +1 -0
- package/dist/core/shaders/FractalNoise/index.js +5 -0
- package/dist/core/shaders/Glass/index.js +3 -3
- package/dist/core/shaders/GlassTiles/index.js +1 -1
- package/dist/core/shaders/Glitch/index.js +1 -1
- package/dist/core/shaders/Glow/index.js +2 -2
- package/dist/core/shaders/Godrays/index.js +1 -1
- package/dist/core/shaders/Grayscale/index.js +1 -1
- package/dist/core/shaders/Grid/index.js +1 -1
- package/dist/core/shaders/GridDistortion/index.js +1 -1
- package/dist/core/shaders/Group/index.js +1 -1
- package/dist/core/shaders/Halftone/index.js +1 -1
- package/dist/core/shaders/HexGrid/index.js +1 -1
- package/dist/core/shaders/HueShift/index.js +1 -1
- package/dist/core/shaders/ImageTexture/index.js +1 -1
- package/dist/core/shaders/Invert/index.js +1 -1
- package/dist/core/shaders/Kaleidoscope/index.js +1 -1
- package/dist/core/shaders/LensFlare/index.js +1 -1
- package/dist/core/shaders/LinearBlur/index.js +1 -1
- package/dist/core/shaders/LinearGradient/index.js +1 -1
- package/dist/core/shaders/Liquify/index.js +1 -1
- package/dist/core/shaders/Marble/index.d.ts +61 -0
- package/dist/core/shaders/Marble/index.d.ts.map +1 -0
- package/dist/core/shaders/Marble/index.js +5 -0
- package/dist/core/shaders/Mirror/index.js +1 -1
- package/dist/core/shaders/MultiPointGradient/index.js +1 -1
- package/dist/core/shaders/Neon/index.js +2 -2
- package/dist/core/shaders/Paper/index.js +1 -1
- package/dist/core/shaders/Perspective/index.js +1 -1
- package/dist/core/shaders/Pixelate/index.js +1 -1
- package/dist/core/shaders/Plasma/index.js +1 -1
- package/dist/core/shaders/PolarCoordinates/index.js +1 -1
- package/dist/core/shaders/Polygon/index.js +2 -2
- package/dist/core/shaders/Posterize/index.js +1 -1
- package/dist/core/shaders/ProgressiveBlur/index.js +2 -2
- package/dist/core/shaders/RadialGradient/index.js +1 -1
- package/dist/core/shaders/RectangularCoordinates/index.js +1 -1
- package/dist/core/shaders/Ring/index.js +2 -2
- package/dist/core/shaders/Ripples/index.js +1 -1
- package/dist/core/shaders/RoundedRect/index.js +2 -2
- package/dist/core/shaders/Saturation/index.js +1 -1
- package/dist/core/shaders/Sharpness/index.js +1 -1
- package/dist/core/shaders/Shatter/index.js +1 -1
- package/dist/core/shaders/SimplexNoise/index.js +1 -1
- package/dist/core/shaders/SineWave/index.js +1 -1
- package/dist/core/shaders/Smoke/index.js +1 -1
- package/dist/core/shaders/SmokeFill/index.js +2 -2
- package/dist/core/shaders/Solarize/index.js +1 -1
- package/dist/core/shaders/SolidColor/index.js +1 -1
- package/dist/core/shaders/Spherize/index.js +1 -1
- package/dist/core/shaders/Spiral/index.js +1 -1
- package/dist/core/shaders/Star/index.js +2 -2
- package/dist/core/shaders/Strands/index.js +1 -1
- package/dist/core/shaders/Stretch/index.js +1 -1
- package/dist/core/shaders/Stripes/index.js +1 -1
- package/dist/core/shaders/StudioBackground/index.js +1 -1
- package/dist/core/shaders/SunBurst/index.d.ts +61 -0
- package/dist/core/shaders/SunBurst/index.d.ts.map +1 -0
- package/dist/core/shaders/SunBurst/index.js +4 -0
- package/dist/core/shaders/Swirl/index.js +1 -1
- package/dist/core/shaders/TiltShift/index.js +2 -2
- package/dist/core/shaders/Tint/index.js +1 -1
- package/dist/core/shaders/Trapezoid/index.js +2 -2
- package/dist/core/shaders/Tritone/index.js +1 -1
- package/dist/core/shaders/Truchet/index.js +1 -1
- package/dist/core/shaders/Twirl/index.js +1 -1
- package/dist/core/shaders/VHS/index.js +1 -1
- package/dist/core/shaders/Vesica/index.js +2 -2
- package/dist/core/shaders/Vibrance/index.js +1 -1
- package/dist/core/shaders/VideoTexture/index.js +2 -2
- package/dist/core/shaders/Vignette/index.js +1 -1
- package/dist/core/shaders/Voronoi/index.js +1 -1
- package/dist/core/shaders/WaveDistortion/index.js +1 -1
- package/dist/core/shaders/Weave/index.js +1 -1
- package/dist/core/shaders/WebcamTexture/index.js +2 -2
- package/dist/core/shaders/WorleyNoise/index.d.ts +99 -0
- package/dist/core/shaders/WorleyNoise/index.d.ts.map +1 -0
- package/dist/core/shaders/WorleyNoise/index.js +5 -0
- package/dist/core/shaders/ZoomBlur/index.js +1 -1
- package/dist/js/createShader.js +1 -1
- package/dist/js/utils/generatePresetCode.d.ts.map +1 -1
- package/dist/js/utils/generatePresetCode.js +116 -0
- package/dist/react/BarShift.js +217 -0
- package/dist/react/BrickPattern.js +217 -0
- package/dist/react/Chevron.js +217 -0
- package/dist/react/ColorWheel.js +217 -0
- package/dist/react/FractalNoise.js +217 -0
- package/dist/react/Marble.js +217 -0
- package/dist/react/Preview.js +8 -0
- package/dist/react/Shader.js +1 -1
- package/dist/react/SunBurst.js +217 -0
- package/dist/react/WorleyNoise.js +217 -0
- package/dist/react/bundle.js +268 -268
- package/dist/react/components/BarShift.d.ts +35 -0
- package/dist/react/components/BarShift.d.ts.map +1 -0
- package/dist/react/components/BrickPattern.d.ts +38 -0
- package/dist/react/components/BrickPattern.d.ts.map +1 -0
- package/dist/react/components/Chevron.d.ts +37 -0
- package/dist/react/components/Chevron.d.ts.map +1 -0
- package/dist/react/components/ColorWheel.d.ts +34 -0
- package/dist/react/components/ColorWheel.d.ts.map +1 -0
- package/dist/react/components/FractalNoise.d.ts +36 -0
- package/dist/react/components/FractalNoise.d.ts.map +1 -0
- package/dist/react/components/Marble.d.ts +35 -0
- package/dist/react/components/Marble.d.ts.map +1 -0
- package/dist/react/components/SunBurst.d.ts +36 -0
- package/dist/react/components/SunBurst.d.ts.map +1 -0
- package/dist/react/components/WorleyNoise.d.ts +39 -0
- package/dist/react/components/WorleyNoise.d.ts.map +1 -0
- package/dist/react/engine/Preview.d.ts.map +1 -1
- package/dist/react/index.d.ts +8 -0
- package/dist/react/index.d.ts.map +1 -1
- package/dist/react/index.js +9 -1
- package/dist/react/utils/generatePresetCode.d.ts.map +1 -1
- package/dist/react/utils/generatePresetCode.js +116 -0
- package/dist/registry.js +10924 -8503
- package/dist/solid/components/BarShift.d.ts +32 -0
- package/dist/solid/components/BarShift.d.ts.map +1 -0
- package/dist/solid/components/BarShift.js +228 -0
- package/dist/solid/components/BrickPattern.d.ts +35 -0
- package/dist/solid/components/BrickPattern.d.ts.map +1 -0
- package/dist/solid/components/BrickPattern.js +228 -0
- package/dist/solid/components/Chevron.d.ts +34 -0
- package/dist/solid/components/Chevron.d.ts.map +1 -0
- package/dist/solid/components/Chevron.js +228 -0
- package/dist/solid/components/ColorWheel.d.ts +31 -0
- package/dist/solid/components/ColorWheel.d.ts.map +1 -0
- package/dist/solid/components/ColorWheel.js +228 -0
- package/dist/solid/components/FractalNoise.d.ts +33 -0
- package/dist/solid/components/FractalNoise.d.ts.map +1 -0
- package/dist/solid/components/FractalNoise.js +228 -0
- package/dist/solid/components/Marble.d.ts +32 -0
- package/dist/solid/components/Marble.d.ts.map +1 -0
- package/dist/solid/components/Marble.js +228 -0
- package/dist/solid/components/SunBurst.d.ts +33 -0
- package/dist/solid/components/SunBurst.d.ts.map +1 -0
- package/dist/solid/components/SunBurst.js +228 -0
- package/dist/solid/components/WorleyNoise.d.ts +36 -0
- package/dist/solid/components/WorleyNoise.d.ts.map +1 -0
- package/dist/solid/components/WorleyNoise.js +228 -0
- package/dist/solid/engine/Preview.d.ts.map +1 -1
- package/dist/solid/engine/Preview.js +230 -214
- package/dist/solid/engine/Shader.js +1 -1
- package/dist/solid/index.d.ts +8 -0
- package/dist/solid/index.d.ts.map +1 -1
- package/dist/solid/index.js +230 -214
- package/dist/solid/utils/generatePresetCode.d.ts.map +1 -1
- package/dist/solid/utils/generatePresetCode.js +116 -0
- package/dist/svelte/components/BarShift.svelte.d.ts +22 -0
- package/dist/svelte/components/BrickPattern.svelte.d.ts +25 -0
- package/dist/svelte/components/Chevron.svelte.d.ts +24 -0
- package/dist/svelte/components/ColorWheel.svelte.d.ts +21 -0
- package/dist/svelte/components/FractalNoise.svelte.d.ts +23 -0
- package/dist/svelte/components/Marble.svelte.d.ts +22 -0
- package/dist/svelte/components/SunBurst.svelte.d.ts +23 -0
- package/dist/svelte/components/WorleyNoise.svelte.d.ts +26 -0
- package/dist/svelte/index.d.ts +8 -0
- package/dist/svelte/index.js +2246 -646
- package/dist/svelte/source/components/BarShift.svelte +328 -0
- package/dist/svelte/source/components/BrickPattern.svelte +331 -0
- package/dist/svelte/source/components/Chevron.svelte +330 -0
- package/dist/svelte/source/components/ColorWheel.svelte +327 -0
- package/dist/svelte/source/components/FractalNoise.svelte +329 -0
- package/dist/svelte/source/components/Marble.svelte +328 -0
- package/dist/svelte/source/components/SunBurst.svelte +329 -0
- package/dist/svelte/source/components/WorleyNoise.svelte +332 -0
- package/dist/svelte/source/engine/Preview.svelte +16 -0
- package/dist/svelte/source/index.js +8 -0
- package/dist/svelte/utils/generatePresetCode.js +116 -0
- package/dist/vue/BarShift.js +3 -0
- package/dist/vue/BarShift.vue_vue_type_script_setup_true_lang.js +218 -0
- package/dist/vue/BrickPattern.js +3 -0
- package/dist/vue/BrickPattern.vue_vue_type_script_setup_true_lang.js +223 -0
- package/dist/vue/Chevron.js +3 -0
- package/dist/vue/Chevron.vue_vue_type_script_setup_true_lang.js +221 -0
- package/dist/vue/ColorWheel.js +3 -0
- package/dist/vue/ColorWheel.vue_vue_type_script_setup_true_lang.js +220 -0
- package/dist/vue/FractalNoise.js +3 -0
- package/dist/vue/FractalNoise.vue_vue_type_script_setup_true_lang.js +221 -0
- package/dist/vue/Marble.js +3 -0
- package/dist/vue/Marble.vue_vue_type_script_setup_true_lang.js +220 -0
- package/dist/vue/Preview.vue_vue_type_script_setup_true_lang.js +16 -0
- package/dist/vue/Shader.vue_vue_type_script_setup_true_lang.js +28 -18
- package/dist/vue/SunBurst.js +3 -0
- package/dist/vue/SunBurst.vue_vue_type_script_setup_true_lang.js +220 -0
- package/dist/vue/WorleyNoise.js +3 -0
- package/dist/vue/WorleyNoise.vue_vue_type_script_setup_true_lang.js +226 -0
- package/dist/vue/components/BarShift.vue.d.ts +57 -0
- package/dist/vue/components/BarShift.vue.d.ts.map +1 -0
- package/dist/vue/components/BrickPattern.vue.d.ts +60 -0
- package/dist/vue/components/BrickPattern.vue.d.ts.map +1 -0
- package/dist/vue/components/Chevron.vue.d.ts +59 -0
- package/dist/vue/components/Chevron.vue.d.ts.map +1 -0
- package/dist/vue/components/ColorWheel.vue.d.ts +56 -0
- package/dist/vue/components/ColorWheel.vue.d.ts.map +1 -0
- package/dist/vue/components/FractalNoise.vue.d.ts +58 -0
- package/dist/vue/components/FractalNoise.vue.d.ts.map +1 -0
- package/dist/vue/components/Marble.vue.d.ts +57 -0
- package/dist/vue/components/Marble.vue.d.ts.map +1 -0
- package/dist/vue/components/SunBurst.vue.d.ts +58 -0
- package/dist/vue/components/SunBurst.vue.d.ts.map +1 -0
- package/dist/vue/components/WorleyNoise.vue.d.ts +61 -0
- package/dist/vue/components/WorleyNoise.vue.d.ts.map +1 -0
- package/dist/vue/engine/Shader.vue.d.ts.map +1 -1
- package/dist/vue/index.d.ts +8 -0
- package/dist/vue/index.d.ts.map +1 -1
- package/dist/vue/index.js +9 -1
- package/dist/vue/utils/generatePresetCode.d.ts.map +1 -1
- package/dist/vue/utils/generatePresetCode.js +116 -0
- package/package.json +150 -1
- package/dist/core/shaderRegistry-BPtUQU-N.js +0 -254
- /package/dist/core/{Beam-mvF5Ri7_.js → Beam-B3BX08lR.js} +0 -0
- /package/dist/core/{Blob-CLHx5s6k.js → Blob-B7IFHhVB.js} +0 -0
- /package/dist/core/{BrightnessContrast-CJTOpQCn.js → BrightnessContrast-GppIqtkO.js} +0 -0
- /package/dist/core/{Bulge-wflTcWfI.js → Bulge-DMOATSEs.js} +0 -0
- /package/dist/core/{CRTScreen-CTwXU-NX.js → CRTScreen-corekL_R.js} +0 -0
- /package/dist/core/{Checkerboard-Db7Rb57F.js → Checkerboard-BVBGTvd-.js} +0 -0
- /package/dist/core/{ChromaFlow-DbiVz3hF.js → ChromaFlow-C0guw_LP.js} +0 -0
- /package/dist/core/{ChromaticAberration-Bg_I4XF-.js → ChromaticAberration-vygkvgz-.js} +0 -0
- /package/dist/core/{Circle-Bfi2e0Vm.js → Circle-BycqVCMt.js} +0 -0
- /package/dist/core/{ConcentricSpin-bAFd5_WI.js → ConcentricSpin-CO3Kx1I1.js} +0 -0
- /package/dist/core/{ConicGradient-Bcw4_25S.js → ConicGradient-DRvVwiSj.js} +0 -0
- /package/dist/core/{ContourLines-CcQWPKLx.js → ContourLines-s4waN3uU.js} +0 -0
- /package/dist/core/{CursorRipples-CsYAXG2E.js → CursorRipples-CLP7Sinv.js} +0 -0
- /package/dist/core/{CursorTrail-CUtEP_-P.js → CursorTrail-CshoSM5Y.js} +0 -0
- /package/dist/core/{DOMTexture-D-RkeyMs.js → DOMTexture-Ec0k6AnK.js} +0 -0
- /package/dist/core/{DiamondGradient-3b93bdrv.js → DiamondGradient-D6eyjZOn.js} +0 -0
- /package/dist/core/{DiffuseBlur-61Vuq571.js → DiffuseBlur-BjvXHmJx.js} +0 -0
- /package/dist/core/{Dither-Cv0Uci60.js → Dither-z6s-TFg7.js} +0 -0
- /package/dist/core/{DotGrid-C88Sux6D.js → DotGrid-BxAAGO4F.js} +0 -0
- /package/dist/core/{DropShadow-EZyCC_97.js → DropShadow-CR3cecIQ.js} +0 -0
- /package/dist/core/{Duotone-D4ads1T9.js → Duotone-PwTfBBtM.js} +0 -0
- /package/dist/core/{FallingLines-CQBvwLqn.js → FallingLines-DqIZ8wTH.js} +0 -0
- /package/dist/core/{FilmGrain-DSJiMtEp.js → FilmGrain-Dbw02Jz9.js} +0 -0
- /package/dist/core/{FloatingParticles-BAvsQDhF.js → FloatingParticles-C4sLwGyT.js} +0 -0
- /package/dist/core/{FlowField-D2xJ0Xr4.js → FlowField-D3CAHBBG.js} +0 -0
- /package/dist/core/{FlowingGradient-DVDnNpGd.js → FlowingGradient-BRQ_K-k3.js} +0 -0
- /package/dist/core/{FlutedGlass-trmBFfQr.js → FlutedGlass-CyFWN_SM.js} +0 -0
- /package/dist/core/{Fog-DrsxPyih.js → Fog-CLGVVVeo.js} +0 -0
- /package/dist/core/{Form3D-D1TtCjk8.js → Form3D-8tPyUgh4.js} +0 -0
- /package/dist/core/{GlassTiles-CMx4NyO-.js → GlassTiles-CXJHjEBe.js} +0 -0
- /package/dist/core/{Glitch-BdygvJKe.js → Glitch-Bg9W-KNm.js} +0 -0
- /package/dist/core/{Godrays-Mvz7ha2E.js → Godrays-DHXKsw5B.js} +0 -0
- /package/dist/core/{Grayscale-ChaVI3AW.js → Grayscale-DgXoUcmg.js} +0 -0
- /package/dist/core/{Grid-CsD21Eqg.js → Grid-DwyhjFAT.js} +0 -0
- /package/dist/core/{GridDistortion-BcDqBh9i.js → GridDistortion-DJ8S-96Y.js} +0 -0
- /package/dist/core/{Group-BqVJ4S7i.js → Group-DmgNNlDd.js} +0 -0
- /package/dist/core/{Halftone-3ImN5uQi.js → Halftone-x9boWkFW.js} +0 -0
- /package/dist/core/{HexGrid-BWwIHYEg.js → HexGrid-BUsgyF8P.js} +0 -0
- /package/dist/core/{HueShift-C1RxETwN.js → HueShift-D3_5D7jx.js} +0 -0
- /package/dist/core/{ImageTexture-DXhgMEOT.js → ImageTexture-6ZzBt79u.js} +0 -0
- /package/dist/core/{Invert-D3tc2UGp.js → Invert-kXxY97QJ.js} +0 -0
- /package/dist/core/{Kaleidoscope-D1HmcoOv.js → Kaleidoscope-D4jRcZCt.js} +0 -0
- /package/dist/core/{LensFlare-Be-Z9whi.js → LensFlare-D7vypE2Q.js} +0 -0
- /package/dist/core/{LinearBlur-xrHtMmWp.js → LinearBlur-2hspd2YP.js} +0 -0
- /package/dist/core/{LinearGradient-BiIad_hA.js → LinearGradient-glCc9IaB.js} +0 -0
- /package/dist/core/{Liquify-DkTxZZFW.js → Liquify-uZjs0wcu.js} +0 -0
- /package/dist/core/{Mirror-BDTE51kP.js → Mirror-Dv5fOEp6.js} +0 -0
- /package/dist/core/{MultiPointGradient-Bd-EGOI8.js → MultiPointGradient-Dvt1GUiv.js} +0 -0
- /package/dist/core/{Paper-BmeUPAFe.js → Paper-DNP2-hPM.js} +0 -0
- /package/dist/core/{Perspective-CqweSeFv.js → Perspective-CAIchX9p.js} +0 -0
- /package/dist/core/{Pixelate-DqZcUKFK.js → Pixelate-BbT3Rrf2.js} +0 -0
- /package/dist/core/{Plasma-DqKLBDYd.js → Plasma-D9rhkH2y.js} +0 -0
- /package/dist/core/{PolarCoordinates-CKT4CLT7.js → PolarCoordinates-2RBCk-fo.js} +0 -0
- /package/dist/core/{Posterize-CxYemXTn.js → Posterize-DNxTRgvF.js} +0 -0
- /package/dist/core/{RadialGradient-Dj3-DdO7.js → RadialGradient-CQIctl__.js} +0 -0
- /package/dist/core/{RectangularCoordinates-DxeLJ2nt.js → RectangularCoordinates-F2VzXmal.js} +0 -0
- /package/dist/core/{Ripples-CXeVzwUd.js → Ripples-B4H0VoZb.js} +0 -0
- /package/dist/core/{Saturation-n-aXJS81.js → Saturation-6FlxHXSi.js} +0 -0
- /package/dist/core/{Sharpness-7tm7b-Bu.js → Sharpness-C4cJlBuh.js} +0 -0
- /package/dist/core/{Shatter-CDza7dSw.js → Shatter-CnkycTRD.js} +0 -0
- /package/dist/core/{SimplexNoise-HQTocBLm.js → SimplexNoise-BnRaoxON.js} +0 -0
- /package/dist/core/{SineWave-S6nK8ZHR.js → SineWave-CZ4Fanvr.js} +0 -0
- /package/dist/core/{Smoke-DjlArYQW.js → Smoke-CXPjGG-b.js} +0 -0
- /package/dist/core/{Solarize-gNMmd47z.js → Solarize-CynVlxjT.js} +0 -0
- /package/dist/core/{SolidColor-a8bCIksn.js → SolidColor-dCAOGC_P.js} +0 -0
- /package/dist/core/{Spherize-BHmD2ajL.js → Spherize-C77QGVWj.js} +0 -0
- /package/dist/core/{Spiral-Bjsi8BMH.js → Spiral-eN65wa6O.js} +0 -0
- /package/dist/core/{Strands-C9fEwaiR.js → Strands-DnWJDGiO.js} +0 -0
- /package/dist/core/{Stretch-Cvht8B0L.js → Stretch-B5XGF1bF.js} +0 -0
- /package/dist/core/{Stripes-ChVSAeCO.js → Stripes-CNXJpFyr.js} +0 -0
- /package/dist/core/{StudioBackground-B8hilROB.js → StudioBackground-DtiE2mCf.js} +0 -0
- /package/dist/core/{Swirl-DZTPLx-W.js → Swirl-BV6pN94G.js} +0 -0
- /package/dist/core/{Tint-P7KwJAU5.js → Tint-CJ8FQdzA.js} +0 -0
- /package/dist/core/{Tritone-_9VR2bhu.js → Tritone-D_QvxjGc.js} +0 -0
- /package/dist/core/{Truchet-CbL5nYMj.js → Truchet-BJeZS_JQ.js} +0 -0
- /package/dist/core/{Twirl-C_97m32v.js → Twirl-8ayqS0n8.js} +0 -0
- /package/dist/core/{VHS-DbNjgUEX.js → VHS-Gbec95K_.js} +0 -0
- /package/dist/core/{Vibrance-IDvmP1Xw.js → Vibrance-COKHmh8r.js} +0 -0
- /package/dist/core/{Vignette-DmYVHciL.js → Vignette-Y_2yono-.js} +0 -0
- /package/dist/core/{Voronoi-kngFpTNB.js → Voronoi-DQ_f6k5D.js} +0 -0
- /package/dist/core/{WaveDistortion-DM-f_XCw.js → WaveDistortion-R5FfwKQN.js} +0 -0
- /package/dist/core/{Weave-DO0m0Dsh.js → Weave-DJ4s3Gwc.js} +0 -0
- /package/dist/core/{ZoomBlur-DLaH226M.js → ZoomBlur-DWFQVFMK.js} +0 -0
- /package/dist/core/{browser-CsOpQ0L_.js → browser-BamVDhaZ.js} +0 -0
- /package/dist/core/{computeBlur-DCRhuYEi.js → computeBlur-CprKe0xa.js} +0 -0
- /package/dist/core/{sdf-DyC2H_qS.js → sdf-D_EAGXhN.js} +0 -0
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
import { t as applyEdgeHandling } from "./edges-CX_lJB9R.js";
|
|
2
|
+
import { c as transformEdges, r as transformAngle } from "./transformations-CJcUeZIC.js";
|
|
3
|
+
import { t as unpremultiplyAlpha } from "./alpha-C4ptedXe.js";
|
|
4
|
+
import { t as createAnimatedTime } from "./time-DUqSFWvT.js";
|
|
5
|
+
import { Fn, convertToTexture, cos, float, floor, fract, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
|
|
6
|
+
const componentDefinition = {
|
|
7
|
+
name: "BarShift",
|
|
8
|
+
category: "Distortions",
|
|
9
|
+
description: "Slices content into parallel bars, each offset independently for a fractured or glitch-like effect",
|
|
10
|
+
requiresRTT: true,
|
|
11
|
+
requiresChild: true,
|
|
12
|
+
props: {
|
|
13
|
+
count: {
|
|
14
|
+
default: 6,
|
|
15
|
+
description: "Number of bars across the longest viewport dimension",
|
|
16
|
+
ui: {
|
|
17
|
+
type: ["range", "map"],
|
|
18
|
+
min: 1,
|
|
19
|
+
max: 30,
|
|
20
|
+
step: 1,
|
|
21
|
+
label: "Count",
|
|
22
|
+
group: "Effect"
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
angle: {
|
|
26
|
+
default: 0,
|
|
27
|
+
transform: transformAngle,
|
|
28
|
+
description: "Angle of bar orientation in degrees (0 = vertical bars, 90 = horizontal bars)",
|
|
29
|
+
ui: {
|
|
30
|
+
type: ["range", "map"],
|
|
31
|
+
min: -180,
|
|
32
|
+
max: 180,
|
|
33
|
+
step: 1,
|
|
34
|
+
label: "Angle",
|
|
35
|
+
group: "Effect"
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
intensity: {
|
|
39
|
+
default: .15,
|
|
40
|
+
description: "Maximum displacement per bar",
|
|
41
|
+
ui: {
|
|
42
|
+
type: ["range", "map"],
|
|
43
|
+
min: 0,
|
|
44
|
+
max: 1,
|
|
45
|
+
step: .01,
|
|
46
|
+
label: "Intensity",
|
|
47
|
+
group: "Effect"
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
seed: {
|
|
51
|
+
default: 0,
|
|
52
|
+
description: "Randomization seed for per-bar offset variation",
|
|
53
|
+
ui: {
|
|
54
|
+
type: "range",
|
|
55
|
+
min: 0,
|
|
56
|
+
max: 100,
|
|
57
|
+
step: 1,
|
|
58
|
+
label: "Seed",
|
|
59
|
+
group: "Effect"
|
|
60
|
+
}
|
|
61
|
+
},
|
|
62
|
+
speed: {
|
|
63
|
+
default: 0,
|
|
64
|
+
description: "Animation speed — each bar drifts at its own rate and direction",
|
|
65
|
+
ui: {
|
|
66
|
+
type: "range",
|
|
67
|
+
min: -2,
|
|
68
|
+
max: 2,
|
|
69
|
+
step: .1,
|
|
70
|
+
label: "Speed",
|
|
71
|
+
group: "Animation"
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
edges: {
|
|
75
|
+
default: "mirror",
|
|
76
|
+
description: "How to handle edges when distortion pushes content out of bounds",
|
|
77
|
+
transform: transformEdges,
|
|
78
|
+
compileTime: true,
|
|
79
|
+
ui: {
|
|
80
|
+
type: "select",
|
|
81
|
+
options: [
|
|
82
|
+
{
|
|
83
|
+
label: "Stretch",
|
|
84
|
+
value: "stretch"
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
label: "Transparent",
|
|
88
|
+
value: "transparent"
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
label: "Mirror",
|
|
92
|
+
value: "mirror"
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
label: "Wrap",
|
|
96
|
+
value: "wrap"
|
|
97
|
+
}
|
|
98
|
+
],
|
|
99
|
+
label: "Edges",
|
|
100
|
+
group: "Effect"
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
},
|
|
104
|
+
fragmentNode: (params) => {
|
|
105
|
+
const { uniforms, childNode, onCleanup } = params;
|
|
106
|
+
if (!childNode) return vec4(0, 0, 0, 0);
|
|
107
|
+
const childTexture = convertToTexture(childNode);
|
|
108
|
+
onCleanup(() => {
|
|
109
|
+
if (childTexture?.renderTarget?.dispose) childTexture.renderTarget.dispose();
|
|
110
|
+
});
|
|
111
|
+
const aspect = viewportSize.x.div(viewportSize.y);
|
|
112
|
+
const animTime = createAnimatedTime(params, uniforms.speed);
|
|
113
|
+
const hash = (x) => fract(sin(x.mul(12.9898)).mul(43758.5453)).sub(.5).mul(2);
|
|
114
|
+
const angleRad = uniforms.angle.uniform.mul(.0174533);
|
|
115
|
+
const cosA = cos(angleRad);
|
|
116
|
+
const sinA = sin(angleRad);
|
|
117
|
+
const longestAxis = aspect.max(float(1));
|
|
118
|
+
return Fn(() => {
|
|
119
|
+
const uv$1 = screenUV;
|
|
120
|
+
const au = uv$1.x.mul(aspect);
|
|
121
|
+
const av = uv$1.y;
|
|
122
|
+
const cu = au.sub(aspect.mul(.5));
|
|
123
|
+
const cv = av.sub(.5);
|
|
124
|
+
const projectedU = cu.mul(cosA).add(cv.mul(sinA));
|
|
125
|
+
const projectedV = cu.mul(sinA).negate().add(cv.mul(cosA));
|
|
126
|
+
const barIndex = floor(projectedU.mul(uniforms.count.uniform).div(longestAxis));
|
|
127
|
+
const seedOffset = uniforms.seed.uniform.mul(.137);
|
|
128
|
+
const staticOffset = hash(barIndex.add(seedOffset));
|
|
129
|
+
const barSpeed = hash(barIndex.add(seedOffset).add(float(42.7)));
|
|
130
|
+
const animOffset = animTime.mul(barSpeed).mul(.2);
|
|
131
|
+
const offset = staticOffset.add(animOffset).mul(uniforms.intensity.uniform);
|
|
132
|
+
const distPV = projectedV.add(offset);
|
|
133
|
+
const dcu = projectedU.mul(cosA).sub(distPV.mul(sinA));
|
|
134
|
+
const dcv = projectedU.mul(sinA).add(distPV.mul(cosA));
|
|
135
|
+
const sampleUV = vec2(dcu.div(aspect).add(.5), dcv.add(.5));
|
|
136
|
+
return unpremultiplyAlpha(applyEdgeHandling(sampleUV, childTexture.sample(sampleUV), childTexture, uniforms.edges.uniform.value));
|
|
137
|
+
})();
|
|
138
|
+
}
|
|
139
|
+
};
|
|
140
|
+
var BarShift_default = componentDefinition;
|
|
141
|
+
export { componentDefinition as n, BarShift_default as t };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as unpremultiplyAlpha } from "./alpha-C4ptedXe.js";
|
|
2
|
-
import { i as createVariableGaussianBlurCompute, r as createGaussianBlurCompute } from "./computeBlur-
|
|
2
|
+
import { i as createVariableGaussianBlurCompute, r as createGaussianBlurCompute } from "./computeBlur-CprKe0xa.js";
|
|
3
3
|
import { Fn, If, clamp, convertToTexture, dot, float, instanceIndex, int, mix, pow, screenUV, texture, textureLoad, textureStore, uint, uniform, uvec2, vec2, vec3, vec4, viewportSize } from "three/tsl";
|
|
4
4
|
const componentDefinition = {
|
|
5
5
|
name: "Blur",
|
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
import { a as transformColor, o as transformColorSpace, r as transformAngle, t as colorSpaceOptions } from "./transformations-CJcUeZIC.js";
|
|
2
|
+
import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
|
|
3
|
+
import { t as createAnimatedTime } from "./time-DUqSFWvT.js";
|
|
4
|
+
import { cos, float, floor, fract, mix, mod, screenUV, sin, step, vec4, viewportSize } from "three/tsl";
|
|
5
|
+
const componentDefinition = {
|
|
6
|
+
name: "BrickPattern",
|
|
7
|
+
category: "Textures",
|
|
8
|
+
description: "Classic brick wall pattern with alternating rows and mortar gaps",
|
|
9
|
+
props: {
|
|
10
|
+
colorBrick: {
|
|
11
|
+
default: "#000000",
|
|
12
|
+
transform: transformColor,
|
|
13
|
+
description: "Brick color",
|
|
14
|
+
ui: {
|
|
15
|
+
type: "color",
|
|
16
|
+
label: "Brick Color",
|
|
17
|
+
group: "Colors"
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
colorMortar: {
|
|
21
|
+
default: "#ffffff",
|
|
22
|
+
transform: transformColor,
|
|
23
|
+
description: "Mortar / gap color",
|
|
24
|
+
ui: {
|
|
25
|
+
type: "color",
|
|
26
|
+
label: "Mortar Color",
|
|
27
|
+
group: "Colors"
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
cellsX: {
|
|
31
|
+
default: 8,
|
|
32
|
+
description: "Number of bricks per row",
|
|
33
|
+
ui: {
|
|
34
|
+
type: ["range", "map"],
|
|
35
|
+
min: 1,
|
|
36
|
+
max: 30,
|
|
37
|
+
step: 1,
|
|
38
|
+
label: "Bricks per Row",
|
|
39
|
+
group: "Effect"
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
cellsY: {
|
|
43
|
+
default: 10,
|
|
44
|
+
description: "Number of brick rows",
|
|
45
|
+
ui: {
|
|
46
|
+
type: ["range", "map"],
|
|
47
|
+
min: 1,
|
|
48
|
+
max: 30,
|
|
49
|
+
step: 1,
|
|
50
|
+
label: "Rows",
|
|
51
|
+
group: "Effect"
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
mortar: {
|
|
55
|
+
default: .05,
|
|
56
|
+
description: "Width of mortar gaps — equal pixel thickness in both directions",
|
|
57
|
+
ui: {
|
|
58
|
+
type: ["range", "map"],
|
|
59
|
+
min: 0,
|
|
60
|
+
max: 1,
|
|
61
|
+
step: .01,
|
|
62
|
+
label: "Mortar Gap",
|
|
63
|
+
group: "Effect"
|
|
64
|
+
}
|
|
65
|
+
},
|
|
66
|
+
angle: {
|
|
67
|
+
default: 0,
|
|
68
|
+
transform: transformAngle,
|
|
69
|
+
description: "Rotation angle in degrees",
|
|
70
|
+
ui: {
|
|
71
|
+
type: ["range", "map"],
|
|
72
|
+
min: -180,
|
|
73
|
+
max: 180,
|
|
74
|
+
step: 1,
|
|
75
|
+
label: "Angle",
|
|
76
|
+
group: "Effect"
|
|
77
|
+
}
|
|
78
|
+
},
|
|
79
|
+
speed: {
|
|
80
|
+
default: 0,
|
|
81
|
+
description: "Animation speed",
|
|
82
|
+
ui: {
|
|
83
|
+
type: "range",
|
|
84
|
+
min: -2,
|
|
85
|
+
max: 2,
|
|
86
|
+
step: .1,
|
|
87
|
+
label: "Speed",
|
|
88
|
+
group: "Animation"
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
offset: {
|
|
92
|
+
default: 0,
|
|
93
|
+
description: "Static horizontal offset — shifts the brick pattern without animating",
|
|
94
|
+
ui: {
|
|
95
|
+
type: ["range", "map"],
|
|
96
|
+
min: 0,
|
|
97
|
+
max: 1,
|
|
98
|
+
step: .01,
|
|
99
|
+
label: "Offset",
|
|
100
|
+
group: "Animation"
|
|
101
|
+
}
|
|
102
|
+
},
|
|
103
|
+
speedVariance: {
|
|
104
|
+
default: 0,
|
|
105
|
+
description: "How much each row's speed varies — at high values rows move at different speeds and directions",
|
|
106
|
+
ui: {
|
|
107
|
+
type: ["range", "map"],
|
|
108
|
+
min: 0,
|
|
109
|
+
max: 1,
|
|
110
|
+
step: .01,
|
|
111
|
+
label: "Speed Variance",
|
|
112
|
+
group: "Animation"
|
|
113
|
+
}
|
|
114
|
+
},
|
|
115
|
+
seed: {
|
|
116
|
+
default: 0,
|
|
117
|
+
description: "Random seed for per-row speed variation",
|
|
118
|
+
ui: {
|
|
119
|
+
type: "range",
|
|
120
|
+
min: 0,
|
|
121
|
+
max: 100,
|
|
122
|
+
step: 1,
|
|
123
|
+
label: "Seed",
|
|
124
|
+
group: "Animation"
|
|
125
|
+
}
|
|
126
|
+
},
|
|
127
|
+
colorSpace: {
|
|
128
|
+
default: "linear",
|
|
129
|
+
transform: transformColorSpace,
|
|
130
|
+
compileTime: true,
|
|
131
|
+
description: "Color space for interpolation",
|
|
132
|
+
ui: {
|
|
133
|
+
type: "select",
|
|
134
|
+
options: colorSpaceOptions,
|
|
135
|
+
label: "Color Space",
|
|
136
|
+
group: "Colors"
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
},
|
|
140
|
+
fragmentNode: (params) => {
|
|
141
|
+
const { uniforms } = params;
|
|
142
|
+
const uv$1 = screenUV;
|
|
143
|
+
const aspect = viewportSize.x.div(viewportSize.y);
|
|
144
|
+
const au = uv$1.x.mul(aspect);
|
|
145
|
+
const av = uv$1.y;
|
|
146
|
+
const cu = au.sub(aspect.mul(.5));
|
|
147
|
+
const cv = av.sub(float(.5));
|
|
148
|
+
const rotRad = uniforms.angle.uniform.mul(float(.0174533));
|
|
149
|
+
const cosR = cos(rotRad);
|
|
150
|
+
const sinR = sin(rotRad);
|
|
151
|
+
const ru = cu.mul(cosR).add(cv.mul(sinR));
|
|
152
|
+
const rv = cu.mul(sinR).negate().add(cv.mul(cosR));
|
|
153
|
+
const u = ru.div(aspect).add(float(.5));
|
|
154
|
+
const v = rv.add(float(.5));
|
|
155
|
+
const cellsX = uniforms.cellsX.uniform;
|
|
156
|
+
const cellsY = uniforms.cellsY.uniform;
|
|
157
|
+
const animTime = createAnimatedTime(params, uniforms.speed);
|
|
158
|
+
const mortarU = uniforms.mortar.uniform.mul(float(.3));
|
|
159
|
+
const mortarV = mortarU.mul(aspect).mul(cellsY).div(cellsX);
|
|
160
|
+
const row = floor(v.mul(cellsY));
|
|
161
|
+
const rowOffset = mod(row, float(2)).mul(.5);
|
|
162
|
+
const rowDir = mod(row, float(2)).mul(2).sub(1);
|
|
163
|
+
const seedVal = uniforms.seed.uniform;
|
|
164
|
+
const rowSpeedMult = mix(rowDir, fract(sin(row.add(seedVal.mul(.137))).mul(43758.5453)).sub(.5).mul(2), uniforms.speedVariance.uniform);
|
|
165
|
+
const cellU = fract(u.mul(cellsX).add(rowOffset).add(animTime.mul(rowSpeedMult)).add(uniforms.offset.uniform));
|
|
166
|
+
const cellV = fract(v.mul(cellsY));
|
|
167
|
+
const brickU = step(mortarU, cellU).mul(step(mortarU, float(1).sub(cellU)));
|
|
168
|
+
const brickV = step(mortarV, cellV).mul(step(mortarV, float(1).sub(cellV)));
|
|
169
|
+
const brickMask = brickU.mul(brickV);
|
|
170
|
+
const result = mixColors(uniforms.colorMortar.uniform, uniforms.colorBrick.uniform, brickMask, uniforms.colorSpace.uniform.value);
|
|
171
|
+
return vec4(result.rgb, result.a);
|
|
172
|
+
}
|
|
173
|
+
};
|
|
174
|
+
var BrickPattern_default = componentDefinition;
|
|
175
|
+
export { componentDefinition as n, BrickPattern_default as t };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as unpremultiplyAlpha } from "./alpha-C4ptedXe.js";
|
|
2
|
-
import { r as createGaussianBlurCompute } from "./computeBlur-
|
|
2
|
+
import { r as createGaussianBlurCompute } from "./computeBlur-CprKe0xa.js";
|
|
3
3
|
import { Fn, convertToTexture, float, mix, screenUV, texture, vec2, vec4, viewportSize } from "three/tsl";
|
|
4
4
|
const componentDefinition = {
|
|
5
5
|
name: "ChannelBlur",
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
import { a as transformColor, o as transformColorSpace, r as transformAngle, t as colorSpaceOptions } from "./transformations-CJcUeZIC.js";
|
|
2
|
+
import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
|
|
3
|
+
import { t as createAnimatedTime } from "./time-DUqSFWvT.js";
|
|
4
|
+
import { cos, fract, fwidth, mix, screenUV, sin, smoothstep, vec4, viewportSize } from "three/tsl";
|
|
5
|
+
const componentDefinition = {
|
|
6
|
+
name: "Chevron",
|
|
7
|
+
category: "Textures",
|
|
8
|
+
description: "Animated chevron / zigzag stripe pattern",
|
|
9
|
+
props: {
|
|
10
|
+
colorA: {
|
|
11
|
+
default: "#000000",
|
|
12
|
+
transform: transformColor,
|
|
13
|
+
description: "First color",
|
|
14
|
+
ui: {
|
|
15
|
+
type: "color",
|
|
16
|
+
label: "Color A",
|
|
17
|
+
group: "Colors"
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
colorB: {
|
|
21
|
+
default: "#ffffff",
|
|
22
|
+
transform: transformColor,
|
|
23
|
+
description: "Second color",
|
|
24
|
+
ui: {
|
|
25
|
+
type: "color",
|
|
26
|
+
label: "Color B",
|
|
27
|
+
group: "Colors"
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
count: {
|
|
31
|
+
default: 5,
|
|
32
|
+
description: "Number of chevron pairs visible",
|
|
33
|
+
ui: {
|
|
34
|
+
type: ["range", "map"],
|
|
35
|
+
min: 1,
|
|
36
|
+
max: 30,
|
|
37
|
+
step: 1,
|
|
38
|
+
label: "Count",
|
|
39
|
+
group: "Effect"
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
angle: {
|
|
43
|
+
default: 0,
|
|
44
|
+
transform: transformAngle,
|
|
45
|
+
description: "Rotation angle of the chevrons",
|
|
46
|
+
ui: {
|
|
47
|
+
type: ["range", "map"],
|
|
48
|
+
min: -180,
|
|
49
|
+
max: 180,
|
|
50
|
+
step: 1,
|
|
51
|
+
label: "Angle",
|
|
52
|
+
group: "Effect"
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
balance: {
|
|
56
|
+
default: .5,
|
|
57
|
+
description: "Ratio of the two colors",
|
|
58
|
+
ui: {
|
|
59
|
+
type: ["range", "map"],
|
|
60
|
+
min: 0,
|
|
61
|
+
max: 1,
|
|
62
|
+
step: .01,
|
|
63
|
+
label: "Balance",
|
|
64
|
+
group: "Effect"
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
softness: {
|
|
68
|
+
default: 0,
|
|
69
|
+
description: "Edge softness",
|
|
70
|
+
ui: {
|
|
71
|
+
type: ["range", "map"],
|
|
72
|
+
min: 0,
|
|
73
|
+
max: 1,
|
|
74
|
+
step: .01,
|
|
75
|
+
label: "Softness",
|
|
76
|
+
group: "Effect"
|
|
77
|
+
}
|
|
78
|
+
},
|
|
79
|
+
speed: {
|
|
80
|
+
default: 0,
|
|
81
|
+
description: "Animation speed",
|
|
82
|
+
ui: {
|
|
83
|
+
type: "range",
|
|
84
|
+
min: -2,
|
|
85
|
+
max: 2,
|
|
86
|
+
step: .1,
|
|
87
|
+
label: "Speed",
|
|
88
|
+
group: "Animation"
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
offset: {
|
|
92
|
+
default: 0,
|
|
93
|
+
description: "Phase offset for pattern positioning",
|
|
94
|
+
ui: {
|
|
95
|
+
type: ["range", "map"],
|
|
96
|
+
min: 0,
|
|
97
|
+
max: 1,
|
|
98
|
+
step: .01,
|
|
99
|
+
label: "Offset",
|
|
100
|
+
group: "Animation"
|
|
101
|
+
}
|
|
102
|
+
},
|
|
103
|
+
colorSpace: {
|
|
104
|
+
default: "linear",
|
|
105
|
+
transform: transformColorSpace,
|
|
106
|
+
compileTime: true,
|
|
107
|
+
description: "Color space for interpolation",
|
|
108
|
+
ui: {
|
|
109
|
+
type: "select",
|
|
110
|
+
options: colorSpaceOptions,
|
|
111
|
+
label: "Color Space",
|
|
112
|
+
group: "Colors"
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
},
|
|
116
|
+
fragmentNode: (params) => {
|
|
117
|
+
const { uniforms } = params;
|
|
118
|
+
const uv$1 = screenUV;
|
|
119
|
+
const aspect = viewportSize.x.div(viewportSize.y);
|
|
120
|
+
const au = uv$1.x.mul(aspect);
|
|
121
|
+
const av = uv$1.y;
|
|
122
|
+
const angleRad = uniforms.angle.uniform.mul(.0174533);
|
|
123
|
+
const cosA = cos(angleRad);
|
|
124
|
+
const sinA = sin(angleRad);
|
|
125
|
+
const cu = au.sub(aspect.mul(.5));
|
|
126
|
+
const cv = av.sub(.5);
|
|
127
|
+
const rotU = cu.mul(cosA).add(cv.mul(sinA));
|
|
128
|
+
const rotV = cu.mul(sinA).negate().add(cv.mul(cosA));
|
|
129
|
+
const count = uniforms.count.uniform;
|
|
130
|
+
const animTime = createAnimatedTime(params, uniforms.speed);
|
|
131
|
+
const zigzag = fract(rotV.mul(count)).sub(.5).abs().mul(2);
|
|
132
|
+
const stripeCoord = rotU.mul(count).add(zigzag.mul(.5)).add(animTime).add(uniforms.offset.uniform);
|
|
133
|
+
const pattern = fract(stripeCoord);
|
|
134
|
+
const fw = fwidth(stripeCoord);
|
|
135
|
+
const balance = uniforms.balance.uniform;
|
|
136
|
+
const soft = uniforms.softness.uniform;
|
|
137
|
+
const mask = smoothstep(balance.sub(soft).sub(fw), balance.add(soft).add(fw), pattern);
|
|
138
|
+
return vec4(mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, mask, uniforms.colorSpace.uniform.value).rgb, mix(uniforms.colorA.uniform.a, uniforms.colorB.uniform.a, mask));
|
|
139
|
+
}
|
|
140
|
+
};
|
|
141
|
+
var Chevron_default = componentDefinition;
|
|
142
|
+
export { componentDefinition as n, Chevron_default as t };
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
import { a as transformColor, o as transformColorSpace, r as transformAngle, t as colorSpaceOptions } from "./transformations-CJcUeZIC.js";
|
|
2
|
+
import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
|
|
3
|
+
import { t as createAnimatedTime } from "./time-DUqSFWvT.js";
|
|
4
|
+
import { clamp, cos, float, floor, fract, mix, screenUV, sin, step, vec4, viewportSize } from "three/tsl";
|
|
5
|
+
const componentDefinition = {
|
|
6
|
+
name: "ColorWheel",
|
|
7
|
+
category: "Textures",
|
|
8
|
+
description: "A directional gradient that smoothly cycles through rainbow colors or a custom set of three colors",
|
|
9
|
+
props: {
|
|
10
|
+
mode: {
|
|
11
|
+
default: "rainbow",
|
|
12
|
+
compileTime: true,
|
|
13
|
+
description: "Rainbow cycles through the full spectrum; Custom loops through your three chosen colors",
|
|
14
|
+
ui: {
|
|
15
|
+
type: "select",
|
|
16
|
+
options: [{
|
|
17
|
+
label: "Rainbow",
|
|
18
|
+
value: "rainbow"
|
|
19
|
+
}, {
|
|
20
|
+
label: "Custom",
|
|
21
|
+
value: "custom"
|
|
22
|
+
}],
|
|
23
|
+
label: "Mode",
|
|
24
|
+
group: "Colors"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
colorA: {
|
|
28
|
+
default: "#ff0000",
|
|
29
|
+
transform: transformColor,
|
|
30
|
+
description: "First color in the cycle",
|
|
31
|
+
ui: {
|
|
32
|
+
type: "color",
|
|
33
|
+
label: "Color 1",
|
|
34
|
+
group: "Colors",
|
|
35
|
+
condition: { mode: "custom" }
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
colorB: {
|
|
39
|
+
default: "#00ff88",
|
|
40
|
+
transform: transformColor,
|
|
41
|
+
description: "Second color in the cycle",
|
|
42
|
+
ui: {
|
|
43
|
+
type: "color",
|
|
44
|
+
label: "Color 2",
|
|
45
|
+
group: "Colors",
|
|
46
|
+
condition: { mode: "custom" }
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
colorC: {
|
|
50
|
+
default: "#0066ff",
|
|
51
|
+
transform: transformColor,
|
|
52
|
+
description: "Third color in the cycle",
|
|
53
|
+
ui: {
|
|
54
|
+
type: "color",
|
|
55
|
+
label: "Color 3",
|
|
56
|
+
group: "Colors",
|
|
57
|
+
condition: { mode: "custom" }
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
scale: {
|
|
61
|
+
default: 1,
|
|
62
|
+
description: "Number of color cycles across the viewport",
|
|
63
|
+
ui: {
|
|
64
|
+
type: ["range", "map"],
|
|
65
|
+
min: .1,
|
|
66
|
+
max: 10,
|
|
67
|
+
step: .1,
|
|
68
|
+
label: "Scale",
|
|
69
|
+
group: "Effect"
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
angle: {
|
|
73
|
+
default: 0,
|
|
74
|
+
transform: transformAngle,
|
|
75
|
+
description: "Direction the gradient flows",
|
|
76
|
+
ui: {
|
|
77
|
+
type: ["range", "map"],
|
|
78
|
+
min: -180,
|
|
79
|
+
max: 180,
|
|
80
|
+
step: 1,
|
|
81
|
+
label: "Angle",
|
|
82
|
+
group: "Effect"
|
|
83
|
+
}
|
|
84
|
+
},
|
|
85
|
+
speed: {
|
|
86
|
+
default: .05,
|
|
87
|
+
description: "Speed at which the gradient cycles",
|
|
88
|
+
ui: {
|
|
89
|
+
type: "range",
|
|
90
|
+
min: -1,
|
|
91
|
+
max: 1,
|
|
92
|
+
step: .01,
|
|
93
|
+
label: "Speed",
|
|
94
|
+
group: "Animation"
|
|
95
|
+
}
|
|
96
|
+
},
|
|
97
|
+
colorSpace: {
|
|
98
|
+
default: "oklch",
|
|
99
|
+
transform: transformColorSpace,
|
|
100
|
+
compileTime: true,
|
|
101
|
+
description: "Color space for blending between custom colors",
|
|
102
|
+
ui: {
|
|
103
|
+
type: "select",
|
|
104
|
+
options: colorSpaceOptions,
|
|
105
|
+
label: "Color Space",
|
|
106
|
+
group: "Colors",
|
|
107
|
+
condition: { mode: "custom" }
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
fragmentNode: (params) => {
|
|
112
|
+
const { uniforms } = params;
|
|
113
|
+
const uv$1 = screenUV;
|
|
114
|
+
const aspect = viewportSize.x.div(viewportSize.y);
|
|
115
|
+
const angleRad = uniforms.angle.uniform.mul(.0174533);
|
|
116
|
+
const cosA = cos(angleRad);
|
|
117
|
+
const sinA = sin(angleRad);
|
|
118
|
+
const au = uv$1.x.mul(aspect);
|
|
119
|
+
const av = uv$1.y;
|
|
120
|
+
const projectedCoord = au.mul(cosA).add(av.mul(sinA));
|
|
121
|
+
const animTime = createAnimatedTime(params, uniforms.speed);
|
|
122
|
+
const t = fract(projectedCoord.mul(uniforms.scale.uniform).mul(float(.2)).add(animTime));
|
|
123
|
+
if (uniforms.mode.uniform.value === "rainbow") {
|
|
124
|
+
const h6 = t.mul(float(6));
|
|
125
|
+
return vec4(clamp(h6.sub(float(3)).abs().sub(float(1)), float(0), float(1)), clamp(float(2).sub(h6.sub(float(2)).abs()), float(0), float(1)), clamp(float(2).sub(h6.sub(float(4)).abs()), float(0), float(1)), float(1));
|
|
126
|
+
} else {
|
|
127
|
+
const t3 = t.mul(float(3));
|
|
128
|
+
const si = fract(t3);
|
|
129
|
+
const floorT3 = floor(t3);
|
|
130
|
+
const c01 = mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, si, uniforms.colorSpace.uniform.value);
|
|
131
|
+
const c12 = mixColors(uniforms.colorB.uniform, uniforms.colorC.uniform, si, uniforms.colorSpace.uniform.value);
|
|
132
|
+
let result = mixColors(uniforms.colorC.uniform, uniforms.colorA.uniform, si, uniforms.colorSpace.uniform.value);
|
|
133
|
+
result = mix(result, c12, step(floorT3, float(1.5)));
|
|
134
|
+
result = mix(result, c01, step(floorT3, float(.5)));
|
|
135
|
+
return vec4(result.rgb, result.a);
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
};
|
|
139
|
+
var ColorWheel_default = componentDefinition;
|
|
140
|
+
export { componentDefinition as n, ColorWheel_default as t };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { a as transformColor, l as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-CJcUeZIC.js";
|
|
2
2
|
import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
|
|
3
|
-
import { i as crescentSdf } from "./sdf-
|
|
3
|
+
import { i as crescentSdf } from "./sdf-D_EAGXhN.js";
|
|
4
4
|
import { cos, float, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
|
|
5
5
|
var transformStrokePosition = (value) => {
|
|
6
6
|
return {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { a as transformColor, l as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-CJcUeZIC.js";
|
|
2
2
|
import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
|
|
3
|
-
import { a as crossSdf } from "./sdf-
|
|
3
|
+
import { a as crossSdf } from "./sdf-D_EAGXhN.js";
|
|
4
4
|
import { cos, float, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
|
|
5
5
|
var transformStrokePosition = (value) => {
|
|
6
6
|
return {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { a as transformColor, l as transformPosition } from "./transformations-CJcUeZIC.js";
|
|
2
|
-
import { n as createAnalyticSdfSampler, r as createSvgSdfSampler } from "./sdf-
|
|
2
|
+
import { n as createAnalyticSdfSampler, r as createSvgSdfSampler } from "./sdf-D_EAGXhN.js";
|
|
3
3
|
import { Fn, If, atan, clamp, convertToTexture, cos, dot, float, fract, max, min, mix, mx_worley_noise_float, pow, screenUV, sin, smoothstep, sqrt, vec2, vec3, vec4, viewportSize } from "three/tsl";
|
|
4
4
|
var transformBoolean = (value) => value ? 1 : 0;
|
|
5
5
|
var DEFAULT_SHAPE_CONFIG = JSON.stringify({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { a as transformColor, l as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-CJcUeZIC.js";
|
|
2
2
|
import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
|
|
3
|
-
import { o as ellipseSdf } from "./sdf-
|
|
3
|
+
import { o as ellipseSdf } from "./sdf-D_EAGXhN.js";
|
|
4
4
|
import { cos, float, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
|
|
5
5
|
var transformStrokePosition = (value) => {
|
|
6
6
|
return {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { l as transformPosition } from "./transformations-CJcUeZIC.js";
|
|
2
|
-
import { n as createAnalyticSdfSampler, r as createSvgSdfSampler } from "./sdf-
|
|
2
|
+
import { n as createAnalyticSdfSampler, r as createSvgSdfSampler } from "./sdf-D_EAGXhN.js";
|
|
3
3
|
import { Fn, If, abs, clamp, convertToTexture, cos, float, max, screenUV, sin, smoothstep, sqrt, vec2, vec3, vec4, viewportSize } from "three/tsl";
|
|
4
4
|
var _INV_LIGHT_LEN = 1 / Math.sqrt(1.49);
|
|
5
5
|
var _LZN = .7 * _INV_LIGHT_LEN;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { a as transformColor, l as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-CJcUeZIC.js";
|
|
2
2
|
import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
|
|
3
|
-
import { s as flowerSdf } from "./sdf-
|
|
3
|
+
import { s as flowerSdf } from "./sdf-D_EAGXhN.js";
|
|
4
4
|
import { cos, float, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
|
|
5
5
|
var transformStrokePosition = (value) => {
|
|
6
6
|
return {
|