shaders 2.3.49 → 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/ConcentricSpin-CLTGx_sN.js +173 -0
- package/dist/core/StudioBackground-CFjfBnWp.js +337 -0
- package/dist/core/registry.js +120 -116
- package/dist/core/shaderRegistry.d.ts.map +1 -1
- package/dist/core/shaders/CRTScreen/index.js +1 -1
- package/dist/core/shaders/ConcentricSpin/index.d.ts +64 -0
- package/dist/core/shaders/ConcentricSpin/index.d.ts.map +1 -0
- package/dist/core/shaders/ConcentricSpin/index.js +5 -0
- package/dist/core/shaders/ContourLines/index.js +1 -1
- package/dist/core/shaders/CursorTrail/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/Duotone/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/GlassTiles/index.js +1 -1
- package/dist/core/shaders/Glitch/index.js +1 -1
- package/dist/core/shaders/Glow/index.js +1 -1
- 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/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/Mirror/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/Posterize/index.js +1 -1
- package/dist/core/shaders/ProgressiveBlur/index.js +1 -1
- package/dist/core/shaders/RadialGradient/index.js +1 -1
- package/dist/core/shaders/RectangularCoordinates/index.js +1 -1
- package/dist/core/shaders/Ripples/index.js +1 -1
- 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/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/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.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/ConcentricSpin.js +164 -0
- package/dist/react/StudioBackground.js +164 -0
- package/dist/react/components/ConcentricSpin.d.ts +31 -0
- package/dist/react/components/ConcentricSpin.d.ts.map +1 -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 +2 -0
- package/dist/react/index.d.ts.map +1 -1
- package/dist/react/index.js +3 -1
- package/dist/react/utils/generatePresetCode.d.ts.map +1 -1
- package/dist/react/utils/generatePresetCode.js +43 -0
- package/dist/registry.js +687 -0
- package/dist/solid/components/ConcentricSpin.d.ts +28 -0
- package/dist/solid/components/ConcentricSpin.d.ts.map +1 -0
- package/dist/solid/components/ConcentricSpin.js +168 -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 +2 -0
- package/dist/solid/index.d.ts.map +1 -1
- package/dist/solid/index.js +120 -116
- package/dist/solid/utils/generatePresetCode.d.ts.map +1 -1
- package/dist/solid/utils/generatePresetCode.js +43 -0
- package/dist/svelte/components/ConcentricSpin.svelte.d.ts +19 -0
- package/dist/svelte/components/StudioBackground.svelte.d.ts +19 -0
- package/dist/svelte/{generatePresetCode-Bw9A9k-k.js → generatePresetCode-TDa1I3YR.js} +43 -0
- package/dist/svelte/index.d.ts +2 -0
- package/dist/svelte/index.js +515 -255
- package/dist/svelte/utils/generatePresetCode.js +1 -1
- package/dist/vue/ConcentricSpin.js +3 -0
- package/dist/vue/ConcentricSpin.vue_vue_type_script_setup_true_lang.js +151 -0
- 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/ConcentricSpin.vue.d.ts +54 -0
- package/dist/vue/components/ConcentricSpin.vue.d.ts.map +1 -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 +2 -0
- package/dist/vue/index.d.ts.map +1 -1
- package/dist/vue/index.js +3 -1
- package/dist/vue/utils/generatePresetCode.d.ts.map +1 -1
- package/dist/vue/utils/generatePresetCode.js +43 -0
- package/package.json +17 -1
- /package/dist/core/{CRTScreen-BJJhBQ3D.js → CRTScreen-D6qh6DnD.js} +0 -0
- /package/dist/core/{ContourLines-NASMUR3G.js → ContourLines-Dc5J7iw5.js} +0 -0
- /package/dist/core/{CursorTrail-DT7Q3TzC.js → CursorTrail-COnyRZH9.js} +0 -0
- /package/dist/core/{DiffuseBlur-dJ8C3PKh.js → DiffuseBlur-DcV8M7hN.js} +0 -0
- /package/dist/core/{Dither-Bac0W21a.js → Dither-C-w0ugGX.js} +0 -0
- /package/dist/core/{DotGrid-Cedu_WEn.js → DotGrid-wXnfcjrM.js} +0 -0
- /package/dist/core/{Duotone-DL9vhoyo.js → Duotone-B8dYgrFR.js} +0 -0
- /package/dist/core/{FilmGrain-BzdJM5vN.js → FilmGrain-D_6m7GJ4.js} +0 -0
- /package/dist/core/{FloatingParticles-DoB1DI8t.js → FloatingParticles-YuuXeICf.js} +0 -0
- /package/dist/core/{FlowField-BZ-ZbMzR.js → FlowField-Dx2eqOcU.js} +0 -0
- /package/dist/core/{GlassTiles-BQL2Id5c.js → GlassTiles-hnt2pUQN.js} +0 -0
- /package/dist/core/{Glitch-DmF8pHjd.js → Glitch-DfPXeSlL.js} +0 -0
- /package/dist/core/{Glow-Bxpj34sE.js → Glow-CQv_dRPj.js} +0 -0
- /package/dist/core/{Godrays-DqB-88ds.js → Godrays-B_-HliEA.js} +0 -0
- /package/dist/core/{Grayscale-CAuZTuZN.js → Grayscale-DRFXhxr4.js} +0 -0
- /package/dist/core/{Grid-B6Hf5dZa.js → Grid-DKSUwEIe.js} +0 -0
- /package/dist/core/{GridDistortion-DmwIHrXF.js → GridDistortion-DahXljLX.js} +0 -0
- /package/dist/core/{Group-DYtNH5QD.js → Group-r9gMBd5y.js} +0 -0
- /package/dist/core/{Halftone-vy2WIxyN.js → Halftone-ZVjwkjaQ.js} +0 -0
- /package/dist/core/{HueShift-C4E-S49G.js → HueShift-gZlNBwNE.js} +0 -0
- /package/dist/core/{ImageTexture-B40GVvXK.js → ImageTexture-DuXMku_O.js} +0 -0
- /package/dist/core/{Invert-ec-nb8PE.js → Invert-gUjZNHF3.js} +0 -0
- /package/dist/core/{Kaleidoscope-BO3WUc5P.js → Kaleidoscope-COKZ0BDb.js} +0 -0
- /package/dist/core/{LensFlare-BoaXy9ZE.js → LensFlare-D6jy4M7G.js} +0 -0
- /package/dist/core/{LinearBlur-BHaYZoXd.js → LinearBlur-CArDQIhs.js} +0 -0
- /package/dist/core/{LinearGradient-C8nueF-8.js → LinearGradient-BkB_3gVV.js} +0 -0
- /package/dist/core/{Liquify-JsuLWWkx.js → Liquify-BrIB9ajS.js} +0 -0
- /package/dist/core/{Mirror--f1QXEID.js → Mirror-BRPYfVAr.js} +0 -0
- /package/dist/core/{Perspective-Dyj4iJMR.js → Perspective-CglPLWTZ.js} +0 -0
- /package/dist/core/{Pixelate-CzXp_BwM.js → Pixelate-CwnuDc5L.js} +0 -0
- /package/dist/core/{Plasma-FfOwR9cP.js → Plasma-CuW-GOI_.js} +0 -0
- /package/dist/core/{PolarCoordinates-CfuvmwZm.js → PolarCoordinates-9AFXKnSC.js} +0 -0
- /package/dist/core/{Posterize-IUwDieMu.js → Posterize-DU2yrydV.js} +0 -0
- /package/dist/core/{ProgressiveBlur-BTGKywKM.js → ProgressiveBlur-BXv2mob_.js} +0 -0
- /package/dist/core/{RadialGradient-DbcPAwI7.js → RadialGradient-Dd21Be-_.js} +0 -0
- /package/dist/core/{RectangularCoordinates-OOpDHjTM.js → RectangularCoordinates-DAOGnX2p.js} +0 -0
- /package/dist/core/{Ripples-CGhzc9or.js → Ripples-Nk5is8WX.js} +0 -0
- /package/dist/core/{Saturation-ssiNVXIp.js → Saturation-KoiVB92Y.js} +0 -0
- /package/dist/core/{Sharpness-B-nN0G5P.js → Sharpness-CK-zaDVc.js} +0 -0
- /package/dist/core/{Shatter-CryQHkSZ.js → Shatter-EEzkIXGb.js} +0 -0
- /package/dist/core/{SimplexNoise-B-tDGmzX.js → SimplexNoise-DKov4Yho.js} +0 -0
- /package/dist/core/{SineWave-C6MpmU6E.js → SineWave-Cy0wWKUU.js} +0 -0
- /package/dist/core/{SolidColor-BjLy2eJx.js → SolidColor-P4OKglCC.js} +0 -0
- /package/dist/core/{Spherize-Mtl4w0Lc.js → Spherize-BLEvqakM.js} +0 -0
- /package/dist/core/{Spiral-Bl67ud0b.js → Spiral-DXuKs26n.js} +0 -0
- /package/dist/core/{Strands-BNxk94tR.js → Strands-DsdASoV4.js} +0 -0
- /package/dist/core/{Stretch-DROTOuvH.js → Stretch-By8f2wmJ.js} +0 -0
- /package/dist/core/{Stripes-IMsC1G-g.js → Stripes-D8HSlP1H.js} +0 -0
- /package/dist/core/{Swirl-C9xCY4TA.js → Swirl-BIFGxHL0.js} +0 -0
- /package/dist/core/{TiltShift-CFhc4M-Z.js → TiltShift-CLMFkzBs.js} +0 -0
- /package/dist/core/{Tint-DS1FvtQc.js → Tint-NQjiXLGu.js} +0 -0
- /package/dist/core/{Tritone-CesYYNTz.js → Tritone-67eoddBF.js} +0 -0
- /package/dist/core/{Twirl-8C-m04yw.js → Twirl-ZaYAMqmq.js} +0 -0
- /package/dist/core/{Vibrance-Cbr-9ds2.js → Vibrance-DbSUuK_4.js} +0 -0
- /package/dist/core/{VideoTexture-DKnQrDkq.js → VideoTexture-lHzoN3G9.js} +0 -0
- /package/dist/core/{WaveDistortion-D-TGqE0a.js → WaveDistortion-CB6xTndT.js} +0 -0
- /package/dist/core/{WebcamTexture-C3EtpWf2.js → WebcamTexture-BJUvpMmV.js} +0 -0
- /package/dist/core/{ZoomBlur-DmMiy4FJ.js → ZoomBlur-BCClC8fw.js} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-
|
|
1
|
+
import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-TDa1I3YR.js";
|
|
2
2
|
export { availableComponents, generatePresetCode };
|
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
import { computed, createElementBlock, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, unref, watch } from "vue";
|
|
2
|
+
import { createUniformsMap } from "../core/index.js";
|
|
3
|
+
import { componentDefinition } from "../core/shaders/ConcentricSpin/index.js";
|
|
4
|
+
var _hoisted_1 = ["data-shader-id"];
|
|
5
|
+
var ConcentricSpin_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
6
|
+
__name: "ConcentricSpin",
|
|
7
|
+
props: /* @__PURE__ */ mergeDefaults({
|
|
8
|
+
blendMode: {},
|
|
9
|
+
opacity: {},
|
|
10
|
+
visible: { type: Boolean },
|
|
11
|
+
id: {},
|
|
12
|
+
maskSource: {},
|
|
13
|
+
maskType: {},
|
|
14
|
+
renderOrder: {},
|
|
15
|
+
transform: {},
|
|
16
|
+
intensity: {},
|
|
17
|
+
rings: {},
|
|
18
|
+
smoothness: {},
|
|
19
|
+
seed: {},
|
|
20
|
+
speed: {},
|
|
21
|
+
speedRandomness: {},
|
|
22
|
+
edges: {},
|
|
23
|
+
center: {}
|
|
24
|
+
}, {
|
|
25
|
+
blendMode: "normal",
|
|
26
|
+
visible: true,
|
|
27
|
+
...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
|
|
28
|
+
acc[key] = config.default;
|
|
29
|
+
return acc;
|
|
30
|
+
}, {})
|
|
31
|
+
}),
|
|
32
|
+
setup(__props) {
|
|
33
|
+
const props = __props;
|
|
34
|
+
const instanceId = props.id || Math.random().toString(36).substring(2, 10);
|
|
35
|
+
provide("shaderParentId", instanceId);
|
|
36
|
+
const DEFAULT_TRANSFORM = {
|
|
37
|
+
offsetX: 0,
|
|
38
|
+
offsetY: 0,
|
|
39
|
+
rotation: 0,
|
|
40
|
+
scale: 1,
|
|
41
|
+
anchorX: .5,
|
|
42
|
+
anchorY: .5,
|
|
43
|
+
edges: "transparent"
|
|
44
|
+
};
|
|
45
|
+
const effectiveTransform = computed(() => ({
|
|
46
|
+
...DEFAULT_TRANSFORM,
|
|
47
|
+
...props.transform
|
|
48
|
+
}));
|
|
49
|
+
const uniforms = createUniformsMap(componentDefinition, computed(() => {
|
|
50
|
+
let baseProps = { ...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
|
|
51
|
+
acc[key] = config.default;
|
|
52
|
+
return acc;
|
|
53
|
+
}, {}) };
|
|
54
|
+
for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition.props).reduce((acc, [key$1, config]) => {
|
|
55
|
+
acc[key$1] = config.default;
|
|
56
|
+
return acc;
|
|
57
|
+
}, {})[key]) baseProps[key] = toValue(props[key]);
|
|
58
|
+
return baseProps;
|
|
59
|
+
}).value, instanceId);
|
|
60
|
+
const parentId = inject("shaderParentId");
|
|
61
|
+
if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
|
|
62
|
+
const parentRegister = inject("shaderNodeRegister");
|
|
63
|
+
if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
|
|
64
|
+
const parentUniformUpdate = inject("shaderUniformUpdate");
|
|
65
|
+
if (parentUniformUpdate === void 0) throw new Error("Shader components require shaderUniformUpdate from parent");
|
|
66
|
+
const parentMetadataUpdate = inject("shaderMetadataUpdate");
|
|
67
|
+
if (parentMetadataUpdate === void 0) throw new Error("Shader components require shaderMetadataUpdate from parent");
|
|
68
|
+
const rendererResetSignal = inject("shaderRendererResetSignal");
|
|
69
|
+
const orderMarker = ref(null);
|
|
70
|
+
let detectedRenderOrder = void 0;
|
|
71
|
+
const registerWithRenderer = () => {
|
|
72
|
+
parentRegister(instanceId, componentDefinition.fragmentNode, parentId, {
|
|
73
|
+
blendMode: props.blendMode,
|
|
74
|
+
opacity: props.opacity,
|
|
75
|
+
visible: props.visible === false ? false : true,
|
|
76
|
+
id: props.id,
|
|
77
|
+
mask: props.maskSource ? {
|
|
78
|
+
source: props.maskSource,
|
|
79
|
+
type: props.maskType || "alpha"
|
|
80
|
+
} : void 0,
|
|
81
|
+
renderOrder: props.renderOrder ?? detectedRenderOrder,
|
|
82
|
+
transform: effectiveTransform.value
|
|
83
|
+
}, uniforms, componentDefinition);
|
|
84
|
+
};
|
|
85
|
+
onMounted(() => {
|
|
86
|
+
if (props.renderOrder === void 0 && orderMarker.value) {
|
|
87
|
+
const parent = orderMarker.value.parentElement;
|
|
88
|
+
if (parent) {
|
|
89
|
+
const siblings = parent.querySelectorAll(":scope > [data-shader-id]");
|
|
90
|
+
const position = Array.from(siblings).indexOf(orderMarker.value);
|
|
91
|
+
if (position >= 0) {
|
|
92
|
+
detectedRenderOrder = position;
|
|
93
|
+
parentMetadataUpdate(instanceId, { renderOrder: position });
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
});
|
|
98
|
+
const setupUniformWatchers = () => {
|
|
99
|
+
const scope = effectScope();
|
|
100
|
+
scope.run(() => {
|
|
101
|
+
Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
|
|
102
|
+
watch(() => props[propName], (newValue) => {
|
|
103
|
+
if (uniform && uniform.value !== void 0) parentUniformUpdate(instanceId, propName, newValue);
|
|
104
|
+
}, { deep: true });
|
|
105
|
+
});
|
|
106
|
+
watch(() => [
|
|
107
|
+
props.blendMode,
|
|
108
|
+
props.opacity,
|
|
109
|
+
props.visible,
|
|
110
|
+
props.id,
|
|
111
|
+
props.maskSource,
|
|
112
|
+
props.maskType,
|
|
113
|
+
props.renderOrder,
|
|
114
|
+
props.transform
|
|
115
|
+
], ([blendMode, opacity, visible]) => {
|
|
116
|
+
parentMetadataUpdate(instanceId, {
|
|
117
|
+
blendMode,
|
|
118
|
+
opacity,
|
|
119
|
+
visible: visible === false ? false : true,
|
|
120
|
+
id: props.id,
|
|
121
|
+
mask: props.maskSource ? {
|
|
122
|
+
source: props.maskSource,
|
|
123
|
+
type: props.maskType || "alpha"
|
|
124
|
+
} : void 0,
|
|
125
|
+
renderOrder: props.renderOrder ?? detectedRenderOrder,
|
|
126
|
+
transform: effectiveTransform.value
|
|
127
|
+
});
|
|
128
|
+
}, { deep: true });
|
|
129
|
+
if (rendererResetSignal) watch(() => rendererResetSignal.value, (newValue) => {
|
|
130
|
+
if (newValue > 0) registerWithRenderer();
|
|
131
|
+
}, { immediate: true });
|
|
132
|
+
});
|
|
133
|
+
onBeforeUnmount(() => {
|
|
134
|
+
scope.stop();
|
|
135
|
+
});
|
|
136
|
+
};
|
|
137
|
+
setupUniformWatchers();
|
|
138
|
+
onBeforeUnmount(() => {
|
|
139
|
+
parentRegister(instanceId, null, null, null, null, null);
|
|
140
|
+
});
|
|
141
|
+
return (_ctx, _cache) => {
|
|
142
|
+
return openBlock(), createElementBlock("span", {
|
|
143
|
+
ref_key: "orderMarker",
|
|
144
|
+
ref: orderMarker,
|
|
145
|
+
style: { "display": "contents" },
|
|
146
|
+
"data-shader-id": unref(instanceId)
|
|
147
|
+
}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1);
|
|
148
|
+
};
|
|
149
|
+
}
|
|
150
|
+
});
|
|
151
|
+
export { ConcentricSpin_vue_vue_type_script_setup_true_lang_default as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import StudioBackground_vue_vue_type_script_setup_true_lang_default from "./StudioBackground.vue_vue_type_script_setup_true_lang.js";
|
|
2
|
+
var StudioBackground_default = StudioBackground_vue_vue_type_script_setup_true_lang_default;
|
|
3
|
+
export { StudioBackground_default as default };
|
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
import { computed, createElementBlock, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, unref, watch } from "vue";
|
|
2
|
+
import { createUniformsMap } from "../core/index.js";
|
|
3
|
+
import { componentDefinition } from "../core/shaders/StudioBackground/index.js";
|
|
4
|
+
var _hoisted_1 = ["data-shader-id"];
|
|
5
|
+
var StudioBackground_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
6
|
+
__name: "StudioBackground",
|
|
7
|
+
props: /* @__PURE__ */ mergeDefaults({
|
|
8
|
+
blendMode: {},
|
|
9
|
+
opacity: {},
|
|
10
|
+
visible: { type: Boolean },
|
|
11
|
+
id: {},
|
|
12
|
+
maskSource: {},
|
|
13
|
+
maskType: {},
|
|
14
|
+
renderOrder: {},
|
|
15
|
+
transform: {},
|
|
16
|
+
color: {},
|
|
17
|
+
brightness: {},
|
|
18
|
+
keyColor: {},
|
|
19
|
+
keyIntensity: {},
|
|
20
|
+
keySoftness: {},
|
|
21
|
+
fillColor: {},
|
|
22
|
+
fillIntensity: {},
|
|
23
|
+
fillSoftness: {},
|
|
24
|
+
fillAngle: {},
|
|
25
|
+
backColor: {},
|
|
26
|
+
backIntensity: {},
|
|
27
|
+
backSoftness: {},
|
|
28
|
+
center: {},
|
|
29
|
+
lightTarget: {},
|
|
30
|
+
wallCurvature: {},
|
|
31
|
+
vignette: {},
|
|
32
|
+
ambientIntensity: {},
|
|
33
|
+
ambientSpeed: {},
|
|
34
|
+
seed: {}
|
|
35
|
+
}, {
|
|
36
|
+
blendMode: "normal",
|
|
37
|
+
visible: true,
|
|
38
|
+
...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
|
|
39
|
+
acc[key] = config.default;
|
|
40
|
+
return acc;
|
|
41
|
+
}, {})
|
|
42
|
+
}),
|
|
43
|
+
setup(__props) {
|
|
44
|
+
const props = __props;
|
|
45
|
+
const instanceId = props.id || Math.random().toString(36).substring(2, 10);
|
|
46
|
+
provide("shaderParentId", instanceId);
|
|
47
|
+
const DEFAULT_TRANSFORM = {
|
|
48
|
+
offsetX: 0,
|
|
49
|
+
offsetY: 0,
|
|
50
|
+
rotation: 0,
|
|
51
|
+
scale: 1,
|
|
52
|
+
anchorX: .5,
|
|
53
|
+
anchorY: .5,
|
|
54
|
+
edges: "transparent"
|
|
55
|
+
};
|
|
56
|
+
const effectiveTransform = computed(() => ({
|
|
57
|
+
...DEFAULT_TRANSFORM,
|
|
58
|
+
...props.transform
|
|
59
|
+
}));
|
|
60
|
+
const uniforms = createUniformsMap(componentDefinition, computed(() => {
|
|
61
|
+
let baseProps = { ...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
|
|
62
|
+
acc[key] = config.default;
|
|
63
|
+
return acc;
|
|
64
|
+
}, {}) };
|
|
65
|
+
for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition.props).reduce((acc, [key$1, config]) => {
|
|
66
|
+
acc[key$1] = config.default;
|
|
67
|
+
return acc;
|
|
68
|
+
}, {})[key]) baseProps[key] = toValue(props[key]);
|
|
69
|
+
return baseProps;
|
|
70
|
+
}).value, instanceId);
|
|
71
|
+
const parentId = inject("shaderParentId");
|
|
72
|
+
if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
|
|
73
|
+
const parentRegister = inject("shaderNodeRegister");
|
|
74
|
+
if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
|
|
75
|
+
const parentUniformUpdate = inject("shaderUniformUpdate");
|
|
76
|
+
if (parentUniformUpdate === void 0) throw new Error("Shader components require shaderUniformUpdate from parent");
|
|
77
|
+
const parentMetadataUpdate = inject("shaderMetadataUpdate");
|
|
78
|
+
if (parentMetadataUpdate === void 0) throw new Error("Shader components require shaderMetadataUpdate from parent");
|
|
79
|
+
const rendererResetSignal = inject("shaderRendererResetSignal");
|
|
80
|
+
const orderMarker = ref(null);
|
|
81
|
+
let detectedRenderOrder = void 0;
|
|
82
|
+
const registerWithRenderer = () => {
|
|
83
|
+
parentRegister(instanceId, componentDefinition.fragmentNode, parentId, {
|
|
84
|
+
blendMode: props.blendMode,
|
|
85
|
+
opacity: props.opacity,
|
|
86
|
+
visible: props.visible === false ? false : true,
|
|
87
|
+
id: props.id,
|
|
88
|
+
mask: props.maskSource ? {
|
|
89
|
+
source: props.maskSource,
|
|
90
|
+
type: props.maskType || "alpha"
|
|
91
|
+
} : void 0,
|
|
92
|
+
renderOrder: props.renderOrder ?? detectedRenderOrder,
|
|
93
|
+
transform: effectiveTransform.value
|
|
94
|
+
}, uniforms, componentDefinition);
|
|
95
|
+
};
|
|
96
|
+
onMounted(() => {
|
|
97
|
+
if (props.renderOrder === void 0 && orderMarker.value) {
|
|
98
|
+
const parent = orderMarker.value.parentElement;
|
|
99
|
+
if (parent) {
|
|
100
|
+
const siblings = parent.querySelectorAll(":scope > [data-shader-id]");
|
|
101
|
+
const position = Array.from(siblings).indexOf(orderMarker.value);
|
|
102
|
+
if (position >= 0) {
|
|
103
|
+
detectedRenderOrder = position;
|
|
104
|
+
parentMetadataUpdate(instanceId, { renderOrder: position });
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
});
|
|
109
|
+
const setupUniformWatchers = () => {
|
|
110
|
+
const scope = effectScope();
|
|
111
|
+
scope.run(() => {
|
|
112
|
+
Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
|
|
113
|
+
watch(() => props[propName], (newValue) => {
|
|
114
|
+
if (uniform && uniform.value !== void 0) parentUniformUpdate(instanceId, propName, newValue);
|
|
115
|
+
}, { deep: true });
|
|
116
|
+
});
|
|
117
|
+
watch(() => [
|
|
118
|
+
props.blendMode,
|
|
119
|
+
props.opacity,
|
|
120
|
+
props.visible,
|
|
121
|
+
props.id,
|
|
122
|
+
props.maskSource,
|
|
123
|
+
props.maskType,
|
|
124
|
+
props.renderOrder,
|
|
125
|
+
props.transform
|
|
126
|
+
], ([blendMode, opacity, visible]) => {
|
|
127
|
+
parentMetadataUpdate(instanceId, {
|
|
128
|
+
blendMode,
|
|
129
|
+
opacity,
|
|
130
|
+
visible: visible === false ? false : true,
|
|
131
|
+
id: props.id,
|
|
132
|
+
mask: props.maskSource ? {
|
|
133
|
+
source: props.maskSource,
|
|
134
|
+
type: props.maskType || "alpha"
|
|
135
|
+
} : void 0,
|
|
136
|
+
renderOrder: props.renderOrder ?? detectedRenderOrder,
|
|
137
|
+
transform: effectiveTransform.value
|
|
138
|
+
});
|
|
139
|
+
}, { deep: true });
|
|
140
|
+
if (rendererResetSignal) watch(() => rendererResetSignal.value, (newValue) => {
|
|
141
|
+
if (newValue > 0) registerWithRenderer();
|
|
142
|
+
}, { immediate: true });
|
|
143
|
+
});
|
|
144
|
+
onBeforeUnmount(() => {
|
|
145
|
+
scope.stop();
|
|
146
|
+
});
|
|
147
|
+
};
|
|
148
|
+
setupUniformWatchers();
|
|
149
|
+
onBeforeUnmount(() => {
|
|
150
|
+
parentRegister(instanceId, null, null, null, null, null);
|
|
151
|
+
});
|
|
152
|
+
return (_ctx, _cache) => {
|
|
153
|
+
return openBlock(), createElementBlock("span", {
|
|
154
|
+
ref_key: "orderMarker",
|
|
155
|
+
ref: orderMarker,
|
|
156
|
+
style: { "display": "contents" },
|
|
157
|
+
"data-shader-id": unref(instanceId)
|
|
158
|
+
}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1);
|
|
159
|
+
};
|
|
160
|
+
}
|
|
161
|
+
});
|
|
162
|
+
export { StudioBackground_vue_vue_type_script_setup_true_lang_default as default };
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { BlendMode, TransformConfig } from '../../core';
|
|
2
|
+
import { ComponentProps } from '../../core/shaders/ConcentricSpin';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Define component props including blend mode, opacity, visibility, masking, and transformation
|
|
6
|
+
*/
|
|
7
|
+
interface ExtendedComponentProps extends Partial<ComponentProps> {
|
|
8
|
+
blendMode?: BlendMode;
|
|
9
|
+
opacity?: number;
|
|
10
|
+
visible?: boolean;
|
|
11
|
+
id?: string;
|
|
12
|
+
maskSource?: string;
|
|
13
|
+
maskType?: string;
|
|
14
|
+
renderOrder?: number;
|
|
15
|
+
transform?: Partial<TransformConfig>;
|
|
16
|
+
}
|
|
17
|
+
declare function __VLS_template(): {
|
|
18
|
+
default?(_: {}): any;
|
|
19
|
+
};
|
|
20
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ExtendedComponentProps>, {
|
|
21
|
+
blendMode: string;
|
|
22
|
+
visible: boolean;
|
|
23
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ExtendedComponentProps>, {
|
|
24
|
+
blendMode: string;
|
|
25
|
+
visible: boolean;
|
|
26
|
+
}>>> & Readonly<{}>, {
|
|
27
|
+
blendMode: BlendMode;
|
|
28
|
+
visible: boolean;
|
|
29
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
30
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
31
|
+
export default _default;
|
|
32
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
33
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
34
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
35
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
36
|
+
} : {
|
|
37
|
+
type: import('vue').PropType<T[K]>;
|
|
38
|
+
required: true;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
type __VLS_WithDefaults<P, D> = {
|
|
42
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
43
|
+
default: D[K];
|
|
44
|
+
}> : P[K];
|
|
45
|
+
};
|
|
46
|
+
type __VLS_Prettify<T> = {
|
|
47
|
+
[K in keyof T]: T[K];
|
|
48
|
+
} & {};
|
|
49
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
50
|
+
new (): {
|
|
51
|
+
$slots: S;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
//# sourceMappingURL=ConcentricSpin.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConcentricSpin.vue.d.ts","sourceRoot":"","sources":["../../src/components/ConcentricSpin.vue"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,SAAS,EAId,KAAK,eAAe,EACrB,MAAM,cAAc,CAAA;AAGrB,OAAO,EAAsB,KAAK,cAAc,EAAC,MAAM,6BAA6B,CAAA;AAIpF;;GAEG;AACH,UAAU,sBAAuB,SAAQ,OAAO,CAAC,cAAc,CAAC;IAC9D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACtC;AA2PD,iBAAS,cAAc;qBAsCM,GAAG;EAK/B;AAUD,QAAA,MAAM,eAAe;;;;;;;eAxTP,SAAS;aAEX,OAAO;4EA4TjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { BlendMode, TransformConfig } from '../../core';
|
|
2
|
+
import { ComponentProps } from '../../core/shaders/StudioBackground';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Define component props including blend mode, opacity, visibility, masking, and transformation
|
|
6
|
+
*/
|
|
7
|
+
interface ExtendedComponentProps extends Partial<ComponentProps> {
|
|
8
|
+
blendMode?: BlendMode;
|
|
9
|
+
opacity?: number;
|
|
10
|
+
visible?: boolean;
|
|
11
|
+
id?: string;
|
|
12
|
+
maskSource?: string;
|
|
13
|
+
maskType?: string;
|
|
14
|
+
renderOrder?: number;
|
|
15
|
+
transform?: Partial<TransformConfig>;
|
|
16
|
+
}
|
|
17
|
+
declare function __VLS_template(): {
|
|
18
|
+
default?(_: {}): any;
|
|
19
|
+
};
|
|
20
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ExtendedComponentProps>, {
|
|
21
|
+
blendMode: string;
|
|
22
|
+
visible: boolean;
|
|
23
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ExtendedComponentProps>, {
|
|
24
|
+
blendMode: string;
|
|
25
|
+
visible: boolean;
|
|
26
|
+
}>>> & Readonly<{}>, {
|
|
27
|
+
blendMode: BlendMode;
|
|
28
|
+
visible: boolean;
|
|
29
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
30
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
31
|
+
export default _default;
|
|
32
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
33
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
34
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
35
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
36
|
+
} : {
|
|
37
|
+
type: import('vue').PropType<T[K]>;
|
|
38
|
+
required: true;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
type __VLS_WithDefaults<P, D> = {
|
|
42
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
43
|
+
default: D[K];
|
|
44
|
+
}> : P[K];
|
|
45
|
+
};
|
|
46
|
+
type __VLS_Prettify<T> = {
|
|
47
|
+
[K in keyof T]: T[K];
|
|
48
|
+
} & {};
|
|
49
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
50
|
+
new (): {
|
|
51
|
+
$slots: S;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
//# sourceMappingURL=StudioBackground.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StudioBackground.vue.d.ts","sourceRoot":"","sources":["../../src/components/StudioBackground.vue"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,SAAS,EAId,KAAK,eAAe,EACrB,MAAM,cAAc,CAAA;AAGrB,OAAO,EAAsB,KAAK,cAAc,EAAC,MAAM,+BAA+B,CAAA;AAItF;;GAEG;AACH,UAAU,sBAAuB,SAAQ,OAAO,CAAC,cAAc,CAAC;IAC9D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACtC;AA2PD,iBAAS,cAAc;qBAsCM,GAAG;EAK/B;AAUD,QAAA,MAAM,eAAe;;;;;;;eAxTP,SAAS;aAEX,OAAO;4EA4TjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
package/dist/vue/index.d.ts
CHANGED
|
@@ -11,6 +11,7 @@ export { default as Checkerboard } from './components/Checkerboard.vue';
|
|
|
11
11
|
export { default as ChromaFlow } from './components/ChromaFlow.vue';
|
|
12
12
|
export { default as ChromaticAberration } from './components/ChromaticAberration.vue';
|
|
13
13
|
export { default as Circle } from './components/Circle.vue';
|
|
14
|
+
export { default as ConcentricSpin } from './components/ConcentricSpin.vue';
|
|
14
15
|
export { default as ContourLines } from './components/ContourLines.vue';
|
|
15
16
|
export { default as CursorTrail } from './components/CursorTrail.vue';
|
|
16
17
|
export { default as DiffuseBlur } from './components/DiffuseBlur.vue';
|
|
@@ -58,6 +59,7 @@ export { default as Spiral } from './components/Spiral.vue';
|
|
|
58
59
|
export { default as Strands } from './components/Strands.vue';
|
|
59
60
|
export { default as Stretch } from './components/Stretch.vue';
|
|
60
61
|
export { default as Stripes } from './components/Stripes.vue';
|
|
62
|
+
export { default as StudioBackground } from './components/StudioBackground.vue';
|
|
61
63
|
export { default as Swirl } from './components/Swirl.vue';
|
|
62
64
|
export { default as TiltShift } from './components/TiltShift.vue';
|
|
63
65
|
export { default as Tint } from './components/Tint.vue';
|
package/dist/vue/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/vue/index.js
CHANGED
|
@@ -11,6 +11,7 @@ import Checkerboard_default from "./Checkerboard.js";
|
|
|
11
11
|
import ChromaFlow_default from "./ChromaFlow.js";
|
|
12
12
|
import ChromaticAberration_default from "./ChromaticAberration.js";
|
|
13
13
|
import Circle_default from "./Circle.js";
|
|
14
|
+
import ConcentricSpin_default from "./ConcentricSpin.js";
|
|
14
15
|
import ContourLines_default from "./ContourLines.js";
|
|
15
16
|
import CursorTrail_default from "./CursorTrail.js";
|
|
16
17
|
import DiffuseBlur_default from "./DiffuseBlur.js";
|
|
@@ -58,6 +59,7 @@ import Spiral_default from "./Spiral.js";
|
|
|
58
59
|
import Strands_default from "./Strands.js";
|
|
59
60
|
import Stretch_default from "./Stretch.js";
|
|
60
61
|
import Stripes_default from "./Stripes.js";
|
|
62
|
+
import StudioBackground_default from "./StudioBackground.js";
|
|
61
63
|
import Swirl_default from "./Swirl.js";
|
|
62
64
|
import TiltShift_default from "./TiltShift.js";
|
|
63
65
|
import Tint_default from "./Tint.js";
|
|
@@ -70,4 +72,4 @@ import WebcamTexture_default from "./WebcamTexture.js";
|
|
|
70
72
|
import ZoomBlur_default from "./ZoomBlur.js";
|
|
71
73
|
import Shader_default from "./Shader.js";
|
|
72
74
|
import { generatePresetCode } from "./utils/generatePresetCode.js";
|
|
73
|
-
export { AngularBlur_default as AngularBlur, Ascii_default as Ascii, Beam_default as Beam, Blob_default as Blob, Blur_default as Blur, BrightnessContrast_default as BrightnessContrast, Bulge_default as Bulge, CRTScreen_default as CRTScreen, ChannelBlur_default as ChannelBlur, Checkerboard_default as Checkerboard, ChromaFlow_default as ChromaFlow, ChromaticAberration_default as ChromaticAberration, Circle_default as Circle, ContourLines_default as ContourLines, CursorTrail_default as CursorTrail, DiffuseBlur_default as DiffuseBlur, Dither_default as Dither, DotGrid_default as DotGrid, Duotone_default as Duotone, FilmGrain_default as FilmGrain, FloatingParticles_default as FloatingParticles, FlowField_default as FlowField, GlassTiles_default as GlassTiles, Glitch_default as Glitch, Glow_default as Glow, Godrays_default as Godrays, Grayscale_default as Grayscale, Grid_default as Grid, GridDistortion_default as GridDistortion, Group_default as Group, Halftone_default as Halftone, HueShift_default as HueShift, ImageTexture_default as ImageTexture, Invert_default as Invert, Kaleidoscope_default as Kaleidoscope, LensFlare_default as LensFlare, LinearBlur_default as LinearBlur, LinearGradient_default as LinearGradient, Liquify_default as Liquify, Mirror_default as Mirror, Perspective_default as Perspective, Pixelate_default as Pixelate, Plasma_default as Plasma, PolarCoordinates_default as PolarCoordinates, Posterize_default as Posterize, ProgressiveBlur_default as ProgressiveBlur, RadialGradient_default as RadialGradient, RectangularCoordinates_default as RectangularCoordinates, Ripples_default as Ripples, Saturation_default as Saturation, Shader_default as Shader, Sharpness_default as Sharpness, Shatter_default as Shatter, SimplexNoise_default as SimplexNoise, SineWave_default as SineWave, SolidColor_default as SolidColor, Spherize_default as Spherize, Spiral_default as Spiral, Strands_default as Strands, Stretch_default as Stretch, Stripes_default as Stripes, Swirl_default as Swirl, TiltShift_default as TiltShift, Tint_default as Tint, Tritone_default as Tritone, Twirl_default as Twirl, Vibrance_default as Vibrance, VideoTexture_default as VideoTexture, WaveDistortion_default as WaveDistortion, WebcamTexture_default as WebcamTexture, ZoomBlur_default as ZoomBlur, generatePresetCode };
|
|
75
|
+
export { AngularBlur_default as AngularBlur, Ascii_default as Ascii, Beam_default as Beam, Blob_default as Blob, Blur_default as Blur, BrightnessContrast_default as BrightnessContrast, Bulge_default as Bulge, CRTScreen_default as CRTScreen, ChannelBlur_default as ChannelBlur, Checkerboard_default as Checkerboard, ChromaFlow_default as ChromaFlow, ChromaticAberration_default as ChromaticAberration, Circle_default as Circle, ConcentricSpin_default as ConcentricSpin, ContourLines_default as ContourLines, CursorTrail_default as CursorTrail, DiffuseBlur_default as DiffuseBlur, Dither_default as Dither, DotGrid_default as DotGrid, Duotone_default as Duotone, FilmGrain_default as FilmGrain, FloatingParticles_default as FloatingParticles, FlowField_default as FlowField, GlassTiles_default as GlassTiles, Glitch_default as Glitch, Glow_default as Glow, Godrays_default as Godrays, Grayscale_default as Grayscale, Grid_default as Grid, GridDistortion_default as GridDistortion, Group_default as Group, Halftone_default as Halftone, HueShift_default as HueShift, ImageTexture_default as ImageTexture, Invert_default as Invert, Kaleidoscope_default as Kaleidoscope, LensFlare_default as LensFlare, LinearBlur_default as LinearBlur, LinearGradient_default as LinearGradient, Liquify_default as Liquify, Mirror_default as Mirror, Perspective_default as Perspective, Pixelate_default as Pixelate, Plasma_default as Plasma, PolarCoordinates_default as PolarCoordinates, Posterize_default as Posterize, ProgressiveBlur_default as ProgressiveBlur, RadialGradient_default as RadialGradient, RectangularCoordinates_default as RectangularCoordinates, Ripples_default as Ripples, Saturation_default as Saturation, Shader_default as Shader, Sharpness_default as Sharpness, Shatter_default as Shatter, SimplexNoise_default as SimplexNoise, SineWave_default as SineWave, SolidColor_default as SolidColor, Spherize_default as Spherize, Spiral_default as Spiral, Strands_default as Strands, Stretch_default as Stretch, Stripes_default as Stripes, StudioBackground_default as StudioBackground, Swirl_default as Swirl, TiltShift_default as TiltShift, Tint_default as Tint, Tritone_default as Tritone, Twirl_default as Twirl, Vibrance_default as Vibrance, VideoTexture_default as VideoTexture, WaveDistortion_default as WaveDistortion, WebcamTexture_default as WebcamTexture, ZoomBlur_default as ZoomBlur, generatePresetCode };
|
|
@@ -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;AAq2BD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UA0E/B,CAAA"}
|
|
@@ -142,6 +142,21 @@ var shaderMetadata = {
|
|
|
142
142
|
"y": .5
|
|
143
143
|
}
|
|
144
144
|
},
|
|
145
|
+
"ConcentricSpin": {
|
|
146
|
+
"opacity": 1,
|
|
147
|
+
"blendMode": "normal",
|
|
148
|
+
"intensity": 20,
|
|
149
|
+
"rings": 8,
|
|
150
|
+
"smoothness": .03,
|
|
151
|
+
"seed": 0,
|
|
152
|
+
"speed": .1,
|
|
153
|
+
"speedRandomness": .5,
|
|
154
|
+
"edges": "mirror",
|
|
155
|
+
"center": {
|
|
156
|
+
"x": .5,
|
|
157
|
+
"y": .5
|
|
158
|
+
}
|
|
159
|
+
},
|
|
145
160
|
"ContourLines": {
|
|
146
161
|
"opacity": 1,
|
|
147
162
|
"blendMode": "normal",
|
|
@@ -632,6 +647,32 @@ var shaderMetadata = {
|
|
|
632
647
|
"offset": 0,
|
|
633
648
|
"colorSpace": "linear"
|
|
634
649
|
},
|
|
650
|
+
"StudioBackground": {
|
|
651
|
+
"opacity": 1,
|
|
652
|
+
"blendMode": "normal",
|
|
653
|
+
"color": "#d8dbec",
|
|
654
|
+
"keyColor": "#d5e4ea",
|
|
655
|
+
"keyIntensity": 40,
|
|
656
|
+
"keySoftness": 50,
|
|
657
|
+
"fillColor": "#d5e4ea",
|
|
658
|
+
"fillIntensity": 10,
|
|
659
|
+
"fillSoftness": 70,
|
|
660
|
+
"fillAngle": 70,
|
|
661
|
+
"backColor": "#c8d4e8",
|
|
662
|
+
"backIntensity": 20,
|
|
663
|
+
"backSoftness": 80,
|
|
664
|
+
"brightness": 20,
|
|
665
|
+
"vignette": 0,
|
|
666
|
+
"center": {
|
|
667
|
+
"x": .5,
|
|
668
|
+
"y": .8
|
|
669
|
+
},
|
|
670
|
+
"lightTarget": 100,
|
|
671
|
+
"wallCurvature": 10,
|
|
672
|
+
"ambientIntensity": 50,
|
|
673
|
+
"ambientSpeed": 2,
|
|
674
|
+
"seed": 0
|
|
675
|
+
},
|
|
635
676
|
"Swirl": {
|
|
636
677
|
"opacity": 1,
|
|
637
678
|
"blendMode": "normal",
|
|
@@ -797,6 +838,7 @@ const availableComponents = [
|
|
|
797
838
|
"ChromaFlow",
|
|
798
839
|
"ChromaticAberration",
|
|
799
840
|
"Circle",
|
|
841
|
+
"ConcentricSpin",
|
|
800
842
|
"ContourLines",
|
|
801
843
|
"CursorTrail",
|
|
802
844
|
"DiffuseBlur",
|
|
@@ -844,6 +886,7 @@ const availableComponents = [
|
|
|
844
886
|
"Strands",
|
|
845
887
|
"Stretch",
|
|
846
888
|
"Stripes",
|
|
889
|
+
"StudioBackground",
|
|
847
890
|
"Swirl",
|
|
848
891
|
"TiltShift",
|
|
849
892
|
"Tint",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "shaders",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.51",
|
|
4
4
|
"description": "Shader magic for modern frontends",
|
|
5
5
|
"author": "Shader Effects Inc.",
|
|
6
6
|
"homepage": "https://shaders.com/",
|
|
@@ -409,6 +409,16 @@
|
|
|
409
409
|
"types": "./dist/core/shaders/LensFlare/index.d.ts",
|
|
410
410
|
"import": "./dist/core/shaders/LensFlare/index.js",
|
|
411
411
|
"require": "./dist/core/shaders/LensFlare/index.js"
|
|
412
|
+
},
|
|
413
|
+
"./core/ConcentricSpin": {
|
|
414
|
+
"types": "./dist/core/shaders/ConcentricSpin/index.d.ts",
|
|
415
|
+
"import": "./dist/core/shaders/ConcentricSpin/index.js",
|
|
416
|
+
"require": "./dist/core/shaders/ConcentricSpin/index.js"
|
|
417
|
+
},
|
|
418
|
+
"./core/StudioBackground": {
|
|
419
|
+
"types": "./dist/core/shaders/StudioBackground/index.d.ts",
|
|
420
|
+
"import": "./dist/core/shaders/StudioBackground/index.js",
|
|
421
|
+
"require": "./dist/core/shaders/StudioBackground/index.js"
|
|
412
422
|
}
|
|
413
423
|
},
|
|
414
424
|
"typesVersions": {
|
|
@@ -485,6 +495,9 @@
|
|
|
485
495
|
"core/Circle": [
|
|
486
496
|
"./dist/core/shaders/Circle/index.d.ts"
|
|
487
497
|
],
|
|
498
|
+
"core/ConcentricSpin": [
|
|
499
|
+
"./dist/core/shaders/ConcentricSpin/index.d.ts"
|
|
500
|
+
],
|
|
488
501
|
"core/ContourLines": [
|
|
489
502
|
"./dist/core/shaders/ContourLines/index.d.ts"
|
|
490
503
|
],
|
|
@@ -626,6 +639,9 @@
|
|
|
626
639
|
"core/Stripes": [
|
|
627
640
|
"./dist/core/shaders/Stripes/index.d.ts"
|
|
628
641
|
],
|
|
642
|
+
"core/StudioBackground": [
|
|
643
|
+
"./dist/core/shaders/StudioBackground/index.d.ts"
|
|
644
|
+
],
|
|
629
645
|
"core/Swirl": [
|
|
630
646
|
"./dist/core/shaders/Swirl/index.d.ts"
|
|
631
647
|
],
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|