shaders 2.5.108 → 2.5.110
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/{Aurora-BPHeGEZ_.js → Aurora-KcUDr49P.js} +21 -14
- package/dist/core/{Blur-Cxx3ZuHi.js → Blur-DG7lJKPo.js} +29 -13
- package/dist/core/{ChannelBlur-Cth0biwG.js → ChannelBlur-BhcCkwcO.js} +7 -3
- package/dist/core/{ContourLines-KTHC32hd.js → ContourLines-tDBvQOvb.js} +8 -7
- package/dist/core/{CursorTrail-R4IBB4eu.js → CursorTrail-CgRMXbTG.js} +5 -5
- package/dist/core/{DropShadow-jMhnYPXZ.js → DropShadow-B7FzTp4H.js} +14 -8
- package/dist/core/{Duotone-Bl02WcA2.js → Duotone-CqQ0NMxS.js} +4 -11
- package/dist/core/{FloatingParticles-BtwGRl_d.js → FloatingParticles-DpYA0_TE.js} +6 -2
- package/dist/core/{Form3D-DaPbLGUi.js → Form3D-Bufw6tZb.js} +14 -2
- package/dist/core/{Glass-TRSXbuE6.js → Glass-Bz9IKI2q.js} +7 -3
- package/dist/core/{Glow-8bKkyehK.js → Glow-CUv1yHLZ.js} +68 -55
- package/dist/core/{GridDistortion-CpSiGEGV.js → GridDistortion-SRyevgsp.js} +4 -4
- package/dist/core/{HueShift-BtGVMu7q.js → HueShift-ctEX5vfo.js} +2 -0
- package/dist/core/{ImageTexture-CrX_9-f0.js → ImageTexture-uxj4LpF7.js} +30 -17
- package/dist/core/{Liquify-D9YIfbfB.js → Liquify-p-_qcb1f.js} +5 -5
- package/dist/core/{ProgressiveBlur-B_z0pZ1V.js → ProgressiveBlur-NbvxFfRa.js} +33 -20
- package/dist/core/{Saturation-CB19kOXg.js → Saturation-DCFAIUvZ.js} +2 -0
- package/dist/core/{Sharpness-CQOboeqy.js → Sharpness-DSpEoCSL.js} +2 -0
- package/dist/core/{Shatter-SHNbU2KC.js → Shatter-ByKkCYTR.js} +28 -24
- package/dist/core/{SimplexNoise-BcSgytjc.js → SimplexNoise-CMuU8n27.js} +14 -2
- package/dist/core/Swirl-B_KxdaX2.js +105 -0
- package/dist/core/{TiltShift-GqDjHvmk.js → TiltShift-BSAyR0Me.js} +47 -21
- package/dist/core/{Tint-DaTx2HII.js → Tint-DdvnpzEJ.js} +11 -6
- package/dist/core/{Tritone-C9Yx69Tw.js → Tritone-Ckb6hTkI.js} +4 -11
- package/dist/core/{VideoTexture-SWLe5c3m.js → VideoTexture-BMSdfLf_.js} +30 -17
- package/dist/core/{WebcamTexture-cXPyEumA.js → WebcamTexture-Ds9IrtRn.js} +30 -17
- package/dist/core/computeBlur-DCRhuYEi.js +209 -0
- package/dist/core/index.js +28 -62
- package/dist/core/registry.js +28 -28
- package/dist/core/renderer.d.ts.map +1 -1
- package/dist/core/{shaderRegistry-fwljIrjT.js → shaderRegistry-DFzzFEKX.js} +26 -26
- package/dist/core/shaders/Aurora/index.d.ts.map +1 -1
- package/dist/core/shaders/Aurora/index.js +1 -1
- package/dist/core/shaders/Blur/index.d.ts.map +1 -1
- package/dist/core/shaders/Blur/index.js +2 -2
- package/dist/core/shaders/ChannelBlur/index.d.ts.map +1 -1
- package/dist/core/shaders/ChannelBlur/index.js +2 -2
- package/dist/core/shaders/ContourLines/index.d.ts.map +1 -1
- package/dist/core/shaders/ContourLines/index.js +1 -1
- package/dist/core/shaders/CursorTrail/index.d.ts.map +1 -1
- package/dist/core/shaders/CursorTrail/index.js +1 -1
- package/dist/core/shaders/DropShadow/index.d.ts.map +1 -1
- package/dist/core/shaders/DropShadow/index.js +1 -1
- package/dist/core/shaders/Duotone/index.d.ts.map +1 -1
- package/dist/core/shaders/Duotone/index.js +1 -2
- package/dist/core/shaders/FloatingParticles/index.d.ts.map +1 -1
- package/dist/core/shaders/FloatingParticles/index.js +1 -1
- package/dist/core/shaders/Form3D/index.d.ts.map +1 -1
- package/dist/core/shaders/Form3D/index.js +1 -1
- package/dist/core/shaders/Glass/index.d.ts.map +1 -1
- package/dist/core/shaders/Glass/index.js +2 -2
- package/dist/core/shaders/Glow/index.d.ts +2 -2
- package/dist/core/shaders/Glow/index.d.ts.map +1 -1
- package/dist/core/shaders/Glow/index.js +2 -2
- package/dist/core/shaders/GridDistortion/index.d.ts.map +1 -1
- package/dist/core/shaders/GridDistortion/index.js +1 -1
- package/dist/core/shaders/HueShift/index.d.ts.map +1 -1
- package/dist/core/shaders/HueShift/index.js +1 -1
- package/dist/core/shaders/ImageTexture/index.d.ts.map +1 -1
- package/dist/core/shaders/ImageTexture/index.js +1 -1
- package/dist/core/shaders/Liquify/index.d.ts.map +1 -1
- package/dist/core/shaders/Liquify/index.js +1 -1
- package/dist/core/shaders/ProgressiveBlur/index.d.ts.map +1 -1
- package/dist/core/shaders/ProgressiveBlur/index.js +2 -2
- package/dist/core/shaders/Saturation/index.d.ts.map +1 -1
- package/dist/core/shaders/Saturation/index.js +1 -1
- package/dist/core/shaders/Sharpness/index.d.ts.map +1 -1
- package/dist/core/shaders/Sharpness/index.js +1 -1
- package/dist/core/shaders/Shatter/index.d.ts.map +1 -1
- package/dist/core/shaders/Shatter/index.js +1 -1
- package/dist/core/shaders/SimplexNoise/index.d.ts +7 -0
- package/dist/core/shaders/SimplexNoise/index.d.ts.map +1 -1
- package/dist/core/shaders/SimplexNoise/index.js +1 -1
- package/dist/core/shaders/Swirl/index.d.ts.map +1 -1
- package/dist/core/shaders/Swirl/index.js +1 -1
- package/dist/core/shaders/TiltShift/index.d.ts.map +1 -1
- package/dist/core/shaders/TiltShift/index.js +2 -2
- package/dist/core/shaders/Tint/index.d.ts.map +1 -1
- package/dist/core/shaders/Tint/index.js +1 -1
- package/dist/core/shaders/Tritone/index.d.ts.map +1 -1
- package/dist/core/shaders/Tritone/index.js +1 -2
- package/dist/core/shaders/VideoTexture/index.d.ts.map +1 -1
- package/dist/core/shaders/VideoTexture/index.js +1 -1
- package/dist/core/shaders/WebcamTexture/index.d.ts.map +1 -1
- package/dist/core/shaders/WebcamTexture/index.js +1 -1
- package/dist/core/utilities/computeBlur.d.ts +29 -31
- package/dist/core/utilities/computeBlur.d.ts.map +1 -1
- package/dist/js/createShader.d.ts.map +1 -1
- package/dist/js/createShader.js +3 -2
- package/dist/js/createSharedDevice.d.ts +36 -0
- package/dist/js/createSharedDevice.d.ts.map +1 -0
- package/dist/js/createSharedDevice.js +15 -0
- package/dist/js/index.d.ts +1 -0
- package/dist/js/index.d.ts.map +1 -1
- package/dist/js/index.js +2 -1
- package/dist/js/types.d.ts +10 -0
- package/dist/js/types.d.ts.map +1 -1
- package/dist/js/utils/generatePresetCode.d.ts.map +1 -1
- package/dist/js/utils/generatePresetCode.js +2 -1
- package/dist/partner/index.d.ts +6 -2
- package/dist/partner/index.d.ts.map +1 -1
- package/dist/react/Shader.js +1 -1
- package/dist/react/utils/generatePresetCode.d.ts.map +1 -1
- package/dist/react/utils/generatePresetCode.js +2 -1
- package/dist/registry.js +95 -18
- package/dist/solid/engine/Shader.js +1 -1
- package/dist/solid/utils/generatePresetCode.d.ts.map +1 -1
- package/dist/solid/utils/generatePresetCode.js +2 -1
- package/dist/svelte/{generatePresetCode-DR_OAIL7.js → generatePresetCode-jdOx6mhw.js} +2 -1
- package/dist/svelte/index.js +2 -2
- package/dist/svelte/utils/generatePresetCode.js +1 -1
- package/dist/vue/Shader.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/vue/SimplexNoise.vue_vue_type_script_setup_true_lang.js +1 -0
- package/dist/vue/utils/generatePresetCode.d.ts.map +1 -1
- package/dist/vue/utils/generatePresetCode.js +2 -1
- package/package.json +1 -1
- package/dist/core/Swirl-By5FadQK.js +0 -103
- package/dist/core/computeBlur-DeXZ99YL.js +0 -150
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Swirl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAQvE,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Swirl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAQvE,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CA4JnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "../../transformations-B5lM6fYX.js";
|
|
2
2
|
import "../../colorMixing-BPpDnR5I.js";
|
|
3
3
|
import "../../time-DUqSFWvT.js";
|
|
4
|
-
import { n as componentDefinition, t as Swirl_default } from "../../Swirl-
|
|
4
|
+
import { n as componentDefinition, t as Swirl_default } from "../../Swirl-B_KxdaX2.js";
|
|
5
5
|
export { componentDefinition, Swirl_default as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/TiltShift/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAwC,MAAM,iBAAiB,CAAA;AAM1F,OAAO,EAAC,cAAc,EAAE,iBAAiB,EAAC,MAAM,qCAAqC,CAAA;AAErF,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3C,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;CAClD;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/TiltShift/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAwC,MAAM,iBAAiB,CAAA;AAM1F,OAAO,EAAC,cAAc,EAAE,iBAAiB,EAAC,MAAM,qCAAqC,CAAA;AAErF,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3C,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;CAClD;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAgUnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "../../transformations-B5lM6fYX.js";
|
|
2
2
|
import "../../alpha-C4ptedXe.js";
|
|
3
|
-
import "../../computeBlur-
|
|
4
|
-
import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-
|
|
3
|
+
import "../../computeBlur-DCRhuYEi.js";
|
|
4
|
+
import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-BSAyR0Me.js";
|
|
5
5
|
export { componentDefinition, TiltShift_default as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Tint/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAGvE,OAAO,EAAC,cAAc,EAAC,MAAM,qCAAqC,CAAA;AAElE,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3C,MAAM,EAAE,MAAM,CAAA;IACd,kBAAkB,EAAE,OAAO,CAAA;CAC9B;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Tint/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAGvE,OAAO,EAAC,cAAc,EAAC,MAAM,qCAAqC,CAAA;AAElE,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3C,MAAM,EAAE,MAAM,CAAA;IACd,kBAAkB,EAAE,OAAO,CAAA;CAC9B;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAwDnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import "../../transformations-B5lM6fYX.js";
|
|
2
|
-
import { n as componentDefinition, t as Tint_default } from "../../Tint-
|
|
2
|
+
import { n as componentDefinition, t as Tint_default } from "../../Tint-DdvnpzEJ.js";
|
|
3
3
|
export { componentDefinition, Tint_default as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Tritone/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,OAAO,EAAC,cAAc,EAAyC,MAAM,qCAAqC,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Tritone/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,OAAO,EAAC,cAAc,EAAyC,MAAM,qCAAqC,CAAA;AAG1G,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CA4HnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import "../../transformations-B5lM6fYX.js";
|
|
2
|
-
import "../../alpha-C4ptedXe.js";
|
|
3
2
|
import "../../colorMixing-BPpDnR5I.js";
|
|
4
|
-
import { n as componentDefinition, t as Tritone_default } from "../../Tritone-
|
|
3
|
+
import { n as componentDefinition, t as Tritone_default } from "../../Tritone-Ckb6hTkI.js";
|
|
5
4
|
export { componentDefinition, Tritone_default as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/VideoTexture/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAOvE,MAAM,WAAW,cAAc;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,OAAO,CAAA;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/VideoTexture/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAOvE,MAAM,WAAW,cAAc;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,OAAO,CAAA;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAoTnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import "../../browser-D8zonASQ.js";
|
|
2
|
-
import { n as componentDefinition, t as VideoTexture_default } from "../../VideoTexture-
|
|
2
|
+
import { n as componentDefinition, t as VideoTexture_default } from "../../VideoTexture-BMSdfLf_.js";
|
|
3
3
|
export { componentDefinition, VideoTexture_default as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/WebcamTexture/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAOvE,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/WebcamTexture/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAOvE,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAkSnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import "../../browser-D8zonASQ.js";
|
|
2
|
-
import { n as componentDefinition, t as WebcamTexture_default } from "../../WebcamTexture-
|
|
2
|
+
import { n as componentDefinition, t as WebcamTexture_default } from "../../WebcamTexture-Ds9IrtRn.js";
|
|
3
3
|
export { componentDefinition, WebcamTexture_default as default };
|
|
@@ -1,50 +1,48 @@
|
|
|
1
1
|
import { StorageTexture } from 'three/webgpu';
|
|
2
2
|
|
|
3
|
+
/** Default compute resolution. ~655k pixels — comparable to 0.5× of a 1080p canvas.
|
|
4
|
+
* Memory per RGBA32F texture: ~10 MB. Heavy presets (Glow with 4 storage textures)
|
|
5
|
+
* total ~40 MB regardless of canvas size. Callers can override for memory-tight
|
|
6
|
+
* scenarios or higher quality. */
|
|
7
|
+
export declare const DEFAULT_COMPUTE_WIDTH = 1024;
|
|
8
|
+
export declare const DEFAULT_COMPUTE_HEIGHT = 640;
|
|
3
9
|
export interface GaussianBlurComputeResult {
|
|
4
|
-
/** Horizontal + vertical compute nodes, dispatched in order each frame */
|
|
5
10
|
computeNodes: any[];
|
|
6
|
-
/** Final blurred StorageTexture — sample this in the fragment shader */
|
|
7
11
|
outputTexture: InstanceType<typeof StorageTexture>;
|
|
8
|
-
/** Call each frame to update the blur sigma from the current prop value (in pixels). */
|
|
9
12
|
updateRadius: (pixelRadius: number) => void;
|
|
13
|
+
/** Fixed compute resolution — exposed so callers know the buffer's pixel size. */
|
|
14
|
+
computeWidth: number;
|
|
15
|
+
computeHeight: number;
|
|
16
|
+
/** Update input-canvas dimensions on resize. Doesn't trigger any rebuild. */
|
|
17
|
+
setInputDimensions: (width: number, height: number) => void;
|
|
10
18
|
}
|
|
11
19
|
export interface VariableBlurComputeResult {
|
|
12
|
-
/** Blur map fill + horizontal + vertical compute nodes */
|
|
13
20
|
computeNodes: any[];
|
|
14
|
-
/** Final blurred StorageTexture */
|
|
15
21
|
outputTexture: InstanceType<typeof StorageTexture>;
|
|
16
|
-
/** StorageTexture to write per-pixel blur radii into (R channel = radius in pixels) */
|
|
17
22
|
blurMapTexture: InstanceType<typeof StorageTexture>;
|
|
18
|
-
/** Write-only TSL node for the blur map — use with textureStore in your fill kernel */
|
|
19
23
|
blurMapWriteNode: any;
|
|
24
|
+
computeWidth: number;
|
|
25
|
+
computeHeight: number;
|
|
26
|
+
setInputDimensions: (width: number, height: number) => void;
|
|
20
27
|
}
|
|
21
28
|
/**
|
|
22
|
-
*
|
|
29
|
+
* 2-pass separable Gaussian blur backed by compute shaders, with a fixed-resolution
|
|
30
|
+
* output buffer. The fragment shader is responsible for sampling the result at
|
|
31
|
+
* canvas-resolution screenUV (bilinear handles the up/downscale).
|
|
23
32
|
*
|
|
24
|
-
*
|
|
25
|
-
*
|
|
26
|
-
*
|
|
27
|
-
* @param
|
|
28
|
-
* @param
|
|
29
|
-
*
|
|
30
|
-
* @param onCleanup - Cleanup callback registration
|
|
33
|
+
* @param inputTexture - source TSL texture node (typically from `convertToTexture`)
|
|
34
|
+
* @param inputWidth/inputHeight - source texture dimensions (the canvas size)
|
|
35
|
+
* @param onCleanup - cleanup callback registration
|
|
36
|
+
* @param halfKernel - half-kernel width (default 24 → 49 taps per pass)
|
|
37
|
+
* @param computeWidth/computeHeight - fixed internal compute resolution. Storage
|
|
38
|
+
* textures allocate at this size and never reallocate. Default ~655k pixels.
|
|
31
39
|
*/
|
|
32
|
-
export declare function createGaussianBlurCompute(inputTexture: any,
|
|
40
|
+
export declare function createGaussianBlurCompute(inputTexture: any, inputWidth: number, inputHeight: number, onCleanup: (cb: () => void) => void, halfKernel?: number, computeWidth?: number, computeHeight?: number): GaussianBlurComputeResult;
|
|
33
41
|
/**
|
|
34
|
-
*
|
|
35
|
-
*
|
|
36
|
-
*
|
|
37
|
-
*
|
|
38
|
-
* returned `blurMapWriteNode` with textureStore in your own Fn().
|
|
39
|
-
*
|
|
40
|
-
* The Gaussian weights are fixed (bell-curve shape); only the spatial extent varies
|
|
41
|
-
* per pixel. At radius=0 all taps land on the center texel (sharp); at large radius
|
|
42
|
-
* taps spread proportionally.
|
|
43
|
-
*
|
|
44
|
-
* @param inputTexture - TSL texture node to blur
|
|
45
|
-
* @param width - Physical pixel width
|
|
46
|
-
* @param height - Physical pixel height
|
|
47
|
-
* @param onCleanup - Cleanup callback registration
|
|
42
|
+
* Variable-radius (per-pixel) Gaussian blur with fixed-resolution output. The blur
|
|
43
|
+
* map texture is at compute resolution and stores the desired blur radius (in
|
|
44
|
+
* input/canvas pixels) per compute pixel. Caller fills the blur map in their own
|
|
45
|
+
* compute pass via the returned `blurMapWriteNode`.
|
|
48
46
|
*/
|
|
49
|
-
export declare function createVariableGaussianBlurCompute(inputTexture: any,
|
|
47
|
+
export declare function createVariableGaussianBlurCompute(inputTexture: any, inputWidth: number, inputHeight: number, onCleanup: (cb: () => void) => void, halfKernel?: number, computeWidth?: number, computeHeight?: number): VariableBlurComputeResult;
|
|
50
48
|
//# sourceMappingURL=computeBlur.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"computeBlur.d.ts","sourceRoot":"","sources":["../../src/utilities/computeBlur.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"computeBlur.d.ts","sourceRoot":"","sources":["../../src/utilities/computeBlur.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAC,cAAc,EAAC,MAAM,cAAc,CAAA;AAW3C;;;mCAGmC;AACnC,eAAO,MAAM,qBAAqB,OAAO,CAAA;AACzC,eAAO,MAAM,sBAAsB,MAAM,CAAA;AAgBzC,MAAM,WAAW,yBAAyB;IACtC,YAAY,EAAE,GAAG,EAAE,CAAA;IACnB,aAAa,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC,CAAA;IAClD,YAAY,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,kFAAkF;IAClF,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,6EAA6E;IAC7E,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9D;AAED,MAAM,WAAW,yBAAyB;IACtC,YAAY,EAAE,GAAG,EAAE,CAAA;IACnB,aAAa,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC,CAAA;IAClD,cAAc,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC,CAAA;IACnD,gBAAgB,EAAE,GAAG,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9D;AAID;;;;;;;;;;;GAWG;AACH,wBAAgB,yBAAyB,CACrC,YAAY,EAAE,GAAG,EACjB,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,IAAI,EACnC,UAAU,GAAE,MAA4B,EACxC,YAAY,GAAE,MAA8B,EAC5C,aAAa,GAAE,MAA+B,GAC/C,yBAAyB,CA+I3B;AAED;;;;;GAKG;AACH,wBAAgB,iCAAiC,CAC7C,YAAY,EAAE,GAAG,EACjB,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,IAAI,EACnC,UAAU,GAAE,MAA4B,EACxC,YAAY,GAAE,MAA8B,EAC5C,aAAa,GAAE,MAA+B,GAC/C,yBAAyB,CA4H3B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createShader.d.ts","sourceRoot":"","sources":["../src/createShader.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAmB,MAAM,cAAc,CAAA;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAqB5D;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAsB,YAAY,CAChC,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,YAAY,EACpB,OAAO,CAAC,EAAE,aAAa,GACtB,OAAO,CAAC,cAAc,CAAC,
|
|
1
|
+
{"version":3,"file":"createShader.d.ts","sourceRoot":"","sources":["../src/createShader.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAmB,MAAM,cAAc,CAAA;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAqB5D;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAsB,YAAY,CAChC,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,YAAY,EACpB,OAAO,CAAC,EAAE,aAAa,GACtB,OAAO,CAAC,cAAc,CAAC,CAiRzB"}
|
package/dist/js/createShader.js
CHANGED
|
@@ -35,7 +35,8 @@ async function createShader(canvas, preset, options) {
|
|
|
35
35
|
resizeTarget: canvas,
|
|
36
36
|
enablePerformanceTracking: options?.enablePerformanceTracking || false,
|
|
37
37
|
colorSpace: options?.colorSpace,
|
|
38
|
-
observeElement: options?.observeElement
|
|
38
|
+
observeElement: options?.observeElement,
|
|
39
|
+
gpu: options?.gpu
|
|
39
40
|
});
|
|
40
41
|
const rootId = "shader-root";
|
|
41
42
|
renderer.registerNode(rootId, ({ childNode }) => childNode || vec4(0, 0, 0, 0), null, null, {}, void 0);
|
|
@@ -47,7 +48,7 @@ async function createShader(canvas, preset, options) {
|
|
|
47
48
|
if (isExternalUser()) {
|
|
48
49
|
const checkRendering = () => {
|
|
49
50
|
if (renderer.getPerformanceStats().fps > 0) {
|
|
50
|
-
telemetryCollector = startTelemetry(renderer, "2.5.
|
|
51
|
+
telemetryCollector = startTelemetry(renderer, "2.5.110", options?.disableTelemetry || false, false);
|
|
51
52
|
if (telemetryCollector) telemetryCollector.start();
|
|
52
53
|
telemetryStartTimeout = null;
|
|
53
54
|
} else telemetryStartTimeout = setTimeout(checkRendering, 500);
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Create a shared GPU device + adapter that can be passed to multiple
|
|
3
|
+
* `createShader` calls via the `gpu` option. Sharing a device lets WebGPU's
|
|
4
|
+
* pipeline cache, resource pools, and submission queue be reused across
|
|
5
|
+
* shader instances — first-paint compile cost amortizes (the same shader's
|
|
6
|
+
* pipeline is compiled once, not once per instance), submission overhead
|
|
7
|
+
* drops, and the page stays under browser-imposed context limits.
|
|
8
|
+
*
|
|
9
|
+
* Recommended for pages that load many shader instances (e.g., a design
|
|
10
|
+
* tool with multiple shader tiles). For a single shader instance there's
|
|
11
|
+
* no benefit and you can skip this entirely.
|
|
12
|
+
*
|
|
13
|
+
* Returns `null` if WebGPU is unavailable on this device — in that case
|
|
14
|
+
* callers should pass no `gpu` option and let each shader fall back to its
|
|
15
|
+
* own WebGL renderer.
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```js
|
|
19
|
+
* import { createShader, createSharedDevice } from 'shaders/js'
|
|
20
|
+
*
|
|
21
|
+
* const gpu = await createSharedDevice()
|
|
22
|
+
*
|
|
23
|
+
* const a = await createShader(canvasA, presetA, { gpu })
|
|
24
|
+
* const b = await createShader(canvasB, presetB, { gpu })
|
|
25
|
+
* const c = await createShader(canvasC, presetC, { gpu })
|
|
26
|
+
* // ...all three share the same WebGPU device
|
|
27
|
+
* ```
|
|
28
|
+
*/
|
|
29
|
+
export declare function createSharedDevice(options?: {
|
|
30
|
+
/** Power preference for the requested adapter. Default `'high-performance'`. */
|
|
31
|
+
powerPreference?: GPUPowerPreference;
|
|
32
|
+
}): Promise<{
|
|
33
|
+
device: GPUDevice;
|
|
34
|
+
adapter: GPUAdapter;
|
|
35
|
+
} | null>;
|
|
36
|
+
//# sourceMappingURL=createSharedDevice.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createSharedDevice.d.ts","sourceRoot":"","sources":["../src/createSharedDevice.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAsB,kBAAkB,CACtC,OAAO,CAAC,EAAE;IACR,gFAAgF;IAChF,eAAe,CAAC,EAAE,kBAAkB,CAAA;CACrC,GACA,OAAO,CAAC;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,UAAU,CAAA;CAAE,GAAG,IAAI,CAAC,CAgB5D"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
async function createSharedDevice(options) {
|
|
2
|
+
if (typeof navigator === "undefined" || !navigator.gpu) return null;
|
|
3
|
+
try {
|
|
4
|
+
const adapter = await navigator.gpu.requestAdapter({ powerPreference: options?.powerPreference ?? "high-performance" });
|
|
5
|
+
if (!adapter) return null;
|
|
6
|
+
return {
|
|
7
|
+
device: await adapter.requestDevice(),
|
|
8
|
+
adapter
|
|
9
|
+
};
|
|
10
|
+
} catch (err) {
|
|
11
|
+
console.warn("[shaders] createSharedDevice failed; callers should fall back to per-instance device:", err);
|
|
12
|
+
return null;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
export { createSharedDevice };
|
package/dist/js/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { createShader } from './createShader';
|
|
2
2
|
export { createPreview } from './createPreview';
|
|
3
|
+
export { createSharedDevice } from './createSharedDevice';
|
|
3
4
|
export type { ShaderInstance, ShaderOptions, PreviewOptions } from './types';
|
|
4
5
|
export type { PresetConfig, ComponentConfig } from '../core';
|
|
5
6
|
export { generatePresetCode } from './utils/generatePresetCode';
|
package/dist/js/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC5E,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC5E,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA"}
|
package/dist/js/index.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { createShader } from "./createShader.js";
|
|
2
2
|
import { createPreview } from "./createPreview.js";
|
|
3
|
+
import { createSharedDevice } from "./createSharedDevice.js";
|
|
3
4
|
import { generatePresetCode } from "./utils/generatePresetCode.js";
|
|
4
|
-
export { createPreview, createShader, generatePresetCode };
|
|
5
|
+
export { createPreview, createShader, createSharedDevice, generatePresetCode };
|
package/dist/js/types.d.ts
CHANGED
|
@@ -29,6 +29,16 @@ export interface ShaderOptions {
|
|
|
29
29
|
* ```
|
|
30
30
|
*/
|
|
31
31
|
observeElement?: boolean;
|
|
32
|
+
/** Optional shared WebGPU device + adapter, created via `createSharedDevice()`.
|
|
33
|
+
* When multiple `createShader` calls receive the same `gpu` object, all instances
|
|
34
|
+
* share one WebGPU device — pipelines are compiled once and cached across instances,
|
|
35
|
+
* GPU resources pool, and submission overhead drops. Only worth using if a page
|
|
36
|
+
* loads several shader instances at once. Pass nothing for the default per-instance
|
|
37
|
+
* device. */
|
|
38
|
+
gpu?: {
|
|
39
|
+
device: GPUDevice;
|
|
40
|
+
adapter: GPUAdapter;
|
|
41
|
+
};
|
|
32
42
|
}
|
|
33
43
|
export interface PreviewOptions {
|
|
34
44
|
shader?: string;
|
package/dist/js/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEjE,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEjE,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;;;kBAKc;IACd,GAAG,CAAC,EAAE;QACJ,MAAM,EAAE,SAAS,CAAA;QACjB,OAAO,EAAE,UAAU,CAAA;KACpB,CAAA;CACF;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAA;IAC7D;;;;OAIG;IACH,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7C,mFAAmF;IACnF,KAAK,IAAI,IAAI,CAAA;IACb,kDAAkD;IAClD,MAAM,IAAI,IAAI,CAAA;IACd,OAAO,IAAI,IAAI,CAAA;CAChB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;
|
|
1
|
+
{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AA+8CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAoBlG;AAGD,eAAO,MAAM,mBAAmB,UA6G/B,CAAA"}
|
|
@@ -545,7 +545,7 @@ var shaderMetadata = {
|
|
|
545
545
|
"blendMode": "normal",
|
|
546
546
|
"intensity": 1,
|
|
547
547
|
"threshold": .5,
|
|
548
|
-
"size":
|
|
548
|
+
"size": 25
|
|
549
549
|
},
|
|
550
550
|
"Godrays": {
|
|
551
551
|
"opacity": 1,
|
|
@@ -956,6 +956,7 @@ var shaderMetadata = {
|
|
|
956
956
|
"blendMode": "normal",
|
|
957
957
|
"colorA": "#ffffff",
|
|
958
958
|
"colorB": "#000000",
|
|
959
|
+
"colorSpace": "linear",
|
|
959
960
|
"scale": 2,
|
|
960
961
|
"balance": 0,
|
|
961
962
|
"contrast": 0,
|
package/dist/partner/index.d.ts
CHANGED
|
@@ -16,11 +16,15 @@ export interface PartnerCollection {
|
|
|
16
16
|
slug: string;
|
|
17
17
|
}
|
|
18
18
|
export type PartnerPresetLabel = 'gradient' | 'geometric' | 'organic' | 'glowing' | 'textured' | 'retro' | '3d' | 'minimal' | 'vibrant' | 'dark' | 'calm' | 'dramatic';
|
|
19
|
-
export interface
|
|
19
|
+
export interface PartnerKeyPropTarget {
|
|
20
20
|
component_id: string;
|
|
21
21
|
prop: string;
|
|
22
|
+
}
|
|
23
|
+
export interface PartnerKeyProp {
|
|
22
24
|
label: string;
|
|
23
|
-
type: 'color' | 'range';
|
|
25
|
+
type: 'color' | 'range' | 'logo';
|
|
26
|
+
category?: string;
|
|
27
|
+
targets: PartnerKeyPropTarget[];
|
|
24
28
|
}
|
|
25
29
|
export interface PartnerPreset {
|
|
26
30
|
id: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,QAAQ,CAAC,EAAE,sBAAsB,EAAE,CAAA;CACpC;AAED,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,sBAAsB,EAAE,CAAA;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAA;AAEtK,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,QAAQ,CAAC,EAAE,sBAAsB,EAAE,CAAA;CACpC;AAED,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,sBAAsB,EAAE,CAAA;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAA;AAEtK,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,oBAAoB,EAAE,CAAA;CAChC;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,iBAAiB,GAAG,IAAI,CAAA;IACpC,UAAU,EAAE,uBAAuB,CAAA;IACnC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,cAAc,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC/B,eAAe,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAChC,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAI,CAAA;IACnC,SAAS,EAAE,cAAc,EAAE,GAAG,IAAI,CAAA;IAClC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,UAAU,EAAE,iBAAiB,CAAA;CAC9B;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAUD,qBAAa,aAAa;IACxB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAQ;IAC/B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAQ;IAChC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAyC;gBAEnD,OAAO,EAAE,oBAAoB;IAMzC,OAAO,CAAC,SAAS;IAUjB,OAAO,CAAC,SAAS;IAIX,WAAW,CAAC,OAAO,GAAE,kBAAuB,GAAG,OAAO,CAAC,0BAA0B,CAAC;CA6BzF"}
|
package/dist/react/Shader.js
CHANGED
|
@@ -89,7 +89,7 @@ const Shader = ({ children, disableTelemetry = false, colorSpace = "p3-linear",
|
|
|
89
89
|
return;
|
|
90
90
|
}
|
|
91
91
|
if (rendererRef.current.getPerformanceStats().fps > 0) {
|
|
92
|
-
telemetryCollectorRef.current = startTelemetry(rendererRef.current, "2.5.
|
|
92
|
+
telemetryCollectorRef.current = startTelemetry(rendererRef.current, "2.5.110", disableTelemetry, isPreview);
|
|
93
93
|
if (telemetryCollectorRef.current) telemetryCollectorRef.current.start();
|
|
94
94
|
telemetryStartTimeoutRef.current = null;
|
|
95
95
|
} else telemetryStartTimeoutRef.current = window.setTimeout(checkRendering, 500);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;
|
|
1
|
+
{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAk+CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAiFlG;AAGD,eAAO,MAAM,mBAAmB,UA6G/B,CAAA"}
|
|
@@ -557,7 +557,7 @@ var shaderMetadata = {
|
|
|
557
557
|
"blendMode": "normal",
|
|
558
558
|
"intensity": 1,
|
|
559
559
|
"threshold": .5,
|
|
560
|
-
"size":
|
|
560
|
+
"size": 25
|
|
561
561
|
},
|
|
562
562
|
"Godrays": {
|
|
563
563
|
"opacity": 1,
|
|
@@ -968,6 +968,7 @@ var shaderMetadata = {
|
|
|
968
968
|
"blendMode": "normal",
|
|
969
969
|
"colorA": "#ffffff",
|
|
970
970
|
"colorB": "#000000",
|
|
971
|
+
"colorSpace": "linear",
|
|
971
972
|
"scale": 2,
|
|
972
973
|
"balance": 0,
|
|
973
974
|
"contrast": 0,
|
package/dist/registry.js
CHANGED
|
@@ -515,6 +515,7 @@ export const shaderRegistry = [
|
|
|
515
515
|
},
|
|
516
516
|
"curtainCount": {
|
|
517
517
|
"default": 4,
|
|
518
|
+
"compileTime": true,
|
|
518
519
|
"description": "Number of aurora curtain layers",
|
|
519
520
|
"ui": {
|
|
520
521
|
"type": "range",
|
|
@@ -3272,6 +3273,7 @@ export const shaderRegistry = [
|
|
|
3272
3273
|
"source": {
|
|
3273
3274
|
"default": "luminance",
|
|
3274
3275
|
"description": "Use luminance or alpha channel for contours",
|
|
3276
|
+
"compileTime": true,
|
|
3275
3277
|
"ui": {
|
|
3276
3278
|
"type": "select",
|
|
3277
3279
|
"options": [
|
|
@@ -3291,6 +3293,7 @@ export const shaderRegistry = [
|
|
|
3291
3293
|
"colorMode": {
|
|
3292
3294
|
"default": "source",
|
|
3293
3295
|
"description": "Use source image colors or custom colors",
|
|
3296
|
+
"compileTime": true,
|
|
3294
3297
|
"ui": {
|
|
3295
3298
|
"type": "select",
|
|
3296
3299
|
"options": [
|
|
@@ -6077,6 +6080,7 @@ export const shaderRegistry = [
|
|
|
6077
6080
|
},
|
|
6078
6081
|
"cutout": {
|
|
6079
6082
|
"default": false,
|
|
6083
|
+
"compileTime": true,
|
|
6080
6084
|
"description": "Hide the original layer and show only the shadow",
|
|
6081
6085
|
"ui": {
|
|
6082
6086
|
"type": "checkbox",
|
|
@@ -6177,7 +6181,6 @@ export const shaderRegistry = [
|
|
|
6177
6181
|
"name": "Duotone",
|
|
6178
6182
|
"category": "Adjustments",
|
|
6179
6183
|
"description": "Map colors to two tones based on luminance",
|
|
6180
|
-
"requiresRTT": true,
|
|
6181
6184
|
"requiresChild": true,
|
|
6182
6185
|
"props": {
|
|
6183
6186
|
"colorA": {
|
|
@@ -9763,8 +9766,8 @@ export const shaderRegistry = [
|
|
|
9763
9766
|
"map"
|
|
9764
9767
|
],
|
|
9765
9768
|
"min": 0,
|
|
9766
|
-
"max":
|
|
9767
|
-
"step": 0.
|
|
9769
|
+
"max": 50,
|
|
9770
|
+
"step": 0.5,
|
|
9768
9771
|
"label": "Intensity",
|
|
9769
9772
|
"group": "Effect"
|
|
9770
9773
|
}
|
|
@@ -9779,22 +9782,22 @@ export const shaderRegistry = [
|
|
|
9779
9782
|
],
|
|
9780
9783
|
"min": 0,
|
|
9781
9784
|
"max": 1,
|
|
9782
|
-
"step": 0.
|
|
9785
|
+
"step": 0.05,
|
|
9783
9786
|
"label": "Threshold",
|
|
9784
9787
|
"group": "Effect"
|
|
9785
9788
|
}
|
|
9786
9789
|
},
|
|
9787
9790
|
"size": {
|
|
9788
|
-
"default":
|
|
9789
|
-
"description": "
|
|
9791
|
+
"default": 25,
|
|
9792
|
+
"description": "Glow spread in pixels (clean up to ~72px, mild banding above)",
|
|
9790
9793
|
"ui": {
|
|
9791
9794
|
"type": [
|
|
9792
9795
|
"range",
|
|
9793
9796
|
"map"
|
|
9794
9797
|
],
|
|
9795
|
-
"min":
|
|
9796
|
-
"max":
|
|
9797
|
-
"step":
|
|
9798
|
+
"min": 0,
|
|
9799
|
+
"max": 100,
|
|
9800
|
+
"step": 1,
|
|
9798
9801
|
"label": "Glow Size",
|
|
9799
9802
|
"group": "Effect"
|
|
9800
9803
|
}
|
|
@@ -9809,8 +9812,8 @@ export const shaderRegistry = [
|
|
|
9809
9812
|
"map"
|
|
9810
9813
|
],
|
|
9811
9814
|
"min": 0,
|
|
9812
|
-
"max":
|
|
9813
|
-
"step": 0.
|
|
9815
|
+
"max": 50,
|
|
9816
|
+
"step": 0.5,
|
|
9814
9817
|
"label": "Intensity",
|
|
9815
9818
|
"group": "Effect"
|
|
9816
9819
|
},
|
|
@@ -9825,7 +9828,7 @@ export const shaderRegistry = [
|
|
|
9825
9828
|
],
|
|
9826
9829
|
"min": 0,
|
|
9827
9830
|
"max": 1,
|
|
9828
|
-
"step": 0.
|
|
9831
|
+
"step": 0.05,
|
|
9829
9832
|
"label": "Threshold",
|
|
9830
9833
|
"group": "Effect"
|
|
9831
9834
|
},
|
|
@@ -9838,14 +9841,14 @@ export const shaderRegistry = [
|
|
|
9838
9841
|
"range",
|
|
9839
9842
|
"map"
|
|
9840
9843
|
],
|
|
9841
|
-
"min":
|
|
9842
|
-
"max":
|
|
9843
|
-
"step":
|
|
9844
|
+
"min": 0,
|
|
9845
|
+
"max": 100,
|
|
9846
|
+
"step": 1,
|
|
9844
9847
|
"label": "Glow Size",
|
|
9845
9848
|
"group": "Effect"
|
|
9846
9849
|
},
|
|
9847
|
-
"default":
|
|
9848
|
-
"description": "
|
|
9850
|
+
"default": 25,
|
|
9851
|
+
"description": "Glow spread in pixels (clean up to ~72px, mild banding above)"
|
|
9849
9852
|
}
|
|
9850
9853
|
}
|
|
9851
9854
|
},
|
|
@@ -11078,6 +11081,7 @@ export const shaderRegistry = [
|
|
|
11078
11081
|
"objectFit": {
|
|
11079
11082
|
"default": "cover",
|
|
11080
11083
|
"description": "How the image should be sized within the viewport",
|
|
11084
|
+
"compileTime": true,
|
|
11081
11085
|
"ui": {
|
|
11082
11086
|
"type": "select",
|
|
11083
11087
|
"options": [
|
|
@@ -16324,6 +16328,42 @@ export const shaderRegistry = [
|
|
|
16324
16328
|
"group": "Colors"
|
|
16325
16329
|
}
|
|
16326
16330
|
},
|
|
16331
|
+
"colorSpace": {
|
|
16332
|
+
"default": "linear",
|
|
16333
|
+
"compileTime": true,
|
|
16334
|
+
"description": "Color space for color interpolation",
|
|
16335
|
+
"ui": {
|
|
16336
|
+
"type": "select",
|
|
16337
|
+
"options": [
|
|
16338
|
+
{
|
|
16339
|
+
"label": "Linear RGB",
|
|
16340
|
+
"value": "linear"
|
|
16341
|
+
},
|
|
16342
|
+
{
|
|
16343
|
+
"label": "OKLCh",
|
|
16344
|
+
"value": "oklch"
|
|
16345
|
+
},
|
|
16346
|
+
{
|
|
16347
|
+
"label": "OKLAB",
|
|
16348
|
+
"value": "oklab"
|
|
16349
|
+
},
|
|
16350
|
+
{
|
|
16351
|
+
"label": "HSL",
|
|
16352
|
+
"value": "hsl"
|
|
16353
|
+
},
|
|
16354
|
+
{
|
|
16355
|
+
"label": "HSV",
|
|
16356
|
+
"value": "hsv"
|
|
16357
|
+
},
|
|
16358
|
+
{
|
|
16359
|
+
"label": "LCH",
|
|
16360
|
+
"value": "lch"
|
|
16361
|
+
}
|
|
16362
|
+
],
|
|
16363
|
+
"label": "Color Space",
|
|
16364
|
+
"group": "Colors"
|
|
16365
|
+
}
|
|
16366
|
+
},
|
|
16327
16367
|
"scale": {
|
|
16328
16368
|
"default": 2,
|
|
16329
16369
|
"description": "Pattern scale (higher = larger patterns)",
|
|
@@ -16411,6 +16451,41 @@ export const shaderRegistry = [
|
|
|
16411
16451
|
"default": "#000000",
|
|
16412
16452
|
"description": "Second color"
|
|
16413
16453
|
},
|
|
16454
|
+
"colorSpace": {
|
|
16455
|
+
"ui": {
|
|
16456
|
+
"type": "select",
|
|
16457
|
+
"options": [
|
|
16458
|
+
{
|
|
16459
|
+
"label": "Linear RGB",
|
|
16460
|
+
"value": "linear"
|
|
16461
|
+
},
|
|
16462
|
+
{
|
|
16463
|
+
"label": "OKLCh",
|
|
16464
|
+
"value": "oklch"
|
|
16465
|
+
},
|
|
16466
|
+
{
|
|
16467
|
+
"label": "OKLAB",
|
|
16468
|
+
"value": "oklab"
|
|
16469
|
+
},
|
|
16470
|
+
{
|
|
16471
|
+
"label": "HSL",
|
|
16472
|
+
"value": "hsl"
|
|
16473
|
+
},
|
|
16474
|
+
{
|
|
16475
|
+
"label": "HSV",
|
|
16476
|
+
"value": "hsv"
|
|
16477
|
+
},
|
|
16478
|
+
{
|
|
16479
|
+
"label": "LCH",
|
|
16480
|
+
"value": "lch"
|
|
16481
|
+
}
|
|
16482
|
+
],
|
|
16483
|
+
"label": "Color Space",
|
|
16484
|
+
"group": "Colors"
|
|
16485
|
+
},
|
|
16486
|
+
"default": "linear",
|
|
16487
|
+
"description": "Color space for color interpolation"
|
|
16488
|
+
},
|
|
16414
16489
|
"scale": {
|
|
16415
16490
|
"ui": {
|
|
16416
16491
|
"type": "range",
|
|
@@ -20199,6 +20274,7 @@ export const shaderRegistry = [
|
|
|
20199
20274
|
},
|
|
20200
20275
|
"preserveLuminosity": {
|
|
20201
20276
|
"default": true,
|
|
20277
|
+
"compileTime": true,
|
|
20202
20278
|
"description": "Preserve original brightness",
|
|
20203
20279
|
"ui": {
|
|
20204
20280
|
"type": "checkbox",
|
|
@@ -20590,7 +20666,6 @@ export const shaderRegistry = [
|
|
|
20590
20666
|
"name": "Tritone",
|
|
20591
20667
|
"category": "Adjustments",
|
|
20592
20668
|
"description": "Map colors to three tones: shadows, midtones, highlights",
|
|
20593
|
-
"requiresRTT": true,
|
|
20594
20669
|
"requiresChild": true,
|
|
20595
20670
|
"props": {
|
|
20596
20671
|
"colorA": {
|
|
@@ -21605,6 +21680,7 @@ export const shaderRegistry = [
|
|
|
21605
21680
|
"objectFit": {
|
|
21606
21681
|
"default": "cover",
|
|
21607
21682
|
"description": "How the video should be sized within the viewport",
|
|
21683
|
+
"compileTime": true,
|
|
21608
21684
|
"ui": {
|
|
21609
21685
|
"type": "select",
|
|
21610
21686
|
"options": [
|
|
@@ -22533,6 +22609,7 @@ export const shaderRegistry = [
|
|
|
22533
22609
|
"objectFit": {
|
|
22534
22610
|
"default": "cover",
|
|
22535
22611
|
"description": "How the webcam feed should be sized within the viewport",
|
|
22612
|
+
"compileTime": true,
|
|
22536
22613
|
"ui": {
|
|
22537
22614
|
"type": "select",
|
|
22538
22615
|
"options": [
|