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.
Files changed (58) hide show
  1. package/dist/core/StudioBackground-CFjfBnWp.js +337 -0
  2. package/dist/core/registry.js +22 -20
  3. package/dist/core/shaderRegistry.d.ts.map +1 -1
  4. package/dist/core/shaders/StudioBackground/index.d.ts +141 -0
  5. package/dist/core/shaders/StudioBackground/index.d.ts.map +1 -0
  6. package/dist/core/shaders/StudioBackground/index.js +4 -0
  7. package/dist/core/shaders/Swirl/index.js +1 -1
  8. package/dist/core/shaders/TiltShift/index.js +1 -1
  9. package/dist/core/shaders/Tint/index.js +1 -1
  10. package/dist/core/shaders/Tritone/index.js +1 -1
  11. package/dist/core/shaders/Twirl/index.js +1 -1
  12. package/dist/core/shaders/Vibrance/index.js +1 -1
  13. package/dist/core/shaders/VideoTexture/index.js +1 -1
  14. package/dist/core/shaders/WaveDistortion/index.js +1 -1
  15. package/dist/core/shaders/WebcamTexture/index.js +1 -1
  16. package/dist/core/shaders/ZoomBlur/index.js +1 -1
  17. package/dist/react/StudioBackground.js +164 -0
  18. package/dist/react/components/StudioBackground.d.ts +31 -0
  19. package/dist/react/components/StudioBackground.d.ts.map +1 -0
  20. package/dist/react/index.d.ts +1 -0
  21. package/dist/react/index.d.ts.map +1 -1
  22. package/dist/react/index.js +2 -1
  23. package/dist/react/utils/generatePresetCode.d.ts.map +1 -1
  24. package/dist/react/utils/generatePresetCode.js +27 -0
  25. package/dist/registry.js +447 -0
  26. package/dist/solid/components/StudioBackground.d.ts +28 -0
  27. package/dist/solid/components/StudioBackground.d.ts.map +1 -0
  28. package/dist/solid/components/StudioBackground.js +168 -0
  29. package/dist/solid/index.d.ts +1 -0
  30. package/dist/solid/index.d.ts.map +1 -1
  31. package/dist/solid/index.js +24 -22
  32. package/dist/solid/utils/generatePresetCode.d.ts.map +1 -1
  33. package/dist/solid/utils/generatePresetCode.js +27 -0
  34. package/dist/svelte/components/StudioBackground.svelte.d.ts +19 -0
  35. package/dist/svelte/{generatePresetCode-Co-oSFXj.js → generatePresetCode-TDa1I3YR.js} +27 -0
  36. package/dist/svelte/index.d.ts +1 -0
  37. package/dist/svelte/index.js +293 -163
  38. package/dist/svelte/utils/generatePresetCode.js +1 -1
  39. package/dist/vue/StudioBackground.js +3 -0
  40. package/dist/vue/StudioBackground.vue_vue_type_script_setup_true_lang.js +162 -0
  41. package/dist/vue/components/StudioBackground.vue.d.ts +54 -0
  42. package/dist/vue/components/StudioBackground.vue.d.ts.map +1 -0
  43. package/dist/vue/index.d.ts +1 -0
  44. package/dist/vue/index.d.ts.map +1 -1
  45. package/dist/vue/index.js +2 -1
  46. package/dist/vue/utils/generatePresetCode.d.ts.map +1 -1
  47. package/dist/vue/utils/generatePresetCode.js +27 -0
  48. package/package.json +9 -1
  49. /package/dist/core/{Swirl-DO8dNtED.js → Swirl-BIFGxHL0.js} +0 -0
  50. /package/dist/core/{TiltShift-4QnOmvZ7.js → TiltShift-CLMFkzBs.js} +0 -0
  51. /package/dist/core/{Tint-Qc-4l2re.js → Tint-NQjiXLGu.js} +0 -0
  52. /package/dist/core/{Tritone-COUPuEp_.js → Tritone-67eoddBF.js} +0 -0
  53. /package/dist/core/{Twirl-Se1glQAi.js → Twirl-ZaYAMqmq.js} +0 -0
  54. /package/dist/core/{Vibrance-CUTMlggU.js → Vibrance-DbSUuK_4.js} +0 -0
  55. /package/dist/core/{VideoTexture-DsvlYXHz.js → VideoTexture-lHzoN3G9.js} +0 -0
  56. /package/dist/core/{WaveDistortion-D75I7wpE.js → WaveDistortion-CB6xTndT.js} +0 -0
  57. /package/dist/core/{WebcamTexture-Cj0_V3MP.js → WebcamTexture-BJUvpMmV.js} +0 -0
  58. /package/dist/core/{ZoomBlur-Cq6lhjH5.js → ZoomBlur-BCClC8fw.js} +0 -0
