shaders 2.3.50 → 2.3.51
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/StudioBackground-CFjfBnWp.js +337 -0
- package/dist/core/registry.js +22 -20
- package/dist/core/shaderRegistry.d.ts.map +1 -1
- package/dist/core/shaders/StudioBackground/index.d.ts +141 -0
- package/dist/core/shaders/StudioBackground/index.d.ts.map +1 -0
- package/dist/core/shaders/StudioBackground/index.js +4 -0
- package/dist/core/shaders/Swirl/index.js +1 -1
- package/dist/core/shaders/TiltShift/index.js +1 -1
- package/dist/core/shaders/Tint/index.js +1 -1
- package/dist/core/shaders/Tritone/index.js +1 -1
- package/dist/core/shaders/Twirl/index.js +1 -1
- package/dist/core/shaders/Vibrance/index.js +1 -1
- package/dist/core/shaders/VideoTexture/index.js +1 -1
- package/dist/core/shaders/WaveDistortion/index.js +1 -1
- package/dist/core/shaders/WebcamTexture/index.js +1 -1
- package/dist/core/shaders/ZoomBlur/index.js +1 -1
- package/dist/react/StudioBackground.js +164 -0
- package/dist/react/components/StudioBackground.d.ts +31 -0
- package/dist/react/components/StudioBackground.d.ts.map +1 -0
- package/dist/react/index.d.ts +1 -0
- package/dist/react/index.d.ts.map +1 -1
- package/dist/react/index.js +2 -1
- package/dist/react/utils/generatePresetCode.d.ts.map +1 -1
- package/dist/react/utils/generatePresetCode.js +27 -0
- package/dist/registry.js +447 -0
- package/dist/solid/components/StudioBackground.d.ts +28 -0
- package/dist/solid/components/StudioBackground.d.ts.map +1 -0
- package/dist/solid/components/StudioBackground.js +168 -0
- package/dist/solid/index.d.ts +1 -0
- package/dist/solid/index.d.ts.map +1 -1
- package/dist/solid/index.js +24 -22
- package/dist/solid/utils/generatePresetCode.d.ts.map +1 -1
- package/dist/solid/utils/generatePresetCode.js +27 -0
- package/dist/svelte/components/StudioBackground.svelte.d.ts +19 -0
- package/dist/svelte/{generatePresetCode-Co-oSFXj.js → generatePresetCode-TDa1I3YR.js} +27 -0
- package/dist/svelte/index.d.ts +1 -0
- package/dist/svelte/index.js +293 -163
- package/dist/svelte/utils/generatePresetCode.js +1 -1
- package/dist/vue/StudioBackground.js +3 -0
- package/dist/vue/StudioBackground.vue_vue_type_script_setup_true_lang.js +162 -0
- package/dist/vue/components/StudioBackground.vue.d.ts +54 -0
- package/dist/vue/components/StudioBackground.vue.d.ts.map +1 -0
- package/dist/vue/index.d.ts +1 -0
- package/dist/vue/index.d.ts.map +1 -1
- package/dist/vue/index.js +2 -1
- package/dist/vue/utils/generatePresetCode.d.ts.map +1 -1
- package/dist/vue/utils/generatePresetCode.js +27 -0
- package/package.json +9 -1
- /package/dist/core/{Swirl-DO8dNtED.js → Swirl-BIFGxHL0.js} +0 -0
- /package/dist/core/{TiltShift-4QnOmvZ7.js → TiltShift-CLMFkzBs.js} +0 -0
- /package/dist/core/{Tint-Qc-4l2re.js → Tint-NQjiXLGu.js} +0 -0
- /package/dist/core/{Tritone-COUPuEp_.js → Tritone-67eoddBF.js} +0 -0
- /package/dist/core/{Twirl-Se1glQAi.js → Twirl-ZaYAMqmq.js} +0 -0
- /package/dist/core/{Vibrance-CUTMlggU.js → Vibrance-DbSUuK_4.js} +0 -0
- /package/dist/core/{VideoTexture-DsvlYXHz.js → VideoTexture-lHzoN3G9.js} +0 -0
- /package/dist/core/{WaveDistortion-D75I7wpE.js → WaveDistortion-CB6xTndT.js} +0 -0
- /package/dist/core/{WebcamTexture-Cj0_V3MP.js → WebcamTexture-BJUvpMmV.js} +0 -0
- /package/dist/core/{ZoomBlur-Cq6lhjH5.js → ZoomBlur-BCClC8fw.js} +0 -0
package/dist/solid/index.js
CHANGED
|
@@ -59,17 +59,18 @@ import { default as default59 } from "./components/Spiral.js";
|
|
|
59
59
|
import { default as default60 } from "./components/Strands.js";
|
|
60
60
|
import { default as default61 } from "./components/Stretch.js";
|
|
61
61
|
import { default as default62 } from "./components/Stripes.js";
|
|
62
|
-
import { default as default63 } from "./components/
|
|
63
|
-
import { default as default64 } from "./components/
|
|
64
|
-
import { default as default65 } from "./components/
|
|
65
|
-
import { default as default66 } from "./components/
|
|
66
|
-
import { default as default67 } from "./components/
|
|
67
|
-
import { default as default68 } from "./components/
|
|
68
|
-
import { default as default69 } from "./components/
|
|
69
|
-
import { default as default70 } from "./components/
|
|
70
|
-
import { default as default71 } from "./components/
|
|
71
|
-
import { default as default72 } from "./components/
|
|
72
|
-
import { default as default73 } from "./
|
|
62
|
+
import { default as default63 } from "./components/StudioBackground.js";
|
|
63
|
+
import { default as default64 } from "./components/Swirl.js";
|
|
64
|
+
import { default as default65 } from "./components/TiltShift.js";
|
|
65
|
+
import { default as default66 } from "./components/Tint.js";
|
|
66
|
+
import { default as default67 } from "./components/Tritone.js";
|
|
67
|
+
import { default as default68 } from "./components/Twirl.js";
|
|
68
|
+
import { default as default69 } from "./components/Vibrance.js";
|
|
69
|
+
import { default as default70 } from "./components/VideoTexture.js";
|
|
70
|
+
import { default as default71 } from "./components/WaveDistortion.js";
|
|
71
|
+
import { default as default72 } from "./components/WebcamTexture.js";
|
|
72
|
+
import { default as default73 } from "./components/ZoomBlur.js";
|
|
73
|
+
import { default as default74 } from "./engine/Shader.js";
|
|
73
74
|
import { generatePresetCode } from "./utils/generatePresetCode.js";
|
|
74
75
|
export {
|
|
75
76
|
default2 as AngularBlur,
|
|
@@ -123,7 +124,7 @@ export {
|
|
|
123
124
|
default50 as RectangularCoordinates,
|
|
124
125
|
default51 as Ripples,
|
|
125
126
|
default52 as Saturation,
|
|
126
|
-
|
|
127
|
+
default74 as Shader,
|
|
127
128
|
default53 as Sharpness,
|
|
128
129
|
default54 as Shatter,
|
|
129
130
|
default55 as SimplexNoise,
|
|
@@ -134,15 +135,16 @@ export {
|
|
|
134
135
|
default60 as Strands,
|
|
135
136
|
default61 as Stretch,
|
|
136
137
|
default62 as Stripes,
|
|
137
|
-
default63 as
|
|
138
|
-
default64 as
|
|
139
|
-
default65 as
|
|
140
|
-
default66 as
|
|
141
|
-
default67 as
|
|
142
|
-
default68 as
|
|
143
|
-
default69 as
|
|
144
|
-
default70 as
|
|
145
|
-
default71 as
|
|
146
|
-
default72 as
|
|
138
|
+
default63 as StudioBackground,
|
|
139
|
+
default64 as Swirl,
|
|
140
|
+
default65 as TiltShift,
|
|
141
|
+
default66 as Tint,
|
|
142
|
+
default67 as Tritone,
|
|
143
|
+
default68 as Twirl,
|
|
144
|
+
default69 as Vibrance,
|
|
145
|
+
default70 as VideoTexture,
|
|
146
|
+
default71 as WaveDistortion,
|
|
147
|
+
default72 as WebcamTexture,
|
|
148
|
+
default73 as ZoomBlur,
|
|
147
149
|
generatePresetCode
|
|
148
150
|
};
|
|
@@ -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;AA02BD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UA0E/B,CAAA"}
|
|
@@ -651,6 +651,32 @@ const shaderMetadata = {
|
|
|
651
651
|
"offset": 0,
|
|
652
652
|
"colorSpace": "linear"
|
|
653
653
|
},
|
|
654
|
+
"StudioBackground": {
|
|
655
|
+
"opacity": 1,
|
|
656
|
+
"blendMode": "normal",
|
|
657
|
+
"color": "#d8dbec",
|
|
658
|
+
"keyColor": "#d5e4ea",
|
|
659
|
+
"keyIntensity": 40,
|
|
660
|
+
"keySoftness": 50,
|
|
661
|
+
"fillColor": "#d5e4ea",
|
|
662
|
+
"fillIntensity": 10,
|
|
663
|
+
"fillSoftness": 70,
|
|
664
|
+
"fillAngle": 70,
|
|
665
|
+
"backColor": "#c8d4e8",
|
|
666
|
+
"backIntensity": 20,
|
|
667
|
+
"backSoftness": 80,
|
|
668
|
+
"brightness": 20,
|
|
669
|
+
"vignette": 0,
|
|
670
|
+
"center": {
|
|
671
|
+
"x": 0.5,
|
|
672
|
+
"y": 0.8
|
|
673
|
+
},
|
|
674
|
+
"lightTarget": 100,
|
|
675
|
+
"wallCurvature": 10,
|
|
676
|
+
"ambientIntensity": 50,
|
|
677
|
+
"ambientSpeed": 2,
|
|
678
|
+
"seed": 0
|
|
679
|
+
},
|
|
654
680
|
"Swirl": {
|
|
655
681
|
"opacity": 1,
|
|
656
682
|
"blendMode": "normal",
|
|
@@ -912,6 +938,7 @@ const availableComponents = [
|
|
|
912
938
|
"Strands",
|
|
913
939
|
"Stretch",
|
|
914
940
|
"Stripes",
|
|
941
|
+
"StudioBackground",
|
|
915
942
|
"Swirl",
|
|
916
943
|
"TiltShift",
|
|
917
944
|
"Tint",
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type BlendMode, type TransformConfig } from '../../core';
|
|
2
|
+
import { type ComponentProps } from '../../core/shaders/StudioBackground';
|
|
3
|
+
/**
|
|
4
|
+
* Define component props including blend mode, opacity, visibility, masking, and transformation
|
|
5
|
+
*/
|
|
6
|
+
interface ExtendedComponentProps extends Partial<ComponentProps> {
|
|
7
|
+
blendMode?: BlendMode;
|
|
8
|
+
opacity?: number;
|
|
9
|
+
visible?: boolean;
|
|
10
|
+
id?: string;
|
|
11
|
+
maskSource?: string;
|
|
12
|
+
maskType?: string;
|
|
13
|
+
renderOrder?: number;
|
|
14
|
+
transform?: Partial<TransformConfig>;
|
|
15
|
+
children?: import('svelte').Snippet;
|
|
16
|
+
}
|
|
17
|
+
declare const StudioBackground: import("svelte").Component<ExtendedComponentProps, {}, "">;
|
|
18
|
+
type StudioBackground = ReturnType<typeof StudioBackground>;
|
|
19
|
+
export default StudioBackground;
|
|
@@ -649,6 +649,32 @@ var shaderMetadata = {
|
|
|
649
649
|
"offset": 0,
|
|
650
650
|
"colorSpace": "linear"
|
|
651
651
|
},
|
|
652
|
+
"StudioBackground": {
|
|
653
|
+
"opacity": 1,
|
|
654
|
+
"blendMode": "normal",
|
|
655
|
+
"color": "#d8dbec",
|
|
656
|
+
"keyColor": "#d5e4ea",
|
|
657
|
+
"keyIntensity": 40,
|
|
658
|
+
"keySoftness": 50,
|
|
659
|
+
"fillColor": "#d5e4ea",
|
|
660
|
+
"fillIntensity": 10,
|
|
661
|
+
"fillSoftness": 70,
|
|
662
|
+
"fillAngle": 70,
|
|
663
|
+
"backColor": "#c8d4e8",
|
|
664
|
+
"backIntensity": 20,
|
|
665
|
+
"backSoftness": 80,
|
|
666
|
+
"brightness": 20,
|
|
667
|
+
"vignette": 0,
|
|
668
|
+
"center": {
|
|
669
|
+
"x": .5,
|
|
670
|
+
"y": .8
|
|
671
|
+
},
|
|
672
|
+
"lightTarget": 100,
|
|
673
|
+
"wallCurvature": 10,
|
|
674
|
+
"ambientIntensity": 50,
|
|
675
|
+
"ambientSpeed": 2,
|
|
676
|
+
"seed": 0
|
|
677
|
+
},
|
|
652
678
|
"Swirl": {
|
|
653
679
|
"opacity": 1,
|
|
654
680
|
"blendMode": "normal",
|
|
@@ -861,6 +887,7 @@ const availableComponents = [
|
|
|
861
887
|
"Strands",
|
|
862
888
|
"Stretch",
|
|
863
889
|
"Stripes",
|
|
890
|
+
"StudioBackground",
|
|
864
891
|
"Swirl",
|
|
865
892
|
"TiltShift",
|
|
866
893
|
"Tint",
|
package/dist/svelte/index.d.ts
CHANGED
|
@@ -59,6 +59,7 @@ export { default as Spiral } from './components/Spiral.svelte';
|
|
|
59
59
|
export { default as Strands } from './components/Strands.svelte';
|
|
60
60
|
export { default as Stretch } from './components/Stretch.svelte';
|
|
61
61
|
export { default as Stripes } from './components/Stripes.svelte';
|
|
62
|
+
export { default as StudioBackground } from './components/StudioBackground.svelte';
|
|
62
63
|
export { default as Swirl } from './components/Swirl.svelte';
|
|
63
64
|
export { default as TiltShift } from './components/TiltShift.svelte';
|
|
64
65
|
export { default as Tint } from './components/Tint.svelte';
|