shaders 2.2.11 → 2.2.14
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/{Blob-C0G0efjG.js → Blob-CzWSpVTR.js} +1 -1
- package/dist/core/{Checkerboard-BPkiSF5I.js → Checkerboard-B8CnUlbi.js} +1 -1
- package/dist/core/{CursorTrail-BeJGeovB.js → CursorTrail-BcaRHjU5.js} +1 -1
- package/dist/core/{Duotone-_nR_o3-g.js → Duotone-DGNEAlye.js} +1 -1
- package/dist/core/Godrays-D3VnYrAm.js +106 -0
- package/dist/core/{LinearGradient-LEMeW0KM.js → LinearGradient-DPe-Z-lw.js} +1 -1
- package/dist/core/{RadialGradient-D0cN67jm.js → RadialGradient-CbaCbOJj.js} +1 -1
- package/dist/core/{Ripples-DH71sFJc.js → Ripples-0Ufm3-fY.js} +9 -8
- package/dist/core/{SimplexNoise-DPGC2OPJ.js → SimplexNoise-BKB94dhx.js} +7 -6
- package/dist/core/Spherize-CqjZj4yV.js +104 -0
- package/dist/core/{Spiral-CcyI8azF.js → Spiral-BkzSmPUL.js} +1 -1
- package/dist/core/{Swirl-BpMwkNcm.js → Swirl-BHn9Ji7_.js} +1 -1
- package/dist/core/{Tritone-Dx48G3b1.js → Tritone-DrzxJUaq.js} +1 -1
- package/dist/core/colorMixing-C-FChLp0.js +22 -0
- package/dist/core/index.js +135 -133
- package/dist/core/shaderRegistry.d.ts.map +1 -1
- package/dist/core/shaders/Blob/index.js +2 -2
- package/dist/core/shaders/Checkerboard/index.js +2 -2
- package/dist/core/shaders/CursorTrail/index.js +2 -2
- package/dist/core/shaders/Duotone/index.js +2 -2
- package/dist/core/shaders/Godrays/index.d.ts.map +1 -1
- package/dist/core/shaders/Godrays/index.js +1 -1
- package/dist/core/shaders/LinearGradient/index.js +2 -2
- package/dist/core/shaders/RadialGradient/index.js +2 -2
- package/dist/core/shaders/Ripples/index.d.ts.map +1 -1
- package/dist/core/shaders/Ripples/index.js +4 -3
- package/dist/core/shaders/SimplexNoise/index.d.ts.map +1 -1
- package/dist/core/shaders/SimplexNoise/index.js +4 -3
- package/dist/core/shaders/Spherize/index.d.ts +62 -0
- package/dist/core/shaders/Spherize/index.d.ts.map +1 -0
- package/dist/core/shaders/Spherize/index.js +7 -0
- package/dist/core/shaders/Spiral/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/Swirl/index.js +2 -2
- package/dist/core/shaders/TiltShift/index.js +1 -1
- package/dist/core/shaders/Tritone/index.js +2 -2
- package/dist/core/shaders/Twirl/index.js +1 -1
- package/dist/core/shaders/Vibrance/index.js +1 -1
- package/dist/core/shaders/WaveDistortion/index.js +1 -1
- package/dist/core/shaders/ZoomBlur/index.js +1 -1
- package/dist/core/utilities/colorMixing.d.ts.map +1 -1
- package/dist/react/{generatePresetCode-CbulNGo3.js → generatePresetCode-BXrrE8g5.js} +9 -4
- package/dist/react/{generatePresetCode-ClK4i9O1.cjs → generatePresetCode-DWBlTzlt.cjs} +2 -2
- package/dist/react/index.cjs +71 -71
- package/dist/react/index.js +9016 -8795
- package/dist/react/utils/generatePresetCode.cjs +1 -1
- package/dist/react/utils/generatePresetCode.js +1 -1
- package/dist/registry.js +166 -0
- package/dist/svelte/components/Spherize.svelte.d.ts +19 -0
- package/dist/svelte/{generatePresetCode-CbulNGo3.js → generatePresetCode-BXrrE8g5.js} +9 -4
- package/dist/svelte/index.d.ts +1 -0
- package/dist/svelte/index.js +8244 -8064
- package/dist/svelte/utils/generatePresetCode.js +1 -1
- package/dist/vue/{generatePresetCode-Baa8DyZE.js → generatePresetCode-nej_B_Ke.js} +30 -25
- package/dist/vue/index.js +7848 -7646
- package/dist/vue/utils/generatePresetCode.js +1 -1
- package/package.json +6 -1
- package/dist/core/Godrays-cUzAKVXn.js +0 -106
- package/dist/core/colorMixing-DPZ-Td4U.js +0 -22
- /package/dist/core/{Strands-Co4fkc05.js → Strands-DyrV6zDO.js} +0 -0
- /package/dist/core/{Stretch-C8iYAgNS.js → Stretch-DeBlJ-NH.js} +0 -0
- /package/dist/core/{TiltShift-D31nakFq.js → TiltShift-DiArippe.js} +0 -0
- /package/dist/core/{Twirl-ng6pwyl2.js → Twirl-C6xj1p52.js} +0 -0
- /package/dist/core/{Vibrance-D0ArL0qp.js → Vibrance-C6lNgpWH.js} +0 -0
- /package/dist/core/{WaveDistortion-DGKrpUdb.js → WaveDistortion-DcXxPZ2w.js} +0 -0
- /package/dist/core/{ZoomBlur-uQyy5yko.js → ZoomBlur-_feIVJs6.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Ripples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,OAAO,EAAC,cAAc,EAAE,iBAAiB,EAAC,MAAM,qCAAqC,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Ripples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,OAAO,EAAC,cAAc,EAAE,iBAAiB,EAAC,MAAM,qCAAqC,CAAA;AAIrF,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;IAChD,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7C,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAsGnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import "../../three.tsl-BqgDcRt9.js";
|
|
2
2
|
import "../../time-5uQ65blS.js";
|
|
3
3
|
import "../../transformations-DBjTkQ5b.js";
|
|
4
|
-
import
|
|
4
|
+
import "../../colorMixing-C-FChLp0.js";
|
|
5
|
+
import { n as r, t as e } from "../../Ripples-0Ufm3-fY.js";
|
|
5
6
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
7
|
+
r as componentDefinition,
|
|
8
|
+
e as default
|
|
8
9
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/SimplexNoise/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/SimplexNoise/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,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CA2EnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import "../../three.tsl-BqgDcRt9.js";
|
|
2
2
|
import "../../time-5uQ65blS.js";
|
|
3
3
|
import "../../transformations-DBjTkQ5b.js";
|
|
4
|
-
import
|
|
4
|
+
import "../../colorMixing-C-FChLp0.js";
|
|
5
|
+
import { n as e, t as r } from "../../SimplexNoise-BKB94dhx.js";
|
|
5
6
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
7
|
+
e as componentDefinition,
|
|
8
|
+
r as default
|
|
8
9
|
};
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { ComponentDefinition } from '../../types';
|
|
2
|
+
|
|
3
|
+
export interface ComponentProps {
|
|
4
|
+
/**
|
|
5
|
+
* Radius of the sphere (1 = half viewport height)
|
|
6
|
+
*
|
|
7
|
+
* Accepts a number between 0.1 and 3.
|
|
8
|
+
* @default 1
|
|
9
|
+
*/
|
|
10
|
+
radius: number;
|
|
11
|
+
/**
|
|
12
|
+
* How much the sphere bulges toward viewer (0 = flat, higher = more bulge)
|
|
13
|
+
*
|
|
14
|
+
* Accepts a number between 0 and 3.
|
|
15
|
+
* @default 1
|
|
16
|
+
*/
|
|
17
|
+
depth: number;
|
|
18
|
+
/**
|
|
19
|
+
* The center point of the sphere
|
|
20
|
+
*
|
|
21
|
+
* Accepts `{ x, y }` objects with values from 0 to 1, or CSS positions like `top center`.
|
|
22
|
+
* @default {"x":0.5,"y":0.5}
|
|
23
|
+
*/
|
|
24
|
+
center: {
|
|
25
|
+
x: number | string;
|
|
26
|
+
y: number | string;
|
|
27
|
+
} | string;
|
|
28
|
+
/**
|
|
29
|
+
* Position of the specular light source
|
|
30
|
+
*
|
|
31
|
+
* Accepts `{ x, y }` objects with values from 0 to 1, or CSS positions like `top center`.
|
|
32
|
+
* @default {"x":0.3,"y":0.3}
|
|
33
|
+
*/
|
|
34
|
+
lightPosition: {
|
|
35
|
+
x: number | string;
|
|
36
|
+
y: number | string;
|
|
37
|
+
} | string;
|
|
38
|
+
/**
|
|
39
|
+
* Intensity of the rim light (0 = off)
|
|
40
|
+
*
|
|
41
|
+
* Accepts a number between 0 and 1.
|
|
42
|
+
* @default 0.5
|
|
43
|
+
*/
|
|
44
|
+
lightIntensity: number;
|
|
45
|
+
/**
|
|
46
|
+
* Softness of the rim light falloff (0 = hard edge, 1 = soft glow)
|
|
47
|
+
*
|
|
48
|
+
* Accepts a number between 0 and 1.
|
|
49
|
+
* @default 0.5
|
|
50
|
+
*/
|
|
51
|
+
lightSoftness: number;
|
|
52
|
+
/**
|
|
53
|
+
* Color of the specular highlight
|
|
54
|
+
*
|
|
55
|
+
* Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
|
|
56
|
+
* @default "#ffffff"
|
|
57
|
+
*/
|
|
58
|
+
lightColor: string;
|
|
59
|
+
}
|
|
60
|
+
export declare const componentDefinition: ComponentDefinition<ComponentProps>;
|
|
61
|
+
export default componentDefinition;
|
|
62
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Spherize/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAMvE,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE;QAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAC,GAAG,MAAM,CAAA;IACzD,aAAa,EAAE;QAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAC,GAAG,MAAM,CAAA;IAChE,cAAc,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CA8KnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "../../three.tsl-BqgDcRt9.js";
|
|
2
2
|
import "../../transformations-DBjTkQ5b.js";
|
|
3
|
-
import "../../colorMixing-
|
|
4
|
-
import { n as r, t as a } from "../../Spiral-
|
|
3
|
+
import "../../colorMixing-C-FChLp0.js";
|
|
4
|
+
import { n as r, t as a } from "../../Spiral-BkzSmPUL.js";
|
|
5
5
|
export {
|
|
6
6
|
r as componentDefinition,
|
|
7
7
|
a as default
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "../../three.tsl-BqgDcRt9.js";
|
|
2
2
|
import "../../time-5uQ65blS.js";
|
|
3
3
|
import "../../transformations-DBjTkQ5b.js";
|
|
4
|
-
import { n as a, t as m } from "../../Strands-
|
|
4
|
+
import { n as a, t as m } from "../../Strands-DyrV6zDO.js";
|
|
5
5
|
export {
|
|
6
6
|
a as componentDefinition,
|
|
7
7
|
m as default
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "../../three.tsl-BqgDcRt9.js";
|
|
2
2
|
import "../../edges-B-tVdqcI.js";
|
|
3
3
|
import "../../transformations-DBjTkQ5b.js";
|
|
4
|
-
import { n as e, t as m } from "../../Stretch-
|
|
4
|
+
import { n as e, t as m } from "../../Stretch-DeBlJ-NH.js";
|
|
5
5
|
export {
|
|
6
6
|
e as componentDefinition,
|
|
7
7
|
m as default
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "../../three.tsl-BqgDcRt9.js";
|
|
2
2
|
import "../../time-5uQ65blS.js";
|
|
3
3
|
import "../../transformations-DBjTkQ5b.js";
|
|
4
|
-
import "../../colorMixing-
|
|
5
|
-
import { n as p, t as a } from "../../Swirl-
|
|
4
|
+
import "../../colorMixing-C-FChLp0.js";
|
|
5
|
+
import { n as p, t as a } from "../../Swirl-BHn9Ji7_.js";
|
|
6
6
|
export {
|
|
7
7
|
p as componentDefinition,
|
|
8
8
|
a as default
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "../../three.tsl-BqgDcRt9.js";
|
|
2
2
|
import "../../transformations-DBjTkQ5b.js";
|
|
3
|
-
import "../../colorMixing-
|
|
4
|
-
import { n as e, t as m } from "../../Tritone-
|
|
3
|
+
import "../../colorMixing-C-FChLp0.js";
|
|
4
|
+
import { n as e, t as m } from "../../Tritone-DrzxJUaq.js";
|
|
5
5
|
export {
|
|
6
6
|
e as componentDefinition,
|
|
7
7
|
m as default
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "../../three.tsl-BqgDcRt9.js";
|
|
2
2
|
import "../../edges-B-tVdqcI.js";
|
|
3
3
|
import "../../transformations-DBjTkQ5b.js";
|
|
4
|
-
import { n as m, t as p } from "../../Twirl-
|
|
4
|
+
import { n as m, t as p } from "../../Twirl-C6xj1p52.js";
|
|
5
5
|
export {
|
|
6
6
|
m as componentDefinition,
|
|
7
7
|
p as default
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "../../three.tsl-BqgDcRt9.js";
|
|
2
2
|
import "../../TSLBase-BFMvTOak.js";
|
|
3
3
|
import "../../ColorAdjustment-CKwpE_4M.js";
|
|
4
|
-
import { n as a, t as e } from "../../Vibrance-
|
|
4
|
+
import { n as a, t as e } from "../../Vibrance-C6lNgpWH.js";
|
|
5
5
|
export {
|
|
6
6
|
a as componentDefinition,
|
|
7
7
|
e as default
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "../../three.tsl-BqgDcRt9.js";
|
|
2
2
|
import "../../edges-B-tVdqcI.js";
|
|
3
3
|
import "../../transformations-DBjTkQ5b.js";
|
|
4
|
-
import { n as a, t as e } from "../../WaveDistortion-
|
|
4
|
+
import { n as a, t as e } from "../../WaveDistortion-DcXxPZ2w.js";
|
|
5
5
|
export {
|
|
6
6
|
a as componentDefinition,
|
|
7
7
|
e as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colorMixing.d.ts","sourceRoot":"","sources":["../../src/utilities/colorMixing.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"colorMixing.d.ts","sourceRoot":"","sources":["../../src/utilities/colorMixing.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,cAAc,CAAA;AAmHtC;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,WACV,IAAI,UACJ,IAAI,KACT,IAAI,kBACS,IAAI,KACrB,IAuDF,CAAA"}
|
|
@@ -171,6 +171,10 @@ var p = {
|
|
|
171
171
|
opacity: 1,
|
|
172
172
|
blendMode: "normal"
|
|
173
173
|
},
|
|
174
|
+
Spherize: {
|
|
175
|
+
opacity: 1,
|
|
176
|
+
blendMode: "normal"
|
|
177
|
+
},
|
|
174
178
|
Spiral: {
|
|
175
179
|
opacity: 1,
|
|
176
180
|
blendMode: "normal"
|
|
@@ -223,7 +227,7 @@ function c(l, t, e = " ") {
|
|
|
223
227
|
}).map(([o, r]) => typeof r == "string" ? `${o}="${r}"` : typeof r == "object" ? `${o}={${JSON.stringify(r)}}` : `${o}={${r}}`).join(`
|
|
224
228
|
` + e + " ");
|
|
225
229
|
}
|
|
226
|
-
function
|
|
230
|
+
function m(l, t) {
|
|
227
231
|
const e = [];
|
|
228
232
|
function o(r) {
|
|
229
233
|
for (const n of r)
|
|
@@ -231,11 +235,11 @@ function s(l, t) {
|
|
|
231
235
|
}
|
|
232
236
|
return o(t), e.some((r) => r.props?.maskSource === l);
|
|
233
237
|
}
|
|
234
|
-
function
|
|
238
|
+
function s(l) {
|
|
235
239
|
const t = (e, o = " ") => {
|
|
236
240
|
const r = e.props ? c(e.props, e.type, o) : "";
|
|
237
241
|
let n = "";
|
|
238
|
-
e.id &&
|
|
242
|
+
e.id && m(e.id, l.components) && (n = `id="${e.id}"`);
|
|
239
243
|
const a = [n, r].filter(Boolean).join(`
|
|
240
244
|
` + o + " ");
|
|
241
245
|
if (e.children && e.children.length > 0) {
|
|
@@ -299,6 +303,7 @@ const y = [
|
|
|
299
303
|
"SimplexNoise",
|
|
300
304
|
"SineWave",
|
|
301
305
|
"SolidColor",
|
|
306
|
+
"Spherize",
|
|
302
307
|
"Spiral",
|
|
303
308
|
"Strands",
|
|
304
309
|
"Stretch",
|
|
@@ -311,6 +316,6 @@ const y = [
|
|
|
311
316
|
"ZoomBlur"
|
|
312
317
|
];
|
|
313
318
|
export {
|
|
314
|
-
|
|
319
|
+
s as n,
|
|
315
320
|
y as t
|
|
316
321
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var p={AngularBlur:{opacity:1,blendMode:"normal"},Ascii:{opacity:1,blendMode:"normal"},Blob:{opacity:1,blendMode:"normal"},Blur:{opacity:1,blendMode:"normal"},Bulge:{opacity:1,blendMode:"normal"},CRTScreen:{opacity:1,blendMode:"normal"},ChannelBlur:{opacity:1,blendMode:"normal"},Checkerboard:{opacity:1,blendMode:"normal"},ChromaFlow:{opacity:1,blendMode:"normal"},ChromaticAberration:{opacity:1,blendMode:"normal"},Circle:{opacity:1,blendMode:"normal"},CursorTrail:{opacity:1,blendMode:"normal"},DiffuseBlur:{opacity:1,blendMode:"normal"},Dither:{opacity:1,blendMode:"normal"},DotGrid:{opacity:1,blendMode:"normal"},Duotone:{opacity:1,blendMode:"normal"},FilmGrain:{opacity:1,blendMode:"normal"},FloatingParticles:{opacity:1,blendMode:"normal"},GlassTiles:{opacity:1,blendMode:"normal"},Glow:{opacity:1,blendMode:"normal"},Godrays:{opacity:1,blendMode:"normal"},Grayscale:{opacity:1,blendMode:"normal"},Grid:{opacity:1,blendMode:"normal"},GridDistortion:{opacity:1,blendMode:"normal"},Group:{opacity:1,blendMode:"normal"},Halftone:{opacity:1,blendMode:"normal"},HueShift:{opacity:1,blendMode:"normal"},ImageTexture:{opacity:1,blendMode:"normal"},Invert:{opacity:1,blendMode:"normal"},LinearBlur:{opacity:1,blendMode:"normal"},LinearGradient:{opacity:1,blendMode:"normal"},Liquify:{opacity:1,blendMode:"normal"},Pixelate:{opacity:1,blendMode:"normal"},PolarCoordinates:{opacity:1,blendMode:"normal"},Posterize:{opacity:1,blendMode:"normal"},ProgressiveBlur:{opacity:1,blendMode:"normal"},RadialGradient:{opacity:1,blendMode:"normal"},RectangularCoordinates:{opacity:1,blendMode:"normal"},Ripples:{opacity:1,blendMode:"normal"},Saturation:{opacity:1,blendMode:"normal"},SimplexNoise:{opacity:1,blendMode:"normal"},SineWave:{opacity:1,blendMode:"normal"},SolidColor:{opacity:1,blendMode:"normal"},Spiral:{opacity:1,blendMode:"normal"},Strands:{opacity:1,blendMode:"normal"},Stretch:{opacity:1,blendMode:"normal"},Swirl:{opacity:1,blendMode:"normal"},TiltShift:{opacity:1,blendMode:"normal"},Tritone:{opacity:1,blendMode:"normal"},Twirl:{opacity:1,blendMode:"normal"},Vibrance:{opacity:1,blendMode:"normal"},WaveDistortion:{opacity:1,blendMode:"normal"},ZoomBlur:{opacity:1,blendMode:"normal"}};function c(t,l,o=" "){return Object.entries(t).filter(([e,r])=>{const n=p[l]||{};if(n.hasOwnProperty(e)){const a=n[e];return typeof r=="object"&&typeof a=="object"?JSON.stringify(r)!==JSON.stringify(a):r!==a}return!(e==="opacity"&&r===1||e==="blendMode"&&r==="normal")}).map(([e,r])=>typeof r=="string"?`${e}="${r}"`:typeof r=="object"?`${e}={${JSON.stringify(r)}}`:`${e}={${r}}`).join(`
|
|
1
|
+
var p={AngularBlur:{opacity:1,blendMode:"normal"},Ascii:{opacity:1,blendMode:"normal"},Blob:{opacity:1,blendMode:"normal"},Blur:{opacity:1,blendMode:"normal"},Bulge:{opacity:1,blendMode:"normal"},CRTScreen:{opacity:1,blendMode:"normal"},ChannelBlur:{opacity:1,blendMode:"normal"},Checkerboard:{opacity:1,blendMode:"normal"},ChromaFlow:{opacity:1,blendMode:"normal"},ChromaticAberration:{opacity:1,blendMode:"normal"},Circle:{opacity:1,blendMode:"normal"},CursorTrail:{opacity:1,blendMode:"normal"},DiffuseBlur:{opacity:1,blendMode:"normal"},Dither:{opacity:1,blendMode:"normal"},DotGrid:{opacity:1,blendMode:"normal"},Duotone:{opacity:1,blendMode:"normal"},FilmGrain:{opacity:1,blendMode:"normal"},FloatingParticles:{opacity:1,blendMode:"normal"},GlassTiles:{opacity:1,blendMode:"normal"},Glow:{opacity:1,blendMode:"normal"},Godrays:{opacity:1,blendMode:"normal"},Grayscale:{opacity:1,blendMode:"normal"},Grid:{opacity:1,blendMode:"normal"},GridDistortion:{opacity:1,blendMode:"normal"},Group:{opacity:1,blendMode:"normal"},Halftone:{opacity:1,blendMode:"normal"},HueShift:{opacity:1,blendMode:"normal"},ImageTexture:{opacity:1,blendMode:"normal"},Invert:{opacity:1,blendMode:"normal"},LinearBlur:{opacity:1,blendMode:"normal"},LinearGradient:{opacity:1,blendMode:"normal"},Liquify:{opacity:1,blendMode:"normal"},Pixelate:{opacity:1,blendMode:"normal"},PolarCoordinates:{opacity:1,blendMode:"normal"},Posterize:{opacity:1,blendMode:"normal"},ProgressiveBlur:{opacity:1,blendMode:"normal"},RadialGradient:{opacity:1,blendMode:"normal"},RectangularCoordinates:{opacity:1,blendMode:"normal"},Ripples:{opacity:1,blendMode:"normal"},Saturation:{opacity:1,blendMode:"normal"},SimplexNoise:{opacity:1,blendMode:"normal"},SineWave:{opacity:1,blendMode:"normal"},SolidColor:{opacity:1,blendMode:"normal"},Spherize:{opacity:1,blendMode:"normal"},Spiral:{opacity:1,blendMode:"normal"},Strands:{opacity:1,blendMode:"normal"},Stretch:{opacity:1,blendMode:"normal"},Swirl:{opacity:1,blendMode:"normal"},TiltShift:{opacity:1,blendMode:"normal"},Tritone:{opacity:1,blendMode:"normal"},Twirl:{opacity:1,blendMode:"normal"},Vibrance:{opacity:1,blendMode:"normal"},WaveDistortion:{opacity:1,blendMode:"normal"},ZoomBlur:{opacity:1,blendMode:"normal"}};function c(t,l,o=" "){return Object.entries(t).filter(([e,r])=>{const n=p[l]||{};if(n.hasOwnProperty(e)){const a=n[e];return typeof r=="object"&&typeof a=="object"?JSON.stringify(r)!==JSON.stringify(a):r!==a}return!(e==="opacity"&&r===1||e==="blendMode"&&r==="normal")}).map(([e,r])=>typeof r=="string"?`${e}="${r}"`:typeof r=="object"?`${e}={${JSON.stringify(r)}}`:`${e}={${r}}`).join(`
|
|
2
2
|
`+o+" ")}function m(t,l){const o=[];function e(r){for(const n of r)o.push(n),n.children&&e(n.children)}return e(l),o.some(r=>r.props?.maskSource===t)}function s(t){const l=(o,e=" ")=>{const r=o.props?c(o.props,o.type,e):"";let n="";o.id&&m(o.id,t.components)&&(n=`id="${o.id}"`);const a=[n,r].filter(Boolean).join(`
|
|
3
3
|
`+e+" ");if(o.children&&o.children.length>0){const i=o.children.map(d=>l(d,e+" ")).join(`
|
|
4
4
|
`);return a?`${e}<${o.type}
|
|
@@ -10,4 +10,4 @@ ${e}</${o.type}>`}else return a?`${e}<${o.type}
|
|
|
10
10
|
${e} ${a} />`:`${e}<${o.type} />`};return`<Shader>
|
|
11
11
|
${t.components.map(o=>l(o)).join(`
|
|
12
12
|
`)}
|
|
13
|
-
</Shader>`}const b=["AngularBlur","Ascii","Blob","Blur","Bulge","CRTScreen","ChannelBlur","Checkerboard","ChromaFlow","ChromaticAberration","Circle","CursorTrail","DiffuseBlur","Dither","DotGrid","Duotone","FilmGrain","FloatingParticles","GlassTiles","Glow","Godrays","Grayscale","Grid","GridDistortion","Group","Halftone","HueShift","ImageTexture","Invert","LinearBlur","LinearGradient","Liquify","Pixelate","PolarCoordinates","Posterize","ProgressiveBlur","RadialGradient","RectangularCoordinates","Ripples","Saturation","SimplexNoise","SineWave","SolidColor","Spiral","Strands","Stretch","Swirl","TiltShift","Tritone","Twirl","Vibrance","WaveDistortion","ZoomBlur"];Object.defineProperty(exports,"availableComponents",{enumerable:!0,get:function(){return b}});Object.defineProperty(exports,"generatePresetCode",{enumerable:!0,get:function(){return s}});
|
|
13
|
+
</Shader>`}const b=["AngularBlur","Ascii","Blob","Blur","Bulge","CRTScreen","ChannelBlur","Checkerboard","ChromaFlow","ChromaticAberration","Circle","CursorTrail","DiffuseBlur","Dither","DotGrid","Duotone","FilmGrain","FloatingParticles","GlassTiles","Glow","Godrays","Grayscale","Grid","GridDistortion","Group","Halftone","HueShift","ImageTexture","Invert","LinearBlur","LinearGradient","Liquify","Pixelate","PolarCoordinates","Posterize","ProgressiveBlur","RadialGradient","RectangularCoordinates","Ripples","Saturation","SimplexNoise","SineWave","SolidColor","Spherize","Spiral","Strands","Stretch","Swirl","TiltShift","Tritone","Twirl","Vibrance","WaveDistortion","ZoomBlur"];Object.defineProperty(exports,"availableComponents",{enumerable:!0,get:function(){return b}});Object.defineProperty(exports,"generatePresetCode",{enumerable:!0,get:function(){return s}});
|