@@ -0,0 +1,337 @@
1
+ import { r as transformColor, s as transformPosition } from "./transformations-CC_c-QAT.js";
2
+ import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
3
+ import { Fn, clamp, cos, exp, float, fract, mix, screenUV, sin, smoothstep, vec3, vec4, viewportSize } from "three/tsl";
4
+ const componentDefinition = {
5
+ name: "StudioBackground",
6
+ category: "Textures",
7
+ description: "Multi-light studio background with ambient motion.",
8
+ props: {
9
+ color: {
10
+ default: "#d8dbec",
11
+ transform: transformColor,
12
+ description: "Base studio surface color",
13
+ ui: {
14
+ type: "color",
15
+ label: "Surface Color",
16
+ group: "Colors"
17
+ }
18
+ },
19
+ keyColor: {
20
+ default: "#d5e4ea",
21
+ transform: transformColor,
22
+ description: "Color of the overhead key light",
23
+ ui: {
24
+ type: "color",
25
+ label: "Key Color",
26
+ group: "Key Light"
27
+ }
28
+ },
29
+ keyIntensity: {
30
+ default: 40,
31
+ description: "Intensity of the key light",
32
+ ui: {
33
+ type: "range",
34
+ min: 0,
35
+ max: 100,
36
+ step: 1,
37
+ label: "Intensity",
38
+ group: "Key Light"
39
+ }
40
+ },
41
+ keySoftness: {
42
+ default: 50,
43
+ description: "How diffuse the key light is",
44
+ ui: {
45
+ type: "range",
46
+ min: 0,
47
+ max: 100,
48
+ step: 1,
49
+ label: "Softness",
50
+ group: "Key Light"
51
+ }
52
+ },
53
+ fillColor: {
54
+ default: "#d5e4ea",
55
+ transform: transformColor,
56
+ description: "Color of the side fill lights",
57
+ ui: {
58
+ type: "color",
59
+ label: "Fill Color",
60
+ group: "Fill Lights"
61
+ }
62
+ },
63
+ fillIntensity: {
64
+ default: 10,
65
+ description: "Intensity of the fill lights",
66
+ ui: {
67
+ type: "range",
68
+ min: 0,
69
+ max: 100,
70
+ step: 1,
71
+ label: "Intensity",
72
+ group: "Fill Lights"
73
+ }
74
+ },
75
+ fillSoftness: {
76
+ default: 70,
77
+ description: "How diffuse the fill lights are",
78
+ ui: {
79
+ type: "range",
80
+ min: 0,
81
+ max: 100,
82
+ step: 1,
83
+ label: "Softness",
84
+ group: "Fill Lights"
85
+ }
86
+ },
87
+ fillAngle: {
88
+ default: 70,
89
+ description: "How far apart the fill lights are from center",
90
+ ui: {
91
+ type: "range",
92
+ min: 0,
93
+ max: 100,
94
+ step: 1,
95
+ label: "Spread",
96
+ group: "Fill Lights"
97
+ }
98
+ },
99
+ backColor: {
100
+ default: "#c8d4e8",
101
+ transform: transformColor,
102
+ description: "Color of the upward back wash",
103
+ ui: {
104
+ type: "color",
105
+ label: "Back Color",
106
+ group: "Back Light"
107
+ }
108
+ },
109
+ backIntensity: {
110
+ default: 20,
111
+ description: "Intensity of the back wash",
112
+ ui: {
113
+ type: "range",
114
+ min: 0,
115
+ max: 100,
116
+ step: 1,
117
+ label: "Intensity",
118
+ group: "Back Light"
119
+ }
120
+ },
121
+ backSoftness: {
122
+ default: 80,
123
+ description: "How diffuse the back wash is",
124
+ ui: {
125
+ type: "range",
126
+ min: 0,
127
+ max: 100,
128
+ step: 1,
129
+ label: "Softness",
130
+ group: "Back Light"
131
+ }
132
+ },
133
+ brightness: {
134
+ default: 20,
135
+ description: "Overall ambient light level",
136
+ ui: {
137
+ type: "range",
138
+ min: 0,
139
+ max: 100,
140
+ step: 1,
141
+ label: "Ambient",
142
+ group: "Lighting"
143
+ }
144
+ },
145
+ vignette: {
146
+ default: 0,
147
+ description: "Edge darkening",
148
+ ui: {
149
+ type: "range",
150
+ min: 0,
151
+ max: 100,
152
+ step: 1,
153
+ label: "Vignette",
154
+ group: "Lighting"
155
+ }
156
+ },
157
+ center: {
158
+ default: {
159
+ x: .5,
160
+ y: .8
161
+ },
162
+ transform: transformPosition,
163
+ description: "Where the spotlight meets the floor",
164
+ ui: {
165
+ type: "position",
166
+ label: "Stage Center",
167
+ group: "Scene"
168
+ }
169
+ },
170
+ lightTarget: {
171
+ default: 100,
172
+ description: "How far toward the floor vs wall the spotlights aim",
173
+ ui: {
174
+ type: "range",
175
+ min: 0,
176
+ max: 100,
177
+ step: 1,
178
+ label: "Light Depth",
179
+ group: "Scene"
180
+ }
181
+ },
182
+ wallCurvature: {
183
+ default: 10,
184
+ description: "How rounded the cove is",
185
+ ui: {
186
+ type: "range",
187
+ min: 0,
188
+ max: 100,
189
+ step: 1,
190
+ label: "Wall Curvature",
191
+ group: "Scene"
192
+ }
193
+ },
194
+ ambientIntensity: {
195
+ default: 50,
196
+ description: "Intensity of drifting ambient lights",
197
+ ui: {
198
+ type: "range",
199
+ min: 0,
200
+ max: 100,
201
+ step: 1,
202
+ label: "Ambient Detail",
203
+ group: "Environment"
204
+ }
205
+ },
206
+ ambientSpeed: {
207
+ default: 2,
208
+ description: "Drift speed",
209
+ ui: {
210
+ type: "range",
211
+ min: -5,
212
+ max: 5,
213
+ step: .1,
214
+ label: "Speed",
215
+ group: "Environment"
216
+ }
217
+ },
218
+ seed: {
219
+ default: 0,
220
+ description: "Seed for ambient pattern",
221
+ ui: {
222
+ type: "range",
223
+ min: 0,
224
+ max: 100,
225
+ step: 1,
226
+ label: "Seed",
227
+ group: "Environment"
228
+ }
229
+ }
230
+ },
231
+ fragmentNode: (params) => {
232
+ const { uniforms } = params;
233
+ const surfaceColor = uniforms.color.uniform;
234
+ const brightness = uniforms.brightness.uniform.mul(.02);
235
+ const keyColor = uniforms.keyColor.uniform;
236
+ const keyInt = uniforms.keyIntensity.uniform.mul(.015);
237
+ const fillColor = uniforms.fillColor.uniform;
238
+ const fillInt = uniforms.fillIntensity.uniform.mul(.015);
239
+ const fillOffset = uniforms.fillAngle.uniform.mul(.005);
240
+ const backColor = uniforms.backColor.uniform;
241
+ const backInt = uniforms.backIntensity.uniform.mul(.015);
242
+ const centerX = uniforms.center.uniform.x;
243
+ const centerY = uniforms.center.uniform.y.oneMinus();
244
+ const lightTarget = uniforms.lightTarget.uniform.mul(.01);
245
+ const curvature = uniforms.wallCurvature.uniform.mul(.01);
246
+ const vignetteStrength = uniforms.vignette.uniform.mul(.025);
247
+ const ambIntensity = uniforms.ambientIntensity.uniform.mul(.012);
248
+ const seed = uniforms.seed.uniform;
249
+ const aspect = viewportSize.x.div(viewportSize.y);
250
+ const animTime = createAnimatedTime(params, uniforms.ambientSpeed);
251
+ const keyDecay = mix(float(5), float(.8), uniforms.keySoftness.uniform.mul(.01));
252
+ const fillDecay = mix(float(5), float(.8), uniforms.fillSoftness.uniform.mul(.01));
253
+ const backDecay = mix(float(5), float(.8), uniforms.backSoftness.uniform.mul(.01));
254
+ const hash01 = (x) => fract(sin(x.mul(12.9898)).mul(43758.5453));
255
+ const ambLights = Array.from({ length: 4 }, (_, i) => {
256
+ const s = seed.add(float(i * 73.1));
257
+ const sizeVal = hash01(s.add(311)).mul(.12).add(.1);
258
+ return {
259
+ radiusX: hash01(s).mul(.5).add(.2),
260
+ radiusY: hash01(s.add(37)).mul(.25).add(.1),
261
+ freqX: hash01(s.add(91)).mul(.3).add(.1),
262
+ freqY: hash01(s.add(143)).mul(.25).add(.08),
263
+ phaseX: hash01(s.add(200)).mul(Math.PI * 2),
264
+ phaseY: hash01(s.add(257)).mul(Math.PI * 2),
265
+ sizeSq: sizeVal.mul(sizeVal)
266
+ };
267
+ });
268
+ return Fn(() => {
269
+ const uv$1 = screenUV;
270
+ const transitionWidth = mix(float(.015), float(.15), curvature);
271
+ const isFloor = smoothstep(centerY.sub(transitionWidth), centerY.add(transitionWidth), uv$1.y);
272
+ const notFloor = float(1).sub(isFloor);
273
+ const wallNormY = clamp(uv$1.y.div(centerY), 0, 1);
274
+ const wallNormY2 = wallNormY.mul(wallNormY);
275
+ const floorNormY = clamp(uv$1.y.sub(centerY).div(float(1).sub(centerY)), 0, 1);
276
+ const uvXCentered = uv$1.x.sub(centerX).mul(aspect);
277
+ const coneWidth = mix(float(.05), float(.45), wallNormY2);
278
+ const wallFallY = float(1).sub(wallNormY).mul(1.2);
279
+ const wallFallY2 = wallFallY.mul(wallFallY);
280
+ const floorPoolY = centerY.add(float(1).sub(centerY).mul(.3));
281
+ const floorDy = uv$1.y.sub(floorPoolY).mul(4);
282
+ const floorDy2 = floorDy.mul(floorDy);
283
+ const ambient = mix(mix(float(.2), float(.4), wallNormY), mix(float(.38), float(.18), floorNormY), isFloor).mul(brightness);
284
+ const curveDist = uv$1.y.sub(centerY).div(transitionWidth.add(.001));
285
+ const curveGlow = exp(curveDist.mul(curveDist).mul(-.5)).mul(curvature).mul(brightness).mul(.1);
286
+ const neutralBase = ambient.add(curveGlow);
287
+ const lightAccum = vec3(neutralBase, neutralBase, neutralBase).toVar();
288
+ const wallBias = float(1).sub(lightTarget).mul(1.4).add(.3);
289
+ const floorBias = lightTarget.mul(1.4).add(.3);
290
+ const downSpot = (sourceX, decay) => {
291
+ const beamX = mix(sourceX, centerX, wallNormY2);
292
+ const wDx = uv$1.x.sub(beamX).mul(aspect).div(coneWidth);
293
+ const wall = exp(wDx.mul(wDx).add(wallFallY2).mul(-1).mul(decay)).mul(notFloor).mul(wallBias);
294
+ const poolX = mix(centerX, sourceX, float(.25));
295
+ const fDx = uv$1.x.sub(poolX).mul(aspect).mul(1.4);
296
+ const floor$1 = exp(fDx.mul(fDx).add(floorDy2).mul(-1).mul(decay.mul(1.5))).mul(isFloor).mul(floorBias);
297
+ return wall.add(floor$1);
298
+ };
299
+ const keyPat = downSpot(centerX, keyDecay).mul(keyInt);
300
+ lightAccum.assign(lightAccum.add(keyColor.rgb.mul(keyPat)));
301
+ const leftPat = downSpot(centerX.sub(fillOffset), fillDecay).mul(fillInt);
302
+ const rightPat = downSpot(centerX.add(fillOffset), fillDecay).mul(fillInt);
303
+ lightAccum.assign(lightAccum.add(fillColor.rgb.mul(leftPat.add(rightPat))));
304
+ const backBottomY = mix(float(1), centerY, float(.15));
305
+ const bfDx = uvXCentered.mul(.5);
306
+ const bfDy = uv$1.y.sub(backBottomY).mul(4);
307
+ const backFloor = exp(bfDx.mul(bfDx).add(bfDy.mul(bfDy)).mul(-1).mul(backDecay)).mul(isFloor);
308
+ const bwDx = uvXCentered.mul(.6);
309
+ const bwDy = centerY.sub(uv$1.y).mul(3);
310
+ const backWall = exp(bwDx.mul(bwDx).add(bwDy.mul(bwDy)).mul(-1).mul(backDecay.mul(.8))).mul(notFloor).mul(wallNormY2);
311
+ const backPat = backFloor.add(backWall).mul(backInt);
312
+ lightAccum.assign(lightAccum.add(backColor.rgb.mul(backPat)));
313
+ const bnDx = uvXCentered.mul(.7);
314
+ const bnDy = uv$1.y.sub(centerY).add(.02).mul(10);
315
+ const bounce = exp(bnDx.mul(bnDx).add(bnDy.mul(bnDy)).mul(-2.5)).mul(keyInt.mul(.12)).mul(notFloor);
316
+ lightAccum.assign(lightAccum.add(vec3(bounce, bounce, bounce)));
317
+ const ambGlowScale = ambIntensity.mul(.25);
318
+ for (let i = 0; i < 4; i++) {
319
+ const l = ambLights[i];
320
+ const lx = centerX.add(sin(animTime.mul(l.freqX).add(l.phaseX)).mul(l.radiusX));
321
+ const ly = centerY.sub(.2).add(cos(animTime.mul(l.freqY).add(l.phaseY)).mul(l.radiusY));
322
+ const dx = uv$1.x.sub(lx).mul(aspect);
323
+ const dy = uv$1.y.sub(ly);
324
+ const glow = exp(dx.mul(dx).add(dy.mul(dy)).div(l.sizeSq).mul(-.5)).mul(ambGlowScale);
325
+ lightAccum.assign(lightAccum.add(vec3(glow, glow, glow)));
326
+ }
327
+ const vigX = uv$1.x.sub(.5).mul(aspect);
328
+ const vigY = uv$1.y.sub(.5);
329
+ const vigD2 = vigX.mul(vigX).add(vigY.mul(vigY));
330
+ const vig = clamp(float(1).sub(vigD2.mul(vignetteStrength)), 0, 1);
331
+ lightAccum.assign(clamp(lightAccum, 0, 3));
332
+ return vec4(surfaceColor.rgb.mul(lightAccum).mul(vig).clamp(0, 1), float(1));
333
+ })();
334
+ }
335
+ };
336
+ var StudioBackground_default = componentDefinition;
337
+ export { componentDefinition as n, StudioBackground_default as t };
@@ -63,16 +63,17 @@ import { n as componentDefinition$57 } from "./Spiral-DXuKs26n.js";
63
63
  import { n as componentDefinition$58 } from "./Strands-DsdASoV4.js";
