shaders 2.3.65 → 2.3.67
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/core/{Aurora-CYCPE1wp.js → Aurora-NksIvzEl.js} +3 -2
- package/dist/core/{Beam-COjEb2JI.js → Beam-CprkmCUE.js} +3 -2
- package/dist/core/{Blob-jHnoxt2N.js → Blob-Bbq8XbWa.js} +3 -2
- package/dist/core/{Bulge-CsNj4Jew.js → Bulge-iv4gvOrb.js} +3 -2
- package/dist/core/{Checkerboard-DwiW08iJ.js → Checkerboard-DgAStqo1.js} +3 -2
- package/dist/core/{Circle-CUYMdgd5.js → Circle-CNU59YUv.js} +3 -2
- package/dist/core/{ConcentricSpin-DBqXmCjg.js → ConcentricSpin-Dq4fuhxf.js} +3 -2
- package/dist/core/{CursorRipples-JWrDL_dU.js → CursorRipples-CG13qsO5.js} +5 -4
- package/dist/core/{CursorTrail-D2_14ZEz.js → CursorTrail-BBTqzAWC.js} +3 -2
- package/dist/core/{DiffuseBlur-siJmc-84.js → DiffuseBlur-CpB0j4XW.js} +3 -2
- package/dist/core/{Dither-GoyNQ4_v.js → Dither-DO8Q9sfQ.js} +33 -12
- package/dist/core/{Duotone-CRiDL3YN.js → Duotone-CyTYB0rJ.js} +3 -2
- package/dist/core/{FlowField-B-sNApu9.js → FlowField-Ynwwfkic.js} +3 -2
- package/dist/core/{GridDistortion-CKhOZRpM.js → GridDistortion-C_av0CL_.js} +3 -2
- package/dist/core/{Kaleidoscope-BDTIWTFC.js → Kaleidoscope-BFoudqX3.js} +5 -4
- package/dist/core/{LensFlare-CxyJBEvr.js → LensFlare-sRuR8OkY.js} +4 -4
- package/dist/core/{LinearGradient-BP91wtXm.js → LinearGradient-HhfaMKwI.js} +27 -14
- package/dist/core/{Liquify-2u2lkBhB.js → Liquify-Ad7waFTE.js} +3 -2
- package/dist/core/{Mirror-BonA1elw.js → Mirror-BgbXJY0N.js} +3 -2
- package/dist/core/{Perspective-Cwpv4683.js → Perspective-BZnZPXEf.js} +3 -2
- package/dist/core/{Plasma-BU4ujuLB.js → Plasma-BfyFnIWL.js} +3 -2
- package/dist/core/{PolarCoordinates-6BZYZFoj.js → PolarCoordinates-IItXQawD.js} +3 -2
- package/dist/core/{RadialGradient-DauSwpwY.js → RadialGradient-BtLDAPYQ.js} +3 -2
- package/dist/core/{RectangularCoordinates-C5585uvf.js → RectangularCoordinates-DoXEjIhd.js} +3 -2
- package/dist/core/{Ripples-QWGujQgy.js → Ripples-5SBqOFLG.js} +2 -2
- package/dist/core/{Shatter-DRSn9uGZ.js → Shatter-CT5oSWfn.js} +6 -5
- package/dist/core/{SimplexNoise-W0fx_Y5Q.js → SimplexNoise-D9d1EuGu.js} +3 -3
- package/dist/core/{Spiral-DWBdkW7Y.js → Spiral-6tSyCqRu.js} +3 -2
- package/dist/core/{Stretch-CB92XLiC.js → Stretch-CIkhKgUB.js} +3 -2
- package/dist/core/{Stripes-CTmvjI0U.js → Stripes-Bqb8_lUf.js} +3 -2
- package/dist/core/{Swirl-DVaTB8HY.js → Swirl-CzI_Fddg.js} +3 -2
- package/dist/core/{Tritone-BETUi-og.js → Tritone-DMAv26OS.js} +5 -3
- package/dist/core/{Twirl-BUlMUymT.js → Twirl-CFMQvxzf.js} +3 -2
- package/dist/core/{WaveDistortion-D8LOc-Dc.js → WaveDistortion-BlF3UOIL.js} +23 -15
- package/dist/core/{colorMixing-D_wMclqL.js → colorMixing-jSm3tbMv.js} +40 -19
- package/dist/core/edges-CfGcQniB.js +25 -0
- package/dist/core/index.js +13 -3
- package/dist/core/registry.js +36 -36
- package/dist/core/renderer.d.ts.map +1 -1
- package/dist/core/shaders/Aurora/index.d.ts.map +1 -1
- package/dist/core/shaders/Aurora/index.js +2 -2
- package/dist/core/shaders/Beam/index.d.ts.map +1 -1
- package/dist/core/shaders/Beam/index.js +2 -2
- package/dist/core/shaders/Blob/index.d.ts.map +1 -1
- package/dist/core/shaders/Blob/index.js +2 -2
- package/dist/core/shaders/Bulge/index.d.ts.map +1 -1
- package/dist/core/shaders/Bulge/index.js +2 -2
- package/dist/core/shaders/Checkerboard/index.d.ts.map +1 -1
- package/dist/core/shaders/Checkerboard/index.js +2 -2
- package/dist/core/shaders/Circle/index.d.ts.map +1 -1
- package/dist/core/shaders/Circle/index.js +2 -2
- package/dist/core/shaders/ConcentricSpin/index.d.ts.map +1 -1
- package/dist/core/shaders/ConcentricSpin/index.js +2 -2
- package/dist/core/shaders/CursorRipples/index.d.ts.map +1 -1
- package/dist/core/shaders/CursorRipples/index.js +2 -2
- package/dist/core/shaders/CursorTrail/index.d.ts.map +1 -1
- package/dist/core/shaders/CursorTrail/index.js +2 -2
- package/dist/core/shaders/DiffuseBlur/index.d.ts.map +1 -1
- package/dist/core/shaders/DiffuseBlur/index.js +2 -2
- package/dist/core/shaders/Dither/index.d.ts.map +1 -1
- package/dist/core/shaders/Dither/index.js +1 -1
- package/dist/core/shaders/Duotone/index.d.ts.map +1 -1
- package/dist/core/shaders/Duotone/index.js +2 -2
- package/dist/core/shaders/FlowField/index.d.ts.map +1 -1
- package/dist/core/shaders/FlowField/index.js +2 -2
- package/dist/core/shaders/GridDistortion/index.d.ts.map +1 -1
- package/dist/core/shaders/GridDistortion/index.js +2 -2
- package/dist/core/shaders/Kaleidoscope/index.d.ts.map +1 -1
- package/dist/core/shaders/Kaleidoscope/index.js +2 -2
- package/dist/core/shaders/LensFlare/index.js +1 -1
- package/dist/core/shaders/LinearGradient/index.d.ts.map +1 -1
- package/dist/core/shaders/LinearGradient/index.js +2 -2
- package/dist/core/shaders/Liquify/index.d.ts.map +1 -1
- package/dist/core/shaders/Liquify/index.js +2 -2
- package/dist/core/shaders/Mirror/index.d.ts.map +1 -1
- package/dist/core/shaders/Mirror/index.js +2 -2
- package/dist/core/shaders/Perspective/index.d.ts.map +1 -1
- package/dist/core/shaders/Perspective/index.js +2 -2
- package/dist/core/shaders/Plasma/index.d.ts.map +1 -1
- package/dist/core/shaders/Plasma/index.js +2 -2
- package/dist/core/shaders/PolarCoordinates/index.d.ts.map +1 -1
- package/dist/core/shaders/PolarCoordinates/index.js +2 -2
- package/dist/core/shaders/RadialGradient/index.d.ts.map +1 -1
- package/dist/core/shaders/RadialGradient/index.js +2 -2
- package/dist/core/shaders/RectangularCoordinates/index.d.ts.map +1 -1
- package/dist/core/shaders/RectangularCoordinates/index.js +2 -2
- package/dist/core/shaders/Ripples/index.js +2 -2
- package/dist/core/shaders/Shatter/index.d.ts.map +1 -1
- package/dist/core/shaders/Shatter/index.js +2 -2
- package/dist/core/shaders/SimplexNoise/index.js +2 -2
- package/dist/core/shaders/Spiral/index.d.ts.map +1 -1
- package/dist/core/shaders/Spiral/index.js +2 -2
- package/dist/core/shaders/Stretch/index.d.ts.map +1 -1
- package/dist/core/shaders/Stretch/index.js +2 -2
- package/dist/core/shaders/Stripes/index.d.ts.map +1 -1
- package/dist/core/shaders/Stripes/index.js +2 -2
- package/dist/core/shaders/Swirl/index.d.ts.map +1 -1
- package/dist/core/shaders/Swirl/index.js +2 -2
- package/dist/core/shaders/Tritone/index.d.ts.map +1 -1
- package/dist/core/shaders/Tritone/index.js +2 -2
- package/dist/core/shaders/Twirl/index.d.ts.map +1 -1
- package/dist/core/shaders/Twirl/index.js +2 -2
- package/dist/core/shaders/WaveDistortion/index.js +2 -2
- package/dist/core/types.d.ts +2 -0
- package/dist/core/types.d.ts.map +1 -1
- package/dist/core/utilities/colorMixing.d.ts +7 -2
- package/dist/core/utilities/colorMixing.d.ts.map +1 -1
- package/dist/core/utilities/edges.d.ts +4 -4
- package/dist/core/utilities/edges.d.ts.map +1 -1
- package/dist/core/utilities/uniforms.d.ts.map +1 -1
- package/dist/registry.js +34 -0
- package/package.json +2 -2
- package/dist/core/edges-Bd7GP4s2.js +0 -16
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { a as transformColor, l as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
|
|
2
|
-
import { t as mixColors } from "./colorMixing-
|
|
2
|
+
import { t as mixColors } from "./colorMixing-jSm3tbMv.js";
|
|
3
3
|
import { distance, float, screenUV, vec2, viewportSize } from "three/tsl";
|
|
4
4
|
const componentDefinition = {
|
|
5
5
|
name: "RadialGradient",
|
|
@@ -54,6 +54,7 @@ const componentDefinition = {
|
|
|
54
54
|
colorSpace: {
|
|
55
55
|
default: "linear",
|
|
56
56
|
transform: transformColorSpace,
|
|
57
|
+
compileTime: true,
|
|
57
58
|
description: "Color space for color interpolation",
|
|
58
59
|
ui: {
|
|
59
60
|
type: "select",
|
|
@@ -67,7 +68,7 @@ const componentDefinition = {
|
|
|
67
68
|
const uv$1 = screenUV;
|
|
68
69
|
const aspect = viewportSize.x.div(viewportSize.y);
|
|
69
70
|
const t = distance(vec2(uv$1.x.mul(aspect), uv$1.y), vec2(uniforms.center.uniform.x.mul(aspect), uniforms.center.uniform.y.oneMinus())).div(uniforms.radius.uniform).clamp(float(0), float(1));
|
|
70
|
-
return mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, t, uniforms.colorSpace.uniform);
|
|
71
|
+
return mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, t, uniforms.colorSpace.uniform.value);
|
|
71
72
|
}
|
|
72
73
|
};
|
|
73
74
|
var RadialGradient_default = componentDefinition;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as applyEdgeHandling } from "./edges-
|
|
1
|
+
import { t as applyEdgeHandling } from "./edges-CfGcQniB.js";
|
|
2
2
|
import { c as transformEdges, l as transformPosition } from "./transformations-B5lM6fYX.js";
|
|
3
3
|
import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
|
|
4
4
|
import { PI, convertToTexture, cos, mix, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
|
|
@@ -50,6 +50,7 @@ const componentDefinition = {
|
|
|
50
50
|
default: "transparent",
|
|
51
51
|
description: "How to handle edges when distortion pushes content out of bounds",
|
|
52
52
|
transform: transformEdges,
|
|
53
|
+
compileTime: true,
|
|
53
54
|
ui: {
|
|
54
55
|
type: "select",
|
|
55
56
|
options: [
|
|
@@ -88,7 +89,7 @@ const componentDefinition = {
|
|
|
88
89
|
const aspect = viewportSize.x.div(viewportSize.y);
|
|
89
90
|
const centerPos = vec2(uniforms.center.uniform.x, uniforms.center.uniform.y.oneMinus());
|
|
90
91
|
const blendedUV = mix(screenUV, vec2(rectX.div(aspect).add(centerPos.x), rectY.add(centerPos.y)), uniforms.intensity.uniform);
|
|
91
|
-
return unpremultiplyAlpha(applyEdgeHandling(blendedUV, childTexture.sample(blendedUV), childTexture, uniforms.edges.uniform));
|
|
92
|
+
return unpremultiplyAlpha(applyEdgeHandling(blendedUV, childTexture.sample(blendedUV), childTexture, uniforms.edges.uniform.value));
|
|
92
93
|
}
|
|
93
94
|
};
|
|
94
95
|
var RectangularCoordinates_default = componentDefinition;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { a as transformColor, l as transformPosition } from "./transformations-B5lM6fYX.js";
|
|
2
2
|
import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
|
|
3
|
-
import { t as mixColors } from "./colorMixing-
|
|
3
|
+
import { t as mixColors } from "./colorMixing-jSm3tbMv.js";
|
|
4
4
|
import { distance, float, screenUV, sin, smoothstep, vec2, viewportSize } from "three/tsl";
|
|
5
5
|
const componentDefinition = {
|
|
6
6
|
name: "Ripples",
|
|
@@ -116,7 +116,7 @@ const componentDefinition = {
|
|
|
116
116
|
const animTime = createAnimatedTime(params, uniforms.speed);
|
|
117
117
|
const baseWave = sin(dist.mul(frequency).sub(animTime).add(phase));
|
|
118
118
|
const thicknessThreshold = thickness.mul(float(2)).sub(float(1));
|
|
119
|
-
return mixColors(colorB, colorA, smoothstep(thicknessThreshold.sub(softness), thicknessThreshold.add(softness), baseWave).oneMinus(),
|
|
119
|
+
return mixColors(colorB, colorA, smoothstep(thicknessThreshold.sub(softness), thicknessThreshold.add(softness), baseWave).oneMinus(), 0);
|
|
120
120
|
}
|
|
121
121
|
};
|
|
122
122
|
var Ripples_default = componentDefinition;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as applyEdgeHandling } from "./edges-
|
|
1
|
+
import { t as applyEdgeHandling } from "./edges-CfGcQniB.js";
|
|
2
2
|
import { c as transformEdges } from "./transformations-B5lM6fYX.js";
|
|
3
3
|
import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
|
|
4
4
|
import { DataTexture, FloatType, LinearFilter, NearestFilter, RGBAFormat } from "three";
|
|
@@ -114,6 +114,7 @@ const componentDefinition = {
|
|
|
114
114
|
default: "mirror",
|
|
115
115
|
description: "How to handle edges when displacement pushes content out of bounds",
|
|
116
116
|
transform: transformEdges,
|
|
117
|
+
compileTime: true,
|
|
117
118
|
ui: {
|
|
118
119
|
type: "select",
|
|
119
120
|
options: [
|
|
@@ -306,11 +307,11 @@ const componentDefinition = {
|
|
|
306
307
|
const rSample = childTexture.sample(rUV);
|
|
307
308
|
const gSample = childTexture.sample(gUV);
|
|
308
309
|
const bSample = childTexture.sample(bUV);
|
|
309
|
-
const rFinal = applyEdgeHandling(rUV, rSample, childTexture, uniforms.edges.uniform);
|
|
310
|
-
const gFinal = applyEdgeHandling(gUV, gSample, childTexture, uniforms.edges.uniform);
|
|
311
|
-
const bFinal = applyEdgeHandling(bUV, bSample, childTexture, uniforms.edges.uniform);
|
|
310
|
+
const rFinal = applyEdgeHandling(rUV, rSample, childTexture, uniforms.edges.uniform.value);
|
|
311
|
+
const gFinal = applyEdgeHandling(gUV, gSample, childTexture, uniforms.edges.uniform.value);
|
|
312
|
+
const bFinal = applyEdgeHandling(bUV, bSample, childTexture, uniforms.edges.uniform.value);
|
|
312
313
|
const refractedColor = vec4(rFinal.r, gFinal.g, bFinal.b, gFinal.a);
|
|
313
|
-
const normalColor = applyEdgeHandling(displacedUV, childTexture.sample(displacedUV), childTexture, uniforms.edges.uniform);
|
|
314
|
+
const normalColor = applyEdgeHandling(displacedUV, childTexture.sample(displacedUV), childTexture, uniforms.edges.uniform.value);
|
|
314
315
|
let shadedRGB = normalColor.rgb.mul(float(1).sub(crackIntensity)).add(refractedColor.rgb.mul(crackIntensity));
|
|
315
316
|
const displacementLength = displacement.length();
|
|
316
317
|
const tiltX = displacement.x.div(displacementLength.add(.001));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { a as transformColor } from "./transformations-B5lM6fYX.js";
|
|
2
2
|
import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
|
|
3
|
-
import { t as mixColors } from "./colorMixing-
|
|
4
|
-
import { clamp, exp,
|
|
3
|
+
import { t as mixColors } from "./colorMixing-jSm3tbMv.js";
|
|
4
|
+
import { clamp, exp, mx_noise_float, screenUV, vec2, vec3, viewportSize } from "three/tsl";
|
|
5
5
|
const componentDefinition = {
|
|
6
6
|
name: "SimplexNoise",
|
|
7
7
|
category: "Textures",
|
|
@@ -98,7 +98,7 @@ const componentDefinition = {
|
|
|
98
98
|
const noise = mx_noise_float(vec3(pos.x, pos.y, animTime.mul(.5)));
|
|
99
99
|
const contrastMultiplier = uniforms.contrast.uniform.add(1);
|
|
100
100
|
const k = clamp(noise.mul(contrastMultiplier).add(uniforms.balance.uniform).mul(.5).add(.5), 0, 1);
|
|
101
|
-
return mixColors(uniforms.colorB.uniform, uniforms.colorA.uniform, k,
|
|
101
|
+
return mixColors(uniforms.colorB.uniform, uniforms.colorA.uniform, k, 0);
|
|
102
102
|
}
|
|
103
103
|
};
|
|
104
104
|
var SimplexNoise_default = componentDefinition;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { a as transformColor, l as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
|
|
2
2
|
import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
|
|
3
|
-
import { t as mixColors } from "./colorMixing-
|
|
3
|
+
import { t as mixColors } from "./colorMixing-jSm3tbMv.js";
|
|
4
4
|
import { abs, atan, clamp, float, fract, fwidth, length, mix, screenUV, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
|
|
5
5
|
const componentDefinition = {
|
|
6
6
|
name: "Spiral",
|
|
@@ -103,6 +103,7 @@ const componentDefinition = {
|
|
|
103
103
|
colorSpace: {
|
|
104
104
|
default: "linear",
|
|
105
105
|
transform: transformColorSpace,
|
|
106
|
+
compileTime: true,
|
|
106
107
|
description: "Color space for color interpolation",
|
|
107
108
|
ui: {
|
|
108
109
|
type: "select",
|
|
@@ -133,7 +134,7 @@ const componentDefinition = {
|
|
|
133
134
|
const fw = fwidth(offset);
|
|
134
135
|
const pixelSize = mix(float(4).sub(smoothstep(.05, .4, uniforms.strokeWidth.uniform.mul(2)).mul(smoothstep(.05, .4, uniforms.strokeWidth.uniform.oneMinus().mul(2))).mul(3)).mul(fw), fwidth(shape), clamp(fw, 0, 1));
|
|
135
136
|
const res = smoothstep(width.sub(pixelSize).sub(uniforms.softness.uniform), width.add(pixelSize).add(uniforms.softness.uniform), shape);
|
|
136
|
-
const mixedColor = mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, res, uniforms.colorSpace.uniform);
|
|
137
|
+
const mixedColor = mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, res, uniforms.colorSpace.uniform.value);
|
|
137
138
|
return vec4(mixedColor.rgb, mixedColor.a);
|
|
138
139
|
}
|
|
139
140
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as applyEdgeHandling } from "./edges-
|
|
1
|
+
import { t as applyEdgeHandling } from "./edges-CfGcQniB.js";
|
|
2
2
|
import { c as transformEdges, l as transformPosition } from "./transformations-B5lM6fYX.js";
|
|
3
3
|
import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
|
|
4
4
|
import { clamp, convertToTexture, cos, float, mix, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
|
|
@@ -62,6 +62,7 @@ const componentDefinition = {
|
|
|
62
62
|
default: "stretch",
|
|
63
63
|
description: "How to handle edges when distortion pushes content out of bounds",
|
|
64
64
|
transform: transformEdges,
|
|
65
|
+
compileTime: true,
|
|
65
66
|
ui: {
|
|
66
67
|
type: "select",
|
|
67
68
|
options: [
|
|
@@ -111,7 +112,7 @@ const componentDefinition = {
|
|
|
111
112
|
const stretchedDelta = directionVector.mul(finalProjection).add(perpendicular);
|
|
112
113
|
const stretchedUV = centerPos.add(stretchedDelta);
|
|
113
114
|
const finalUV = vec2(stretchedUV.x.div(aspect), stretchedUV.y);
|
|
114
|
-
return unpremultiplyAlpha(applyEdgeHandling(finalUV, childTexture.sample(finalUV), childTexture, uniforms.edges.uniform));
|
|
115
|
+
return unpremultiplyAlpha(applyEdgeHandling(finalUV, childTexture.sample(finalUV), childTexture, uniforms.edges.uniform.value));
|
|
115
116
|
}
|
|
116
117
|
};
|
|
117
118
|
var Stretch_default = componentDefinition;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { a as transformColor, o as transformColorSpace, r as transformAngle, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
|
|
2
2
|
import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
|
|
3
|
-
import { t as mixColors } from "./colorMixing-
|
|
3
|
+
import { t as mixColors } from "./colorMixing-jSm3tbMv.js";
|
|
4
4
|
import { cos, fract, fwidth, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
|
|
5
5
|
const componentDefinition = {
|
|
6
6
|
name: "Stripes",
|
|
@@ -103,6 +103,7 @@ const componentDefinition = {
|
|
|
103
103
|
colorSpace: {
|
|
104
104
|
default: "linear",
|
|
105
105
|
transform: transformColorSpace,
|
|
106
|
+
compileTime: true,
|
|
106
107
|
description: "Color space for interpolation",
|
|
107
108
|
ui: {
|
|
108
109
|
type: "select",
|
|
@@ -128,7 +129,7 @@ const componentDefinition = {
|
|
|
128
129
|
const balance = uniforms.balance.uniform;
|
|
129
130
|
const soft = uniforms.softness.uniform;
|
|
130
131
|
const mask = smoothstep(balance.sub(soft).sub(fw), balance.add(soft).add(fw), stripe);
|
|
131
|
-
const mixedColor = mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, mask, uniforms.colorSpace.uniform);
|
|
132
|
+
const mixedColor = mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, mask, uniforms.colorSpace.uniform.value);
|
|
132
133
|
return vec4(mixedColor.rgb, mixedColor.a);
|
|
133
134
|
}
|
|
134
135
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { a as transformColor, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
|
|
2
2
|
import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
|
|
3
|
-
import { t as mixColors } from "./colorMixing-
|
|
3
|
+
import { t as mixColors } from "./colorMixing-jSm3tbMv.js";
|
|
4
4
|
import { cos, screenUV, sin, smoothstep, vec2, vec4 } from "three/tsl";
|
|
5
5
|
const componentDefinition = {
|
|
6
6
|
name: "Swirl",
|
|
@@ -66,6 +66,7 @@ const componentDefinition = {
|
|
|
66
66
|
colorSpace: {
|
|
67
67
|
default: "linear",
|
|
68
68
|
transform: transformColorSpace,
|
|
69
|
+
compileTime: true,
|
|
69
70
|
description: "Color space for color interpolation",
|
|
70
71
|
ui: {
|
|
71
72
|
type: "select",
|
|
@@ -92,7 +93,7 @@ const componentDefinition = {
|
|
|
92
93
|
const combinedPattern = pattern1.mul(.45).add(pattern2.mul(.35)).add(pattern3.mul(.2));
|
|
93
94
|
const blendBias = uniforms.blend.uniform.sub(50).mul(.006);
|
|
94
95
|
const blendFactor = smoothstep(.3, .7, combinedPattern.mul(.5).add(.5).add(blendBias));
|
|
95
|
-
const colorMix = mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, blendFactor, uniforms.colorSpace.uniform);
|
|
96
|
+
const colorMix = mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, blendFactor, uniforms.colorSpace.uniform.value);
|
|
96
97
|
const shimmer = sin(t.mul(2.5).add(combinedPattern.mul(8))).mul(.015).add(1);
|
|
97
98
|
const finalColor = colorMix.mul(shimmer);
|
|
98
99
|
return vec4(finalColor.rgb, finalColor.a);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { a as transformColor, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
|
|
2
2
|
import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
|
|
3
|
-
import { t as mixColors } from "./colorMixing-
|
|
3
|
+
import { t as mixColors } from "./colorMixing-jSm3tbMv.js";
|
|
4
4
|
import { convertToTexture, dot, screenUV, smoothstep, vec3, vec4 } from "three/tsl";
|
|
5
5
|
const componentDefinition = {
|
|
6
6
|
name: "Tritone",
|
|
@@ -54,6 +54,7 @@ const componentDefinition = {
|
|
|
54
54
|
colorSpace: {
|
|
55
55
|
default: "linear",
|
|
56
56
|
transform: transformColorSpace,
|
|
57
|
+
compileTime: true,
|
|
57
58
|
description: "Color space for color interpolation",
|
|
58
59
|
ui: {
|
|
59
60
|
type: "select",
|
|
@@ -72,9 +73,10 @@ const componentDefinition = {
|
|
|
72
73
|
const inputColor = unpremultiplyAlpha(childTexture.sample(screenUV));
|
|
73
74
|
const luminance = dot(inputColor.rgb, vec3(.299, .587, .114));
|
|
74
75
|
const shadowToMid = smoothstep(uniforms.blendMid.uniform.sub(.25), uniforms.blendMid.uniform, luminance);
|
|
75
|
-
const
|
|
76
|
+
const csMode = uniforms.colorSpace.uniform.value;
|
|
77
|
+
const lowerBlend = mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, shadowToMid, csMode);
|
|
76
78
|
const midToHighlight = smoothstep(uniforms.blendMid.uniform, uniforms.blendMid.uniform.add(.25), luminance);
|
|
77
|
-
return vec4(mixColors(lowerBlend, mixColors(uniforms.colorB.uniform, uniforms.colorC.uniform, midToHighlight,
|
|
79
|
+
return vec4(mixColors(lowerBlend, mixColors(uniforms.colorB.uniform, uniforms.colorC.uniform, midToHighlight, csMode), smoothstep(uniforms.blendMid.uniform.sub(.1), uniforms.blendMid.uniform.add(.1), luminance), csMode).rgb, inputColor.a);
|
|
78
80
|
}
|
|
79
81
|
};
|
|
80
82
|
var Tritone_default = componentDefinition;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as applyEdgeHandling } from "./edges-
|
|
1
|
+
import { t as applyEdgeHandling } from "./edges-CfGcQniB.js";
|
|
2
2
|
import { c as transformEdges, l as transformPosition } from "./transformations-B5lM6fYX.js";
|
|
3
3
|
import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
|
|
4
4
|
import { convertToTexture, cos, length, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
|
|
@@ -38,6 +38,7 @@ const componentDefinition = {
|
|
|
38
38
|
default: "stretch",
|
|
39
39
|
description: "How to handle edges when distortion pushes content out of bounds",
|
|
40
40
|
transform: transformEdges,
|
|
41
|
+
compileTime: true,
|
|
41
42
|
ui: {
|
|
42
43
|
type: "select",
|
|
43
44
|
options: [
|
|
@@ -83,7 +84,7 @@ const componentDefinition = {
|
|
|
83
84
|
const rotatedX = cosAngle.mul(aspectCorrectedDelta.x).sub(sinAngle.mul(aspectCorrectedDelta.y));
|
|
84
85
|
const rotatedY = sinAngle.mul(aspectCorrectedDelta.x).add(cosAngle.mul(aspectCorrectedDelta.y));
|
|
85
86
|
const twistedUV = vec2(rotatedX.div(aspect).add(centerPos.x), rotatedY.add(centerPos.y));
|
|
86
|
-
return unpremultiplyAlpha(applyEdgeHandling(twistedUV, texture$1.sample(twistedUV), texture$1, uniforms.edges.uniform));
|
|
87
|
+
return unpremultiplyAlpha(applyEdgeHandling(twistedUV, texture$1.sample(twistedUV), texture$1, uniforms.edges.uniform.value));
|
|
87
88
|
}
|
|
88
89
|
};
|
|
89
90
|
var Twirl_default = componentDefinition;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as applyEdgeHandling } from "./edges-
|
|
1
|
+
import { t as applyEdgeHandling } from "./edges-CfGcQniB.js";
|
|
2
2
|
import { c as transformEdges } from "./transformations-B5lM6fYX.js";
|
|
3
3
|
import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
|
|
4
4
|
import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
|
|
@@ -61,6 +61,7 @@ const componentDefinition = {
|
|
|
61
61
|
waveType: {
|
|
62
62
|
default: "sine",
|
|
63
63
|
description: "Shape of the distortion wave",
|
|
64
|
+
compileTime: true,
|
|
64
65
|
transform: (value) => {
|
|
65
66
|
return {
|
|
66
67
|
"sine": 0,
|
|
@@ -102,6 +103,7 @@ const componentDefinition = {
|
|
|
102
103
|
default: "stretch",
|
|
103
104
|
description: "How to handle edges when distortion pushes content out of bounds",
|
|
104
105
|
transform: transformEdges,
|
|
106
|
+
compileTime: true,
|
|
105
107
|
ui: {
|
|
106
108
|
type: "select",
|
|
107
109
|
options: [
|
|
@@ -139,19 +141,25 @@ const componentDefinition = {
|
|
|
139
141
|
const centeredUV = uvCoord.sub(vec2(.5, .5));
|
|
140
142
|
const aspectCorrectedUV = vec2(centeredUV.x.mul(aspect), centeredUV.y);
|
|
141
143
|
const phase = vec2(aspectCorrectedUV.x.mul(cosAngle).sub(aspectCorrectedUV.y.mul(sinAngle)), aspectCorrectedUV.x.mul(sinAngle).add(aspectCorrectedUV.y.mul(cosAngle))).y.add(.5).mul(uniforms.frequency.uniform).mul(PI.mul(2)).add(t);
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
144
|
+
let finalWave;
|
|
145
|
+
switch (uniforms.waveType.uniform.value) {
|
|
146
|
+
case 1:
|
|
147
|
+
finalWave = abs(fract(phase.div(PI.mul(2))).mul(2).sub(1)).mul(2).sub(1);
|
|
148
|
+
break;
|
|
149
|
+
case 2: {
|
|
150
|
+
const normalizedPhase = fract(phase.div(PI.mul(2)));
|
|
151
|
+
finalWave = step(float(.5), normalizedPhase).mul(2).sub(1);
|
|
152
|
+
break;
|
|
153
|
+
}
|
|
154
|
+
case 3:
|
|
155
|
+
finalWave = fract(phase.div(PI.mul(2))).mul(2).sub(1);
|
|
156
|
+
break;
|
|
157
|
+
case 4:
|
|
158
|
+
finalWave = abs(sin(phase));
|
|
159
|
+
break;
|
|
160
|
+
default: finalWave = sin(phase);
|
|
161
|
+
}
|
|
162
|
+
const displacement = finalWave.mul(uniforms.strength.uniform).mul(.5);
|
|
155
163
|
const displacementX = displacement.mul(cosAngle).div(aspect);
|
|
156
164
|
const displacementY = displacement.mul(sinAngle);
|
|
157
165
|
const distortedUV = vec2(uvCoord.x.add(displacementX), uvCoord.y.add(displacementY));
|
|
@@ -159,7 +167,7 @@ const componentDefinition = {
|
|
|
159
167
|
onCleanup(() => {
|
|
160
168
|
if (childTexture?.renderTarget?.dispose) childTexture.renderTarget.dispose();
|
|
161
169
|
});
|
|
162
|
-
return unpremultiplyAlpha(applyEdgeHandling(distortedUV, childTexture.sample(distortedUV), childTexture, uniforms.edges.uniform));
|
|
170
|
+
return unpremultiplyAlpha(applyEdgeHandling(distortedUV, childTexture.sample(distortedUV), childTexture, uniforms.edges.uniform.value));
|
|
163
171
|
}
|
|
164
172
|
};
|
|
165
173
|
var WaveDistortion_default = componentDefinition;
|
|
@@ -172,25 +172,46 @@ const mixColors = (colorA, colorB, t, colorSpaceMode) => {
|
|
|
172
172
|
const alphaWeightedMix = (rgbA, rgbB) => {
|
|
173
173
|
return rgbA.mul(weightA).add(rgbB.mul(weightB)).div(safeWeight);
|
|
174
174
|
};
|
|
175
|
-
const linearMix = alphaWeightedMix(p3A, p3B);
|
|
176
|
-
const srgbA = p3ToSRGB(p3A);
|
|
177
|
-
const srgbB = p3ToSRGB(p3B);
|
|
178
|
-
const oklabA = rgbToOklab(srgbA);
|
|
179
|
-
const oklabB = rgbToOklab(srgbB);
|
|
180
|
-
const oklchResult = sRGBToP3(oklabToRgb(oklchToOklab(alphaWeightedMix(oklabToOklch(oklabA), oklabToOklch(oklabB)))));
|
|
181
|
-
const oklabResult = sRGBToP3(oklabToRgb(alphaWeightedMix(oklabA, oklabB)));
|
|
182
|
-
const hslResult = sRGBToP3(hslToRgb(alphaWeightedMix(rgbToHsl(srgbA), rgbToHsl(srgbB))));
|
|
183
|
-
const hsvResult = sRGBToP3(hsvToRgb(alphaWeightedMix(rgbToHsv(srgbA), rgbToHsv(srgbB))));
|
|
184
|
-
const labA = rgbToLab(srgbA);
|
|
185
|
-
const labB = rgbToLab(srgbB);
|
|
186
|
-
const lchResult = sRGBToP3(labToRgb(lchToLab(alphaWeightedMix(labToLch(labA), labToLch(labB)))));
|
|
187
|
-
const isMode1OrHigher = colorSpaceMode.greaterThanEqual(float(.5));
|
|
188
|
-
const isMode2OrHigher = colorSpaceMode.greaterThanEqual(float(1.5));
|
|
189
|
-
const isMode3OrHigher = colorSpaceMode.greaterThanEqual(float(2.5));
|
|
190
|
-
const isMode4OrHigher = colorSpaceMode.greaterThanEqual(float(3.5));
|
|
191
|
-
const isMode5 = colorSpaceMode.greaterThanEqual(float(4.5));
|
|
192
|
-
const rgb = isMode1OrHigher.select(isMode2OrHigher.select(isMode3OrHigher.select(isMode4OrHigher.select(isMode5.select(lchResult, hsvResult), hslResult), oklabResult), oklchResult), linearMix);
|
|
193
175
|
const alpha = totalWeight;
|
|
194
|
-
|
|
176
|
+
switch (colorSpaceMode) {
|
|
177
|
+
case 1: {
|
|
178
|
+
const srgbA = p3ToSRGB(p3A);
|
|
179
|
+
const srgbB = p3ToSRGB(p3B);
|
|
180
|
+
const oklabA = rgbToOklab(srgbA);
|
|
181
|
+
const oklabB = rgbToOklab(srgbB);
|
|
182
|
+
const rgb = sRGBToP3(oklabToRgb(oklchToOklab(alphaWeightedMix(oklabToOklch(oklabA), oklabToOklch(oklabB)))));
|
|
183
|
+
return vec4(rgb.x, rgb.y, rgb.z, alpha);
|
|
184
|
+
}
|
|
185
|
+
case 2: {
|
|
186
|
+
const srgbA = p3ToSRGB(p3A);
|
|
187
|
+
const srgbB = p3ToSRGB(p3B);
|
|
188
|
+
const rgb = sRGBToP3(oklabToRgb(alphaWeightedMix(rgbToOklab(srgbA), rgbToOklab(srgbB))));
|
|
189
|
+
return vec4(rgb.x, rgb.y, rgb.z, alpha);
|
|
190
|
+
}
|
|
191
|
+
case 3: {
|
|
192
|
+
const srgbA = p3ToSRGB(p3A);
|
|
193
|
+
const srgbB = p3ToSRGB(p3B);
|
|
194
|
+
const rgb = sRGBToP3(hslToRgb(alphaWeightedMix(rgbToHsl(srgbA), rgbToHsl(srgbB))));
|
|
195
|
+
return vec4(rgb.x, rgb.y, rgb.z, alpha);
|
|
196
|
+
}
|
|
197
|
+
case 4: {
|
|
198
|
+
const srgbA = p3ToSRGB(p3A);
|
|
199
|
+
const srgbB = p3ToSRGB(p3B);
|
|
200
|
+
const rgb = sRGBToP3(hsvToRgb(alphaWeightedMix(rgbToHsv(srgbA), rgbToHsv(srgbB))));
|
|
201
|
+
return vec4(rgb.x, rgb.y, rgb.z, alpha);
|
|
202
|
+
}
|
|
203
|
+
case 5: {
|
|
204
|
+
const srgbA = p3ToSRGB(p3A);
|
|
205
|
+
const srgbB = p3ToSRGB(p3B);
|
|
206
|
+
const labA = rgbToLab(srgbA);
|
|
207
|
+
const labB = rgbToLab(srgbB);
|
|
208
|
+
const rgb = sRGBToP3(labToRgb(lchToLab(alphaWeightedMix(labToLch(labA), labToLch(labB)))));
|
|
209
|
+
return vec4(rgb.x, rgb.y, rgb.z, alpha);
|
|
210
|
+
}
|
|
211
|
+
default: {
|
|
212
|
+
const rgb = alphaWeightedMix(p3A, p3B);
|
|
213
|
+
return vec4(rgb.x, rgb.y, rgb.z, alpha);
|
|
214
|
+
}
|
|
215
|
+
}
|
|
195
216
|
};
|
|
196
217
|
export { mixColors as t };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { abs, float, fract, mod, select, step, vec2, vec4 } from "three/tsl";
|
|
2
|
+
const applyEdgeHandling = (distortedUV, sampledColor, childTexture, edgeMode) => {
|
|
3
|
+
switch (edgeMode) {
|
|
4
|
+
case 1: {
|
|
5
|
+
const inBoundsX = step(float(0), distortedUV.x).mul(step(distortedUV.x, float(1)));
|
|
6
|
+
const inBoundsY = step(float(0), distortedUV.y).mul(step(distortedUV.y, float(1)));
|
|
7
|
+
const inBounds = inBoundsX.mul(inBoundsY);
|
|
8
|
+
return vec4(sampledColor.rgb, sampledColor.a.mul(inBounds));
|
|
9
|
+
}
|
|
10
|
+
case 2: {
|
|
11
|
+
if (!childTexture) return sampledColor;
|
|
12
|
+
const mirrorX = mod(abs(distortedUV.x), float(2));
|
|
13
|
+
const mirrorY = mod(abs(distortedUV.y), float(2));
|
|
14
|
+
const mirroredUV = vec2(select(step(float(1), mirrorX), float(2).sub(mirrorX), mirrorX), select(step(float(1), mirrorY), float(2).sub(mirrorY), mirrorY));
|
|
15
|
+
return childTexture.sample(mirroredUV);
|
|
16
|
+
}
|
|
17
|
+
case 3: {
|
|
18
|
+
if (!childTexture) return sampledColor;
|
|
19
|
+
const wrappedUV = vec2(fract(distortedUV.x), fract(distortedUV.y));
|
|
20
|
+
return childTexture.sample(wrappedUV);
|
|
21
|
+
}
|
|
22
|
+
default: return sampledColor;
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
export { applyEdgeHandling as t };
|
package/dist/core/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as applyEdgeHandling } from "./edges-
|
|
1
|
+
import { t as applyEdgeHandling } from "./edges-CfGcQniB.js";
|
|
2
2
|
import { a as transformColor, l as transformPosition, n as setColorSpaceMode, s as transformColorUpdate, u as transformPositionUpdate } from "./transformations-B5lM6fYX.js";
|
|
3
3
|
import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
|
|
4
4
|
import { Material, Mesh, MeshBasicNodeMaterial, OrthographicCamera, PlaneGeometry, SRGBColorSpace, Scene, WebGPURenderer } from "three/webgpu";
|
|
@@ -518,7 +518,8 @@ function createUniformsMap(component, reactiveProps, instanceId) {
|
|
|
518
518
|
if (typeof uniformValue === "string" && uniformNode.value === null) uniformNode.value = uniformValue;
|
|
519
519
|
uniformsMap[propName] = {
|
|
520
520
|
uniform: uniformNode,
|
|
521
|
-
transform: propConfig.transform || void 0
|
|
521
|
+
transform: propConfig.transform || void 0,
|
|
522
|
+
compileTime: propConfig.compileTime || false
|
|
522
523
|
};
|
|
523
524
|
});
|
|
524
525
|
return uniformsMap;
|
|
@@ -823,7 +824,7 @@ function shaderRenderer() {
|
|
|
823
824
|
if (!nodeInfo.metadata.transform || !nodeInfo.transformUniforms || !needsTransformation(nodeInfo.metadata.transform) && !nodeInfo.transformRTTActive) return result;
|
|
824
825
|
const texture$1 = trackConvertToTexture(result);
|
|
825
826
|
const transformedUV = applyUVTransform(screenUV, nodeInfo.transformUniforms.offsetX, nodeInfo.transformUniforms.offsetY, nodeInfo.transformUniforms.rotation, nodeInfo.transformUniforms.scale, nodeInfo.transformUniforms.anchorX, nodeInfo.transformUniforms.anchorY, nodeInfo.transformUniforms.aspectRatio);
|
|
826
|
-
return applyEdgeHandling(transformedUV, texture$1.sample(transformedUV), texture$1, nodeInfo.transformUniforms.edges);
|
|
827
|
+
return applyEdgeHandling(transformedUV, texture$1.sample(transformedUV), texture$1, nodeInfo.transformUniforms.edges.value);
|
|
827
828
|
};
|
|
828
829
|
const composeNodeTree = (nodeId, processedMasks = /* @__PURE__ */ new Set(), currentlyComposedNodes) => {
|
|
829
830
|
if (currentWidth === 0 || currentHeight === 0) return vec4(0, 0, 0, 0);
|
|
@@ -1153,6 +1154,13 @@ function shaderRenderer() {
|
|
|
1153
1154
|
setColorSpaceMode(rendererColorSpace);
|
|
1154
1155
|
updateUniformValue(uniformDefinition, value);
|
|
1155
1156
|
} else uniformDefinition.uniform.value = value;
|
|
1157
|
+
if (uniformDefinition.compileTime && material && isInitialized && currentWidth > 0 && currentHeight > 0) {
|
|
1158
|
+
if (materialUpdateBatchRAF === null) materialUpdateBatchRAF = requestAnimationFrame(() => {
|
|
1159
|
+
materialUpdateBatchRAF = null;
|
|
1160
|
+
updateMaterial();
|
|
1161
|
+
});
|
|
1162
|
+
return;
|
|
1163
|
+
}
|
|
1156
1164
|
if (!animationFrameId) renderFrame();
|
|
1157
1165
|
};
|
|
1158
1166
|
const updateNodeMetadata = (nodeId, metadata) => {
|
|
@@ -1206,7 +1214,9 @@ function shaderRenderer() {
|
|
|
1206
1214
|
existingNode.transformUniforms.scale.value = metadata.transform.scale;
|
|
1207
1215
|
existingNode.transformUniforms.anchorX.value = metadata.transform.anchorX;
|
|
1208
1216
|
existingNode.transformUniforms.anchorY.value = metadata.transform.anchorY;
|
|
1217
|
+
const oldEdgesValue = existingNode.transformUniforms.edges.value;
|
|
1209
1218
|
existingNode.transformUniforms.edges.value = metadata.transform.edges === "stretch" ? 0 : metadata.transform.edges === "transparent" ? 1 : metadata.transform.edges === "mirror" ? 2 : 3;
|
|
1219
|
+
if (existingNode.transformUniforms.edges.value !== oldEdgesValue) needsRecompose = true;
|
|
1210
1220
|
}
|
|
1211
1221
|
if (newTransformState && !existingNode.transformRTTActive) {
|
|
1212
1222
|
existingNode.transformRTTActive = true;
|
package/dist/core/registry.js
CHANGED
|
@@ -1,81 +1,81 @@
|
|
|
1
|
-
import "./edges-
|
|
1
|
+
import "./edges-CfGcQniB.js";
|
|
2
2
|
import "./transformations-B5lM6fYX.js";
|
|
3
3
|
import "./time-BZqyVJXt.js";
|
|
4
4
|
import "./alpha-Byel9eTg.js";
|
|
5
5
|
import { n as componentDefinition } from "./AngularBlur-m_DWR-a1.js";
|
|
6
6
|
import { n as componentDefinition$1 } from "./Ascii-CmRuGRU3.js";
|
|
7
|
-
import "./colorMixing-
|
|
8
|
-
import { n as componentDefinition$2 } from "./Aurora-
|
|
9
|
-
import { n as componentDefinition$3 } from "./Beam-
|
|
10
|
-
import { n as componentDefinition$4 } from "./Blob-
|
|
7
|
+
import "./colorMixing-jSm3tbMv.js";
|
|
8
|
+
import { n as componentDefinition$2 } from "./Aurora-NksIvzEl.js";
|
|
9
|
+
import { n as componentDefinition$3 } from "./Beam-CprkmCUE.js";
|
|
10
|
+
import { n as componentDefinition$4 } from "./Blob-Bbq8XbWa.js";
|
|
11
11
|
import { n as componentDefinition$5 } from "./Blur-DpAOfmjB.js";
|
|
12
12
|
import { n as componentDefinition$6 } from "./BrightnessContrast-zL5bGGzg.js";
|
|
13
|
-
import { n as componentDefinition$7 } from "./Bulge-
|
|
13
|
+
import { n as componentDefinition$7 } from "./Bulge-iv4gvOrb.js";
|
|
14
14
|
import { n as componentDefinition$8 } from "./ChannelBlur-4f44pSJj.js";
|
|
15
|
-
import { n as componentDefinition$9 } from "./Checkerboard-
|
|
15
|
+
import { n as componentDefinition$9 } from "./Checkerboard-DgAStqo1.js";
|
|
16
16
|
import { n as componentDefinition$10 } from "./ChromaFlow-DfP9ZDg0.js";
|
|
17
17
|
import { n as componentDefinition$11 } from "./ChromaticAberration-VL5tfOeo.js";
|
|
18
|
-
import { n as componentDefinition$12 } from "./Circle-
|
|
19
|
-
import { n as componentDefinition$13 } from "./ConcentricSpin-
|
|
18
|
+
import { n as componentDefinition$12 } from "./Circle-CNU59YUv.js";
|
|
19
|
+
import { n as componentDefinition$13 } from "./ConcentricSpin-Dq4fuhxf.js";
|
|
20
20
|
import { n as componentDefinition$14 } from "./ContourLines-D2KRIOBw.js";
|
|
21
21
|
import { n as componentDefinition$15 } from "./CRTScreen-cc_j5lyg.js";
|
|
22
|
-
import { n as componentDefinition$16 } from "./CursorRipples-
|
|
23
|
-
import { n as componentDefinition$17 } from "./CursorTrail-
|
|
24
|
-
import { n as componentDefinition$18 } from "./DiffuseBlur-
|
|
25
|
-
import { n as componentDefinition$19 } from "./Dither-
|
|
22
|
+
import { n as componentDefinition$16 } from "./CursorRipples-CG13qsO5.js";
|
|
23
|
+
import { n as componentDefinition$17 } from "./CursorTrail-BBTqzAWC.js";
|
|
24
|
+
import { n as componentDefinition$18 } from "./DiffuseBlur-CpB0j4XW.js";
|
|
25
|
+
import { n as componentDefinition$19 } from "./Dither-DO8Q9sfQ.js";
|
|
26
26
|
import { n as componentDefinition$20 } from "./DotGrid-B8bSufr6.js";
|
|
27
|
-
import { n as componentDefinition$21 } from "./Duotone-
|
|
27
|
+
import { n as componentDefinition$21 } from "./Duotone-CyTYB0rJ.js";
|
|
28
28
|
import { n as componentDefinition$22 } from "./FilmGrain-BxtaYExl.js";
|
|
29
29
|
import { n as componentDefinition$23 } from "./FloatingParticles-CtrWM2rw.js";
|
|
30
|
-
import { n as componentDefinition$24 } from "./FlowField-
|
|
30
|
+
import { n as componentDefinition$24 } from "./FlowField-Ynwwfkic.js";
|
|
31
31
|
import { n as componentDefinition$25 } from "./GlassTiles-DR6mVq-O.js";
|
|
32
32
|
import { n as componentDefinition$26 } from "./Glitch-D3mDX28q.js";
|
|
33
33
|
import { n as componentDefinition$27 } from "./Glow-CN4IeRq4.js";
|
|
34
34
|
import { n as componentDefinition$28 } from "./Godrays-BV94FCDI.js";
|
|
35
35
|
import { n as componentDefinition$29 } from "./Grayscale-B_YZd3uy.js";
|
|
36
36
|
import { n as componentDefinition$30 } from "./Grid-Czxa6-My.js";
|
|
37
|
-
import { n as componentDefinition$31 } from "./GridDistortion-
|
|
37
|
+
import { n as componentDefinition$31 } from "./GridDistortion-C_av0CL_.js";
|
|
38
38
|
import { n as componentDefinition$32 } from "./Group-NJlcbnkb.js";
|
|
39
39
|
import { n as componentDefinition$33 } from "./Halftone-YTJAc3Ie.js";
|
|
40
40
|
import { n as componentDefinition$34 } from "./HueShift-Bf2V6FVR.js";
|
|
41
41
|
import { n as componentDefinition$35 } from "./ImageTexture-6e1Gz4IG.js";
|
|
42
42
|
import { n as componentDefinition$36 } from "./Invert-c6RNEzsq.js";
|
|
43
|
-
import { n as componentDefinition$37 } from "./Kaleidoscope-
|
|
44
|
-
import { n as componentDefinition$38 } from "./LensFlare-
|
|
43
|
+
import { n as componentDefinition$37 } from "./Kaleidoscope-BFoudqX3.js";
|
|
44
|
+
import { n as componentDefinition$38 } from "./LensFlare-sRuR8OkY.js";
|
|
45
45
|
import { n as componentDefinition$39 } from "./LinearBlur-BtsleV0J.js";
|
|
46
|
-
import { n as componentDefinition$40 } from "./LinearGradient-
|
|
47
|
-
import { n as componentDefinition$41 } from "./Liquify-
|
|
48
|
-
import { n as componentDefinition$42 } from "./Mirror-
|
|
49
|
-
import { n as componentDefinition$43 } from "./Perspective-
|
|
46
|
+
import { n as componentDefinition$40 } from "./LinearGradient-HhfaMKwI.js";
|
|
47
|
+
import { n as componentDefinition$41 } from "./Liquify-Ad7waFTE.js";
|
|
48
|
+
import { n as componentDefinition$42 } from "./Mirror-BgbXJY0N.js";
|
|
49
|
+
import { n as componentDefinition$43 } from "./Perspective-BZnZPXEf.js";
|
|
50
50
|
import { n as componentDefinition$44 } from "./Pixelate-Bxo1bkqM.js";
|
|
51
|
-
import { n as componentDefinition$45 } from "./Plasma-
|
|
52
|
-
import { n as componentDefinition$46 } from "./PolarCoordinates-
|
|
51
|
+
import { n as componentDefinition$45 } from "./Plasma-BfyFnIWL.js";
|
|
52
|
+
import { n as componentDefinition$46 } from "./PolarCoordinates-IItXQawD.js";
|
|
53
53
|
import { n as componentDefinition$47 } from "./Posterize--X9GTtfd.js";
|
|
54
54
|
import { n as componentDefinition$48 } from "./ProgressiveBlur-Y8YqC7HM.js";
|
|
55
|
-
import { n as componentDefinition$49 } from "./RadialGradient-
|
|
56
|
-
import { n as componentDefinition$50 } from "./RectangularCoordinates-
|
|
57
|
-
import { n as componentDefinition$51 } from "./Ripples-
|
|
55
|
+
import { n as componentDefinition$49 } from "./RadialGradient-BtLDAPYQ.js";
|
|
56
|
+
import { n as componentDefinition$50 } from "./RectangularCoordinates-DoXEjIhd.js";
|
|
57
|
+
import { n as componentDefinition$51 } from "./Ripples-5SBqOFLG.js";
|
|
58
58
|
import { n as componentDefinition$52 } from "./Saturation-1mdcFzVI.js";
|
|
59
59
|
import { n as componentDefinition$53 } from "./Sharpness-DAu01Qy4.js";
|
|
60
|
-
import { n as componentDefinition$54 } from "./Shatter-
|
|
61
|
-
import { n as componentDefinition$55 } from "./SimplexNoise-
|
|
60
|
+
import { n as componentDefinition$54 } from "./Shatter-CT5oSWfn.js";
|
|
61
|
+
import { n as componentDefinition$55 } from "./SimplexNoise-D9d1EuGu.js";
|
|
62
62
|
import { n as componentDefinition$56 } from "./SineWave-C-r5bVGK.js";
|
|
63
63
|
import { n as componentDefinition$57 } from "./SolidColor-BY2tBGcO.js";
|
|
64
64
|
import { n as componentDefinition$58 } from "./Spherize-DF4iTTzb.js";
|
|
65
|
-
import { n as componentDefinition$59 } from "./Spiral-
|
|
65
|
+
import { n as componentDefinition$59 } from "./Spiral-6tSyCqRu.js";
|
|
66
66
|
import { n as componentDefinition$60 } from "./Strands-BFVI3C04.js";
|
|
67
|
-
import { n as componentDefinition$61 } from "./Stretch-
|
|
68
|
-
import { n as componentDefinition$62 } from "./Stripes-
|
|
67
|
+
import { n as componentDefinition$61 } from "./Stretch-CIkhKgUB.js";
|
|
68
|
+
import { n as componentDefinition$62 } from "./Stripes-Bqb8_lUf.js";
|
|
69
69
|
import { n as componentDefinition$63 } from "./StudioBackground-DXHPEKcb.js";
|
|
70
|
-
import { n as componentDefinition$64 } from "./Swirl-
|
|
70
|
+
import { n as componentDefinition$64 } from "./Swirl-CzI_Fddg.js";
|
|
71
71
|
import { n as componentDefinition$65 } from "./TiltShift-CMTVpEBO.js";
|
|
72
72
|
import { n as componentDefinition$66 } from "./Tint-COD37j4D.js";
|
|
73
|
-
import { n as componentDefinition$67 } from "./Tritone-
|
|
74
|
-
import { n as componentDefinition$68 } from "./Twirl-
|
|
73
|
+
import { n as componentDefinition$67 } from "./Tritone-DMAv26OS.js";
|
|
74
|
+
import { n as componentDefinition$68 } from "./Twirl-CFMQvxzf.js";
|
|
75
75
|
import { n as componentDefinition$69 } from "./Vibrance-CWMwA5S-.js";
|
|
76
76
|
import "./browser-C7ZSkE-t.js";
|
|
77
77
|
import { n as componentDefinition$70 } from "./VideoTexture-DUk9pA_6.js";
|
|
78
|
-
import { n as componentDefinition$71 } from "./WaveDistortion-
|
|
78
|
+
import { n as componentDefinition$71 } from "./WaveDistortion-BlF3UOIL.js";
|
|
79
79
|
import { n as componentDefinition$72 } from "./WebcamTexture-BmeO4qY-.js";
|
|
80
80
|
import { n as componentDefinition$73 } from "./ZoomBlur-BE1vT38D.js";
|
|
81
81
|
var createShaderRegistry = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAIH,KAAK,IAAI,EAMZ,MAAM,cAAc,CAAA;AAKrB,OAAO,EAAC,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AACvH,OAAO,EAAqB,gBAAgB,EAAC,MAAM,sBAAsB,CAAA;AAMzE;;GAEG;AACH,UAAU,QAAQ;IAEd;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;IAErB;;OAEG;IACH,gBAAgB,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAErD;;OAEG;IACH,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IAEvB;;OAEG;IACH,WAAW,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,aAAa,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,cAAc,EAAE,GAAG,CAAA;IAEnB;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAA;IAEtB;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAA;IAErB;;;OAGG;IACH,gBAAgB,EAAE,eAAe,EAAE,CAAA;IAEnC;;;OAGG;IACH,qBAAqB,EAAE,cAAc,EAAE,CAAA;IAEvC;;;OAGG;IACH,oBAAoB,EAAE,cAAc,EAAE,CAAA;IAEtC;;;OAGG;IACH,eAAe,EAAE,cAAc,EAAE,CAAA;IAEjC;;;OAGG;IACH,iBAAiB,CAAC,EAAE;QAChB,OAAO,EAAE,GAAG,CAAA;QACZ,OAAO,EAAE,GAAG,CAAA;QACZ,QAAQ,EAAE,GAAG,CAAA;QACb,KAAK,EAAE,GAAG,CAAA;QACV,OAAO,EAAE,GAAG,CAAA;QACZ,OAAO,EAAE,GAAG,CAAA;QACZ,KAAK,EAAE,GAAG,CAAA;QACV,WAAW,EAAE,GAAG,CAAA;KACnB,CAAA;IAED;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAE/B;AAED;;GAEG;AACH,UAAU,YAAY;IAClB,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IAC5B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAClC;AAED;;GAEG;AACH,UAAU,iBAAiB;IACvB,MAAM,EAAE,iBAAiB,CAAA;IACzB,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;CACpC;AA2FD;;GAEG;AACH,wBAAgB,cAAc;
|
|
1
|
+
{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAIH,KAAK,IAAI,EAMZ,MAAM,cAAc,CAAA;AAKrB,OAAO,EAAC,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AACvH,OAAO,EAAqB,gBAAgB,EAAC,MAAM,sBAAsB,CAAA;AAMzE;;GAEG;AACH,UAAU,QAAQ;IAEd;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;IAErB;;OAEG;IACH,gBAAgB,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAErD;;OAEG;IACH,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IAEvB;;OAEG;IACH,WAAW,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,aAAa,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,cAAc,EAAE,GAAG,CAAA;IAEnB;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAA;IAEtB;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAA;IAErB;;;OAGG;IACH,gBAAgB,EAAE,eAAe,EAAE,CAAA;IAEnC;;;OAGG;IACH,qBAAqB,EAAE,cAAc,EAAE,CAAA;IAEvC;;;OAGG;IACH,oBAAoB,EAAE,cAAc,EAAE,CAAA;IAEtC;;;OAGG;IACH,eAAe,EAAE,cAAc,EAAE,CAAA;IAEjC;;;OAGG;IACH,iBAAiB,CAAC,EAAE;QAChB,OAAO,EAAE,GAAG,CAAA;QACZ,OAAO,EAAE,GAAG,CAAA;QACZ,QAAQ,EAAE,GAAG,CAAA;QACb,KAAK,EAAE,GAAG,CAAA;QACV,OAAO,EAAE,GAAG,CAAA;QACZ,OAAO,EAAE,GAAG,CAAA;QACZ,KAAK,EAAE,GAAG,CAAA;QACV,WAAW,EAAE,GAAG,CAAA;KACnB,CAAA;IAED;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAE/B;AAED;;GAEG;AACH,UAAU,YAAY;IAClB,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IAC5B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAClC;AAED;;GAEG;AACH,UAAU,iBAAiB;IACvB,MAAM,EAAE,iBAAiB,CAAA;IACzB,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;CACpC;AA2FD;;GAEG;AACH,wBAAgB,cAAc;oFAgqDG,iBAAiB;;uBAzuBpB,MAAM,oBAAoB,mBAAmB,CAAC,cAAc,CAAC,GAAG,IAAI,YAAY,MAAM,GAAG,IAAI,YAAY,YAAY,GAAG,IAAI,aAAY,WAAW,wBAA6B,mBAAmB,KAAG,IAAI;qBA4S5M,MAAM,KAAG,IAAI;iCA1JD,MAAM,eAAe,MAAM,SAAS,GAAG,KAAG,IAAI;iCA8C9C,MAAM,YAAY,OAAO,CAAC,YAAY,CAAC,KAAG,IAAI;;0BAuYvD,IAAI;yBAyBL,IAAI;yBA9ME,OAAO,CAAC,IAAI,CAAC;+BAoKb,gBAAgB;;eAgfmB,WAAW,CAAC,MAAM,EAAE,QAAQ,CAAC;;2BAjBpE,QAAQ,GAAG,OAAO,GAAG,IAAI;;;mCA9kDnB,MAAM,KAAG,QAAQ,EAAE;oCAuCzC,IAAI,YACF,QAAQ,UACV,MAAM,kBACE,GAAG,CAAC,MAAM,CAAC,gBACb,IAAI,KACnB,IAAI;0CAuCK,IAAI,YACF,QAAQ,KACnB,IAAI;;;;EAuhDV"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Aurora/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AASvE,OAAO,EAAC,cAAc,EAAE,iBAAiB,EAAyC,MAAM,qCAAqC,CAAA;AAI7H,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IAC/C,IAAI,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Aurora/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AASvE,OAAO,EAAC,cAAc,EAAE,iBAAiB,EAAyC,MAAM,qCAAqC,CAAA;AAI7H,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IAC/C,IAAI,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAwMnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "../../transformations-B5lM6fYX.js";
|
|
2
2
|
import "../../time-BZqyVJXt.js";
|
|
3
|
-
import "../../colorMixing-
|
|
4
|
-
import { n as componentDefinition, t as Aurora_default } from "../../Aurora-
|
|
3
|
+
import "../../colorMixing-jSm3tbMv.js";
|
|
4
|
+
import { n as componentDefinition, t as Aurora_default } from "../../Aurora-NksIvzEl.js";
|
|
5
5
|
export { componentDefinition, Aurora_default as default };
|