64
64
  import { n as componentDefinition$59 } from "./Stretch-By8f2wmJ.js";
65
65
  import { n as componentDefinition$60 } from "./Stripes-D8HSlP1H.js";
66
- import { n as componentDefinition$61 } from "./Swirl-DO8dNtED.js";
67
- import { n as componentDefinition$62 } from "./TiltShift-4QnOmvZ7.js";
68
- import { n as componentDefinition$63 } from "./Tint-Qc-4l2re.js";
69
- import { n as componentDefinition$64 } from "./Tritone-COUPuEp_.js";
70
- import { n as componentDefinition$65 } from "./Twirl-Se1glQAi.js";
71
- import { n as componentDefinition$66 } from "./Vibrance-CUTMlggU.js";
72
- import { n as componentDefinition$67 } from "./VideoTexture-DsvlYXHz.js";
73
- import { n as componentDefinition$68 } from "./WaveDistortion-D75I7wpE.js";
74
- import { n as componentDefinition$69 } from "./WebcamTexture-Cj0_V3MP.js";
75
- import { n as componentDefinition$70 } from "./ZoomBlur-Cq6lhjH5.js";
66
+ import { n as componentDefinition$61 } from "./StudioBackground-CFjfBnWp.js";
67
+ import { n as componentDefinition$62 } from "./Swirl-BIFGxHL0.js";
68
+ import { n as componentDefinition$63 } from "./TiltShift-CLMFkzBs.js";
69
+ import { n as componentDefinition$64 } from "./Tint-NQjiXLGu.js";
70
+ import { n as componentDefinition$65 } from "./Tritone-67eoddBF.js";
71
+ import { n as componentDefinition$66 } from "./Twirl-ZaYAMqmq.js";
72
+ import { n as componentDefinition$67 } from "./Vibrance-DbSUuK_4.js";
73
+ import { n as componentDefinition$68 } from "./VideoTexture-lHzoN3G9.js";
74
+ import { n as componentDefinition$69 } from "./WaveDistortion-CB6xTndT.js";
75
+ import { n as componentDefinition$70 } from "./WebcamTexture-BJUvpMmV.js";
76
+ import { n as componentDefinition$71 } from "./ZoomBlur-BCClC8fw.js";
76
77
  var createShaderRegistry = () => {
77
78
  const registry = {};
78
79
  const shaderDefinitions = {
@@ -137,16 +138,17 @@ var createShaderRegistry = () => {
137
138
  Strands: componentDefinition$58,
138
139
  Stretch: componentDefinition$59,
139
140
  Stripes: componentDefinition$60,
140
- Swirl: componentDefinition$61,
141
- TiltShift: componentDefinition$62,
142
- Tint: componentDefinition$63,
143
- Tritone: componentDefinition$64,
144
- Twirl: componentDefinition$65,
145
- Vibrance: componentDefinition$66,
146
- VideoTexture: componentDefinition$67,
147
- WaveDistortion: componentDefinition$68,
148
- WebcamTexture: componentDefinition$69,
149
- ZoomBlur: componentDefinition$70
141
+ StudioBackground: componentDefinition$61,
142
+ Swirl: componentDefinition$62,
143
+ TiltShift: componentDefinition$63,
144
+ Tint: componentDefinition$64,
145
+ Tritone: componentDefinition$65,
146
+ Twirl: componentDefinition$66,
147
+ Vibrance: componentDefinition$67,
148
+ VideoTexture: componentDefinition$68,
149
+ WaveDistortion: componentDefinition$69,
150
+ WebcamTexture: componentDefinition$70,
151
+ ZoomBlur: componentDefinition$71
150
152
  };
151
153
  Object.entries(shaderDefinitions).forEach(([fileName, def]) => {
152
154
  const propsMetadata = {};
@@ -1 +1 @@
1
- {"version":3,"file":"shaderRegistry.d.ts","sourceRoot":"","sources":["../src/shaderRegistry.ts"],"names":[],"mappings":"AA0EA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAA;IACpC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE;QAC5B,EAAE,CAAC,EAAE,GAAG,CAAA;QACR,OAAO,CAAC,EAAE,GAAG,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAC,CAAA;CACH;AA2GD,eAAO,MAAM,cAAc,qCAAyB,CAAA;AAGpD,wBAAgB,aAAa,IAAI,mBAAmB,EAAE,CAErD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,GAAG,SAAS,CAE7E;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,mBAAmB,EAAE,CAE5E;AAED,wBAAgB,mBAAmB,IAAI,MAAM,EAAE,CAG9C"}
1
+ {"version":3,"file":"shaderRegistry.d.ts","sourceRoot":"","sources":["../src/shaderRegistry.ts"],"names":[],"mappings":"AA2EA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAA;IACpC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE;QAC5B,EAAE,CAAC,EAAE,GAAG,CAAA;QACR,OAAO,CAAC,EAAE,GAAG,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAC,CAAA;CACH;AA4GD,eAAO,MAAM,cAAc,qCAAyB,CAAA;AAGpD,wBAAgB,aAAa,IAAI,mBAAmB,EAAE,CAErD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,GAAG,SAAS,CAE7E;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,mBAAmB,EAAE,CAE5E;AAED,wBAAgB,mBAAmB,IAAI,MAAM,EAAE,CAG9C"}
@@ -0,0 +1,141 @@
1
+ import { ComponentDefinition } from '../../types';
2
+ import { transformColor, transformPosition } from '../../utilities/transformations';
3
+
4
+ export interface ComponentProps {
5
+ /**
6
+ * Base studio surface color
7
+ *
8
+ * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
9
+ * @default "#d8dbec"
10
+ */
11
+ color: Parameters<typeof transformColor>[0];
12
+ /**
13
+ * Overall ambient light level
14
+ *
15
+ * Accepts a number between 0 and 100.
16
+ * @default 20
17
+ */
18
+ brightness: number;
19
+ /**
20
+ * Color of the overhead key light
21
+ *
22
+ * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
23
+ * @default "#d5e4ea"
24
+ */
25
+ keyColor: Parameters<typeof transformColor>[0];
26
+ /**
27
+ * Intensity of the key light
28
+ *
29
+ * Accepts a number between 0 and 100.
30
+ * @default 40
31
+ */
32
+ keyIntensity: number;
33
+ /**
34
+ * How diffuse the key light is
35
+ *
36
+ * Accepts a number between 0 and 100.
37
+ * @default 50
38
+ */
39
+ keySoftness: number;
40
+ /**
41
+ * Color of the side fill lights
42
+ *
43
+ * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
44
+ * @default "#d5e4ea"
45
+ */
46
+ fillColor: Parameters<typeof transformColor>[0];
47
+ /**
48
+ * Intensity of the fill lights
49
+ *
50
+ * Accepts a number between 0 and 100.
51
+ * @default 10
52
+ */
53
+ fillIntensity: number;
54
+ /**
55
+ * How diffuse the fill lights are
56
+ *
57
+ * Accepts a number between 0 and 100.
58
+ * @default 70
59
+ */
60
+ fillSoftness: number;
61
+ /**
62
+ * How far apart the fill lights are from center
63
+ *
64
+ * Accepts a number between 0 and 100.
65
+ * @default 70
66
+ */
67
+ fillAngle: number;
68
+ /**
69
+ * Color of the upward back wash
70
+ *
71
+ * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
72
+ * @default "#c8d4e8"
73
+ */
74
+ backColor: Parameters<typeof transformColor>[0];
75
+ /**
76
+ * Intensity of the back wash
77
+ *
78
+ * Accepts a number between 0 and 100.
79
+ * @default 20
80
+ */
81
+ backIntensity: number;
82
+ /**
83
+ * How diffuse the back wash is
84
+ *
85
+ * Accepts a number between 0 and 100.
86
+ * @default 80
87
+ */
88
+ backSoftness: number;
89
+ /**
90
+ * Where the spotlight meets the floor
91
+ *
92
+ * Accepts `{ x, y }` objects with values from 0 to 1, or CSS positions like `top center`.
93
+ * @default {"x":0.5,"y":0.8}
94
+ */
95
+ center: Parameters<typeof transformPosition>[0];
96
+ /**
97
+ * How far toward the floor vs wall the spotlights aim
98
+ *
99
+ * Accepts a number between 0 and 100.
100
+ * @default 100
101
+ */
102
+ lightTarget: number;
103
+ /**
104
+ * How rounded the cove is
105
+ *
106
+ * Accepts a number between 0 and 100.
107
+ * @default 10
108
+ */
109
+ wallCurvature: number;
110
+ /**
111
+ * Edge darkening
112
+ *
113
+ * Accepts a number between 0 and 100.
114
+ * @default 0
115
+ */
116
+ vignette: number;
117
+ /**
118
+ * Intensity of drifting ambient lights
119
+ *
120
+ * Accepts a number between 0 and 100.
121
+ * @default 50
122
+ */
123
+ ambientIntensity: number;
124
+ /**
125
+ * Drift speed
126
+ *
127
+ * Accepts a number between -5 and 5.
128
+ * @default 2
129
+ */
130
+ ambientSpeed: number;
131
+ /**
132
+ * Seed for ambient pattern
133
+ *
134
+ * Accepts a number between 0 and 100.
135
+ * @default 0
136
+ */
137
+ seed: number;
138
+ }
139
+ export declare const componentDefinition: ComponentDefinition<ComponentProps>;
140
+ export default componentDefinition;
141
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/StudioBackground/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,OAAO,EAAC,cAAc,EAAE,iBAAiB,EAAC,MAAM,qCAAqC,CAAA;AAGrF,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3C,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC9C,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC/C,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC/C,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IAC/C,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,EAAE,MAAM,CAAA;IACxB,YAAY,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CA0QnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
@@ -0,0 +1,4 @@
1
+ import "../../transformations-CC_c-QAT.js";
2
+ import "../../time-BZqyVJXt.js";
3
+ import { n as componentDefinition, t as StudioBackground_default } from "../../StudioBackground-CFjfBnWp.js";
4
+ export { componentDefinition, StudioBackground_default as default };
@@ -1,5 +1,5 @@
1
1
  import "../../transformations-CC_c-QAT.js";
2
2
  import "../../time-BZqyVJXt.js";
3
3
  import "../../colorMixing-Ehw-Hfs_.js";
4
- import { n as componentDefinition, t as Swirl_default } from "../../Swirl-DO8dNtED.js";
4
+ import { n as componentDefinition, t as Swirl_default } from "../../Swirl-BIFGxHL0.js";
5
5
  export { componentDefinition, Swirl_default as default };
@@ -1,3 +1,3 @@
1
1
  import "../../transformations-CC_c-QAT.js";
2
- import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-4QnOmvZ7.js";
2
+ import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-CLMFkzBs.js";
3
3
  export { componentDefinition, TiltShift_default as default };
@@ -1,3 +1,3 @@
1
1
  import "../../transformations-CC_c-QAT.js";
2
- import { n as componentDefinition, t as Tint_default } from "../../Tint-Qc-4l2re.js";
2
+ import { n as componentDefinition, t as Tint_default } from "../../Tint-NQjiXLGu.js";
3
3
  export { componentDefinition, Tint_default as default };
@@ -1,4 +1,4 @@
1
1
  import "../../transformations-CC_c-QAT.js";
2
2
  import "../../colorMixing-Ehw-Hfs_.js";
3
- import { n as componentDefinition, t as Tritone_default } from "../../Tritone-COUPuEp_.js";
3
+ import { n as componentDefinition, t as Tritone_default } from "../../Tritone-67eoddBF.js";
4
4
  export { componentDefinition, Tritone_default as default };
@@ -1,4 +1,4 @@
1
1
  import "../../edges-Bd7GP4s2.js";
2
2
  import "../../transformations-CC_c-QAT.js";
3
- import { n as componentDefinition, t as Twirl_default } from "../../Twirl-Se1glQAi.js";
3
+ import { n as componentDefinition, t as Twirl_default } from "../../Twirl-ZaYAMqmq.js";
4
4
  export { componentDefinition, Twirl_default as default };
@@ -1,2 +1,2 @@
1
- import { n as componentDefinition, t as Vibrance_default } from "../../Vibrance-CUTMlggU.js";
1
+ import { n as componentDefinition, t as Vibrance_default } from "../../Vibrance-DbSUuK_4.js";
2
2
  export { componentDefinition, Vibrance_default as default };
@@ -1,2 +1,2 @@
1
- import { n as componentDefinition, t as VideoTexture_default } from "../../VideoTexture-DsvlYXHz.js";
1
+ import { n as componentDefinition, t as VideoTexture_default } from "../../VideoTexture-lHzoN3G9.js";
2
2
  export { componentDefinition, VideoTexture_default as default };
@@ -1,5 +1,5 @@
1
1
  import "../../edges-Bd7GP4s2.js";
2
2
  import "../../transformations-CC_c-QAT.js";
3
3
  import "../../time-BZqyVJXt.js";
4
- import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-D75I7wpE.js";
4
+ import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-CB6xTndT.js";
5
5
  export { componentDefinition, WaveDistortion_default as default };
@@ -1,2 +1,2 @@
1
- import { n as componentDefinition, t as WebcamTexture_default } from "../../WebcamTexture-Cj0_V3MP.js";
1
+ import { n as componentDefinition, t as WebcamTexture_default } from "../../WebcamTexture-BJUvpMmV.js";
2
2
  export { componentDefinition, WebcamTexture_default as default };
@@ -1,3 +1,3 @@
1
1
  import "../../transformations-CC_c-QAT.js";
2
- import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-Cq6lhjH5.js";
2
+ import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-BCClC8fw.js";
3
3
  export { componentDefinition, ZoomBlur_default as default };