@paper-design/shaders-react 0.0.33 → 0.0.35-backbuffer-experiment.0

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 (67) hide show
  1. package/package.json +3 -3
  2. package/dist/color-props-are-equal.d.ts +0 -6
  3. package/dist/color-props-are-equal.js +0 -34
  4. package/dist/color-props-are-equal.js.map +0 -7
  5. package/dist/index.d.ts +0 -59
  6. package/dist/index.js +0 -91
  7. package/dist/index.js.map +0 -7
  8. package/dist/shader-mount.d.ts +0 -23
  9. package/dist/shader-mount.js +0 -126
  10. package/dist/shader-mount.js.map +0 -7
  11. package/dist/shaders/dithering.d.ts +0 -15
  12. package/dist/shaders/dithering.js +0 -170
  13. package/dist/shaders/dithering.js.map +0 -7
  14. package/dist/shaders/dot-grid.d.ts +0 -10
  15. package/dist/shaders/dot-grid.js +0 -230
  16. package/dist/shaders/dot-grid.js.map +0 -7
  17. package/dist/shaders/dot-orbit.d.ts +0 -9
  18. package/dist/shaders/dot-orbit.js +0 -77
  19. package/dist/shaders/dot-orbit.js.map +0 -7
  20. package/dist/shaders/god-rays.d.ts +0 -13
  21. package/dist/shaders/god-rays.js +0 -160
  22. package/dist/shaders/god-rays.js.map +0 -7
  23. package/dist/shaders/grain-gradient.d.ts +0 -16
  24. package/dist/shaders/grain-gradient.js +0 -198
  25. package/dist/shaders/grain-gradient.js.map +0 -7
  26. package/dist/shaders/liquid-metal.d.ts +0 -9
  27. package/dist/shaders/liquid-metal.js +0 -87
  28. package/dist/shaders/liquid-metal.js.map +0 -7
  29. package/dist/shaders/mesh-gradient.d.ts +0 -11
  30. package/dist/shaders/mesh-gradient.js +0 -104
  31. package/dist/shaders/mesh-gradient.js.map +0 -7
  32. package/dist/shaders/metaballs.d.ts +0 -9
  33. package/dist/shaders/metaballs.js +0 -72
  34. package/dist/shaders/metaballs.js.map +0 -7
  35. package/dist/shaders/neuro-noise.d.ts +0 -9
  36. package/dist/shaders/neuro-noise.js +0 -82
  37. package/dist/shaders/neuro-noise.js.map +0 -7
  38. package/dist/shaders/perlin-noise.d.ts +0 -14
  39. package/dist/shaders/perlin-noise.js +0 -183
  40. package/dist/shaders/perlin-noise.js.map +0 -7
  41. package/dist/shaders/pulsing-border.d.ts +0 -11
  42. package/dist/shaders/pulsing-border.js +0 -153
  43. package/dist/shaders/pulsing-border.js.map +0 -7
  44. package/dist/shaders/simplex-noise.d.ts +0 -9
  45. package/dist/shaders/simplex-noise.js +0 -80
  46. package/dist/shaders/simplex-noise.js.map +0 -7
  47. package/dist/shaders/smoke-ring.d.ts +0 -12
  48. package/dist/shaders/smoke-ring.js +0 -134
  49. package/dist/shaders/smoke-ring.js.map +0 -7
  50. package/dist/shaders/spiral.d.ts +0 -15
  51. package/dist/shaders/spiral.js +0 -218
  52. package/dist/shaders/spiral.js.map +0 -7
  53. package/dist/shaders/swirl.d.ts +0 -12
  54. package/dist/shaders/swirl.js +0 -130
  55. package/dist/shaders/swirl.js.map +0 -7
  56. package/dist/shaders/voronoi.d.ts +0 -10
  57. package/dist/shaders/voronoi.js +0 -102
  58. package/dist/shaders/voronoi.js.map +0 -7
  59. package/dist/shaders/warp.d.ts +0 -19
  60. package/dist/shaders/warp.js +0 -294
  61. package/dist/shaders/warp.js.map +0 -7
  62. package/dist/shaders/waves.d.ts +0 -14
  63. package/dist/shaders/waves.js +0 -178
  64. package/dist/shaders/waves.js.map +0 -7
  65. package/dist/use-merge-refs.d.ts +0 -6
  66. package/dist/use-merge-refs.js +0 -48
  67. package/dist/use-merge-refs.js.map +0 -7
@@ -1,198 +0,0 @@
1
- /* * * * * * * * * * * * * * * * * * * * * * * * * * * *
2
- * Paper Shaders *
3
- * https://github.com/paper-design/shaders *
4
- * * * * * * * * * * * * * * * * * * * * * * * * * * * */
5
-
6
- import { memo } from "react";
7
- import { ShaderMount } from "../shader-mount";
8
- import {
9
- getShaderColorFromString,
10
- grainGradientFragmentShader,
11
- ShaderFitOptions,
12
- defaultPatternSizing,
13
- defaultObjectSizing,
14
- GrainGradientShapes
15
- } from "@paper-design/shaders";
16
- import { jsx } from "react/jsx-runtime";
17
- const defaultPreset = {
18
- name: "Default",
19
- params: {
20
- ...defaultPatternSizing,
21
- speed: 1,
22
- frame: 0,
23
- colors: ["#000a0f", "#c4730b", "#bdad5f", "#d8ccc7"],
24
- softness: 0.7,
25
- intensity: 0.15,
26
- noise: 0.5,
27
- shape: "wave"
28
- }
29
- };
30
- const dotsPreset = {
31
- name: "Dots",
32
- params: {
33
- ...defaultPatternSizing,
34
- scale: 0.6,
35
- speed: 1,
36
- frame: 0,
37
- colors: ["#0a0000", "#6f0000", "#0080ff", "#f2ebc9"],
38
- softness: 0.75,
39
- intensity: 0.15,
40
- noise: 0.7,
41
- shape: "dots"
42
- }
43
- };
44
- const truchetPreset = {
45
- name: "Truchet",
46
- params: {
47
- ...defaultPatternSizing,
48
- speed: 1,
49
- frame: 0,
50
- colors: ["#0a0000", "#6f2200", "#eabb7c", "#39b523"],
51
- softness: 0,
52
- intensity: 0.2,
53
- noise: 1,
54
- shape: "truchet"
55
- }
56
- };
57
- const cornersPreset = {
58
- name: "Corners",
59
- params: {
60
- ...defaultObjectSizing,
61
- speed: 1,
62
- frame: 0,
63
- colors: ["#031018", "#00aeff", "#00ffcc", "#ffc800"],
64
- softness: 0.4,
65
- intensity: 0.35,
66
- noise: 0.35,
67
- shape: "corners"
68
- }
69
- };
70
- const ripplePreset = {
71
- name: "Ripple",
72
- params: {
73
- ...defaultObjectSizing,
74
- scale: 0.5,
75
- speed: 1,
76
- frame: 0,
77
- colors: ["#140a00", "#6f2d00", "#88ddae", "#2c0b1d"],
78
- softness: 0.5,
79
- intensity: 0.5,
80
- noise: 0.5,
81
- shape: "ripple"
82
- }
83
- };
84
- const blobPreset = {
85
- name: "Blob",
86
- params: {
87
- ...defaultObjectSizing,
88
- scale: 1.3,
89
- speed: 1,
90
- frame: 0,
91
- colors: ["#0f0e18", "#3e6172", "#a49b74", "#568c50"],
92
- softness: 0,
93
- intensity: 0.15,
94
- noise: 0.5,
95
- shape: "blob"
96
- }
97
- };
98
- const spherePreset = {
99
- name: "Sphere",
100
- params: {
101
- ...defaultObjectSizing,
102
- speed: 1,
103
- frame: 0,
104
- colors: ["#000319", "#0059b3", "#37f5f5", "#18c039"],
105
- softness: 1,
106
- intensity: 0.15,
107
- noise: 0.5,
108
- shape: "sphere"
109
- }
110
- };
111
- const moonPreset = {
112
- name: "Moon",
113
- params: {
114
- ...defaultObjectSizing,
115
- scale: 0.6,
116
- speed: 1,
117
- frame: 0,
118
- colors: ["#000000", "#000000", "#28272d", "#ffeccc"],
119
- softness: 1,
120
- intensity: 0.56,
121
- noise: 1,
122
- shape: "sphere"
123
- }
124
- };
125
- const grainGradientPresets = [
126
- cornersPreset,
127
- defaultPreset,
128
- dotsPreset,
129
- truchetPreset,
130
- ripplePreset,
131
- blobPreset,
132
- spherePreset,
133
- moonPreset
134
- ];
135
- const GrainGradient = memo(function GrainGradientImpl({
136
- // Own props
137
- speed = defaultPreset.params.speed,
138
- frame = defaultPreset.params.frame,
139
- colors = defaultPreset.params.colors,
140
- softness = defaultPreset.params.softness,
141
- intensity = defaultPreset.params.intensity,
142
- noise = defaultPreset.params.noise,
143
- shape = defaultPreset.params.shape,
144
- // Sizing props
145
- fit = defaultPreset.params.fit,
146
- scale = defaultPreset.params.scale,
147
- rotation = defaultPreset.params.rotation,
148
- originX = defaultPreset.params.originX,
149
- originY = defaultPreset.params.originY,
150
- offsetX = defaultPreset.params.offsetX,
151
- offsetY = defaultPreset.params.offsetY,
152
- worldWidth = defaultPreset.params.worldWidth,
153
- worldHeight = defaultPreset.params.worldHeight,
154
- ...props
155
- }) {
156
- const uniforms = {
157
- // Own uniforms
158
- u_colors: colors.map(getShaderColorFromString),
159
- u_colorsCount: colors.length,
160
- u_softness: softness,
161
- u_intensity: intensity,
162
- u_noise: noise,
163
- u_shape: GrainGradientShapes[shape],
164
- // Sizing uniforms
165
- u_fit: ShaderFitOptions[fit],
166
- u_scale: scale,
167
- u_rotation: rotation,
168
- u_offsetX: offsetX,
169
- u_offsetY: offsetY,
170
- u_originX: originX,
171
- u_originY: originY,
172
- u_worldWidth: worldWidth,
173
- u_worldHeight: worldHeight
174
- };
175
- return /* @__PURE__ */ jsx(
176
- ShaderMount,
177
- {
178
- ...props,
179
- speed,
180
- frame,
181
- fragmentShader: grainGradientFragmentShader,
182
- uniforms
183
- }
184
- );
185
- });
186
- export {
187
- GrainGradient,
188
- blobPreset,
189
- cornersPreset,
190
- defaultPreset,
191
- dotsPreset,
192
- grainGradientPresets,
193
- moonPreset,
194
- ripplePreset,
195
- spherePreset,
196
- truchetPreset
197
- };
198
- //# sourceMappingURL=grain-gradient.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/shaders/grain-gradient.tsx"],
4
- "sourcesContent": ["import { memo } from 'react';\nimport { ShaderMount, type ShaderComponentProps } from '../shader-mount';\nimport {\n getShaderColorFromString,\n grainGradientFragmentShader,\n ShaderFitOptions,\n type GrainGradientUniforms,\n type GrainGradientParams,\n type ShaderPreset,\n defaultPatternSizing,\n defaultObjectSizing,\n GrainGradientShapes,\n} from '@paper-design/shaders';\n\nexport interface GrainGradientProps extends ShaderComponentProps, GrainGradientParams {}\n\ntype GrainGradientPreset = ShaderPreset<GrainGradientParams>;\n\n// Due to Leva controls limitation:\n// 1) keep default colors in HSLA format to keep alpha channel\n// 2) don't use decimal values on HSL values (to avoid button highlight bug)\n\nexport const defaultPreset: GrainGradientPreset = {\n name: 'Default',\n params: {\n ...defaultPatternSizing,\n speed: 1,\n frame: 0,\n colors: ['#000a0f', '#c4730b', '#bdad5f', '#d8ccc7'],\n softness: 0.7,\n intensity: 0.15,\n noise: 0.5,\n shape: 'wave',\n },\n};\n\nexport const dotsPreset: GrainGradientPreset = {\n name: 'Dots',\n params: {\n ...defaultPatternSizing,\n scale: 0.6,\n speed: 1,\n frame: 0,\n colors: ['#0a0000', '#6f0000', '#0080ff', '#f2ebc9'],\n softness: 0.75,\n intensity: 0.15,\n noise: 0.7,\n shape: 'dots',\n },\n};\n\nexport const truchetPreset: GrainGradientPreset = {\n name: 'Truchet',\n params: {\n ...defaultPatternSizing,\n speed: 1,\n frame: 0,\n colors: ['#0a0000', '#6f2200', '#eabb7c', '#39b523'],\n softness: 0,\n intensity: 0.2,\n noise: 1,\n shape: 'truchet',\n },\n};\n\nexport const cornersPreset: GrainGradientPreset = {\n name: 'Corners',\n params: {\n ...defaultObjectSizing,\n speed: 1,\n frame: 0,\n colors: ['#031018', '#00aeff', '#00ffcc', '#ffc800'],\n softness: 0.4,\n intensity: 0.35,\n noise: 0.35,\n shape: 'corners',\n },\n};\n\nexport const ripplePreset: GrainGradientPreset = {\n name: 'Ripple',\n params: {\n ...defaultObjectSizing,\n scale: 0.5,\n speed: 1,\n frame: 0,\n colors: ['#140a00', '#6f2d00', '#88ddae', '#2c0b1d'],\n softness: 0.5,\n intensity: 0.5,\n noise: 0.5,\n shape: 'ripple',\n },\n};\n\nexport const blobPreset: GrainGradientPreset = {\n name: 'Blob',\n params: {\n ...defaultObjectSizing,\n scale: 1.3,\n speed: 1,\n frame: 0,\n colors: ['#0f0e18', '#3e6172', '#a49b74', '#568c50'],\n softness: 0,\n intensity: 0.15,\n noise: 0.5,\n shape: 'blob',\n },\n};\n\nexport const spherePreset: GrainGradientPreset = {\n name: 'Sphere',\n params: {\n ...defaultObjectSizing,\n speed: 1,\n frame: 0,\n colors: ['#000319', '#0059b3', '#37f5f5', '#18c039'],\n softness: 1,\n intensity: 0.15,\n noise: 0.5,\n shape: 'sphere',\n },\n};\n\nexport const moonPreset: GrainGradientPreset = {\n name: 'Moon',\n params: {\n ...defaultObjectSizing,\n scale: 0.6,\n speed: 1,\n frame: 0,\n colors: ['#000000', '#000000', '#28272d', '#ffeccc'],\n softness: 1,\n intensity: 0.56,\n noise: 1,\n shape: 'sphere',\n },\n};\n\nexport const grainGradientPresets: GrainGradientPreset[] = [\n cornersPreset,\n defaultPreset,\n dotsPreset,\n truchetPreset,\n ripplePreset,\n blobPreset,\n spherePreset,\n moonPreset,\n];\n\nexport const GrainGradient: React.FC<GrainGradientProps> = memo(function GrainGradientImpl({\n // Own props\n speed = defaultPreset.params.speed,\n frame = defaultPreset.params.frame,\n colors = defaultPreset.params.colors,\n softness = defaultPreset.params.softness,\n intensity = defaultPreset.params.intensity,\n noise = defaultPreset.params.noise,\n shape = defaultPreset.params.shape,\n\n // Sizing props\n fit = defaultPreset.params.fit,\n scale = defaultPreset.params.scale,\n rotation = defaultPreset.params.rotation,\n originX = defaultPreset.params.originX,\n originY = defaultPreset.params.originY,\n offsetX = defaultPreset.params.offsetX,\n offsetY = defaultPreset.params.offsetY,\n worldWidth = defaultPreset.params.worldWidth,\n worldHeight = defaultPreset.params.worldHeight,\n ...props\n}) {\n const uniforms = {\n // Own uniforms\n u_colors: colors.map(getShaderColorFromString),\n u_colorsCount: colors.length,\n u_softness: softness,\n u_intensity: intensity,\n u_noise: noise,\n u_shape: GrainGradientShapes[shape],\n\n // Sizing uniforms\n u_fit: ShaderFitOptions[fit],\n u_scale: scale,\n u_rotation: rotation,\n u_offsetX: offsetX,\n u_offsetY: offsetY,\n u_originX: originX,\n u_originY: originY,\n u_worldWidth: worldWidth,\n u_worldHeight: worldHeight,\n } satisfies GrainGradientUniforms;\n\n return (\n <ShaderMount\n {...props}\n speed={speed}\n frame={frame}\n fragmentShader={grainGradientFragmentShader}\n uniforms={uniforms}\n />\n );\n});\n"],
5
- "mappings": "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",
6
- "names": []
7
- }
@@ -1,9 +0,0 @@
1
- import { type ShaderComponentProps } from '../shader-mount';
2
- import { type LiquidMetalParams, type ShaderPreset } from '@paper-design/shaders';
3
- export interface LiquidMetalProps extends ShaderComponentProps, LiquidMetalParams {
4
- }
5
- type LiquidMetalPreset = ShaderPreset<LiquidMetalParams>;
6
- export declare const defaultPreset: LiquidMetalPreset;
7
- export declare const liquidMetalPresets: LiquidMetalPreset[];
8
- export declare const LiquidMetal: React.FC<LiquidMetalProps>;
9
- export {};
@@ -1,87 +0,0 @@
1
- /* * * * * * * * * * * * * * * * * * * * * * * * * * * *
2
- * Paper Shaders *
3
- * https://github.com/paper-design/shaders *
4
- * * * * * * * * * * * * * * * * * * * * * * * * * * * */
5
-
6
- import { memo } from "react";
7
- import { ShaderMount } from "../shader-mount";
8
- import { colorPropsAreEqual } from "../color-props-are-equal";
9
- import {
10
- getShaderColorFromString,
11
- liquidMetalFragmentShader,
12
- ShaderFitOptions,
13
- defaultObjectSizing
14
- } from "@paper-design/shaders";
15
- import { jsx } from "react/jsx-runtime";
16
- const defaultPreset = {
17
- name: "Default",
18
- params: {
19
- ...defaultObjectSizing,
20
- speed: 1,
21
- frame: 0,
22
- patternBlur: 5e-3,
23
- patternScale: 3,
24
- dispersion: 0.015,
25
- liquid: 0.07,
26
- shape: 0,
27
- worldWidth: 0,
28
- worldHeight: 0
29
- }
30
- };
31
- const liquidMetalPresets = [defaultPreset];
32
- const LiquidMetal = memo(function LiquidMetalImpl({
33
- // Own props
34
- speed = defaultPreset.params.speed,
35
- frame = defaultPreset.params.frame,
36
- patternBlur = defaultPreset.params.patternBlur,
37
- patternScale = defaultPreset.params.patternScale,
38
- dispersion = defaultPreset.params.dispersion,
39
- liquid = defaultPreset.params.liquid,
40
- shape = defaultPreset.params.shape,
41
- // Sizing props
42
- fit = defaultPreset.params.fit,
43
- scale = defaultPreset.params.scale,
44
- rotation = defaultPreset.params.rotation,
45
- originX = defaultPreset.params.originX,
46
- originY = defaultPreset.params.originY,
47
- offsetX = defaultPreset.params.offsetX,
48
- offsetY = defaultPreset.params.offsetY,
49
- worldWidth = defaultPreset.params.worldWidth,
50
- worldHeight = defaultPreset.params.worldHeight,
51
- ...props
52
- }) {
53
- const uniforms = {
54
- // Own uniforms
55
- u_patternBlur: patternBlur,
56
- u_patternScale: patternScale,
57
- u_dispersion: dispersion,
58
- u_liquid: liquid,
59
- u_shape: shape,
60
- // Sizing uniforms
61
- u_fit: ShaderFitOptions[fit],
62
- u_scale: scale,
63
- u_rotation: rotation,
64
- u_offsetX: offsetX,
65
- u_offsetY: offsetY,
66
- u_originX: originX,
67
- u_originY: originY,
68
- u_worldWidth: worldWidth,
69
- u_worldHeight: worldHeight
70
- };
71
- return /* @__PURE__ */ jsx(
72
- ShaderMount,
73
- {
74
- ...props,
75
- speed,
76
- frame,
77
- fragmentShader: liquidMetalFragmentShader,
78
- uniforms
79
- }
80
- );
81
- }, colorPropsAreEqual);
82
- export {
83
- LiquidMetal,
84
- defaultPreset,
85
- liquidMetalPresets
86
- };
87
- //# sourceMappingURL=liquid-metal.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/shaders/liquid-metal.tsx"],
4
- "sourcesContent": ["import { memo } from 'react';\nimport { ShaderMount, type ShaderComponentProps } from '../shader-mount';\nimport { colorPropsAreEqual } from '../color-props-are-equal';\nimport {\n getShaderColorFromString,\n liquidMetalFragmentShader,\n ShaderFitOptions,\n type LiquidMetalUniforms,\n type LiquidMetalParams,\n type ShaderPreset,\n defaultObjectSizing,\n} from '@paper-design/shaders';\n\nexport interface LiquidMetalProps extends ShaderComponentProps, LiquidMetalParams {}\n\ntype LiquidMetalPreset = ShaderPreset<LiquidMetalParams>;\n\n// Due to Leva controls limitation:\n// 1) keep default colors in HSLA format to keep alpha channel\n// 2) don't use decimal values on HSL values (to avoid button highlight bug)\n\nexport const defaultPreset: LiquidMetalPreset = {\n name: 'Default',\n params: {\n ...defaultObjectSizing,\n speed: 1,\n frame: 0,\n patternBlur: 0.005,\n patternScale: 3,\n dispersion: 0.015,\n liquid: 0.07,\n shape: 0,\n worldWidth: 0,\n worldHeight: 0,\n },\n};\n\nexport const liquidMetalPresets: LiquidMetalPreset[] = [defaultPreset];\n\nexport const LiquidMetal: React.FC<LiquidMetalProps> = memo(function LiquidMetalImpl({\n // Own props\n speed = defaultPreset.params.speed,\n frame = defaultPreset.params.frame,\n patternBlur = defaultPreset.params.patternBlur,\n patternScale = defaultPreset.params.patternScale,\n dispersion = defaultPreset.params.dispersion,\n liquid = defaultPreset.params.liquid,\n shape = defaultPreset.params.shape,\n\n // Sizing props\n fit = defaultPreset.params.fit,\n scale = defaultPreset.params.scale,\n rotation = defaultPreset.params.rotation,\n originX = defaultPreset.params.originX,\n originY = defaultPreset.params.originY,\n offsetX = defaultPreset.params.offsetX,\n offsetY = defaultPreset.params.offsetY,\n worldWidth = defaultPreset.params.worldWidth,\n worldHeight = defaultPreset.params.worldHeight,\n ...props\n}: LiquidMetalProps) {\n const uniforms = {\n // Own uniforms\n u_patternBlur: patternBlur,\n u_patternScale: patternScale,\n u_dispersion: dispersion,\n u_liquid: liquid,\n u_shape: shape,\n\n // Sizing uniforms\n u_fit: ShaderFitOptions[fit],\n u_scale: scale,\n u_rotation: rotation,\n u_offsetX: offsetX,\n u_offsetY: offsetY,\n u_originX: originX,\n u_originY: originY,\n u_worldWidth: worldWidth,\n u_worldHeight: worldHeight,\n } satisfies LiquidMetalUniforms;\n\n return (\n <ShaderMount\n {...props}\n speed={speed}\n frame={frame}\n fragmentShader={liquidMetalFragmentShader}\n uniforms={uniforms}\n />\n );\n}, colorPropsAreEqual);\n"],
5
- "mappings": ";;;;;AAAA,SAAS,YAAY;AACrB,SAAS,mBAA8C;AACvD,SAAS,0BAA0B;AACnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAIA;AAAA,OACK;AAuEH;AA7DG,MAAM,gBAAmC;AAAA,EAC9C,MAAM;AAAA,EACN,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,OAAO;AAAA,IACP,OAAO;AAAA,IACP,aAAa;AAAA,IACb,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AACF;AAEO,MAAM,qBAA0C,CAAC,aAAa;AAE9D,MAAM,cAA0C,KAAK,SAAS,gBAAgB;AAAA;AAAA,EAEnF,QAAQ,cAAc,OAAO;AAAA,EAC7B,QAAQ,cAAc,OAAO;AAAA,EAC7B,cAAc,cAAc,OAAO;AAAA,EACnC,eAAe,cAAc,OAAO;AAAA,EACpC,aAAa,cAAc,OAAO;AAAA,EAClC,SAAS,cAAc,OAAO;AAAA,EAC9B,QAAQ,cAAc,OAAO;AAAA;AAAA,EAG7B,MAAM,cAAc,OAAO;AAAA,EAC3B,QAAQ,cAAc,OAAO;AAAA,EAC7B,WAAW,cAAc,OAAO;AAAA,EAChC,UAAU,cAAc,OAAO;AAAA,EAC/B,UAAU,cAAc,OAAO;AAAA,EAC/B,UAAU,cAAc,OAAO;AAAA,EAC/B,UAAU,cAAc,OAAO;AAAA,EAC/B,aAAa,cAAc,OAAO;AAAA,EAClC,cAAc,cAAc,OAAO;AAAA,EACnC,GAAG;AACL,GAAqB;AACnB,QAAM,WAAW;AAAA;AAAA,IAEf,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd,UAAU;AAAA,IACV,SAAS;AAAA;AAAA,IAGT,OAAO,iBAAiB,GAAG;AAAA,IAC3B,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,eAAe;AAAA,EACjB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB;AAAA;AAAA,EACF;AAEJ,GAAG,kBAAkB;",
6
- "names": []
7
- }
@@ -1,11 +0,0 @@
1
- import { type ShaderComponentProps } from '../shader-mount';
2
- import { type MeshGradientParams, type ShaderPreset } from '@paper-design/shaders';
3
- export interface MeshGradientProps extends ShaderComponentProps, MeshGradientParams {
4
- }
5
- type MeshGradientPreset = ShaderPreset<MeshGradientParams>;
6
- export declare const defaultPreset: MeshGradientPreset;
7
- export declare const purplePreset: MeshGradientPreset;
8
- export declare const beachPreset: MeshGradientPreset;
9
- export declare const meshGradientPresets: MeshGradientPreset[];
10
- export declare const MeshGradient: React.FC<MeshGradientProps>;
11
- export {};
@@ -1,104 +0,0 @@
1
- /* * * * * * * * * * * * * * * * * * * * * * * * * * * *
2
- * Paper Shaders *
3
- * https://github.com/paper-design/shaders *
4
- * * * * * * * * * * * * * * * * * * * * * * * * * * * */
5
-
6
- import { memo } from "react";
7
- import { ShaderMount } from "../shader-mount";
8
- import { colorPropsAreEqual } from "../color-props-are-equal";
9
- import {
10
- defaultObjectSizing,
11
- getShaderColorFromString,
12
- meshGradientFragmentShader,
13
- ShaderFitOptions
14
- } from "@paper-design/shaders";
15
- import { jsx } from "react/jsx-runtime";
16
- const defaultPreset = {
17
- name: "Default",
18
- params: {
19
- ...defaultObjectSizing,
20
- speed: 1,
21
- frame: 4e4,
22
- colors: ["#5100ff", "#00ff80", "#ffcc00", "#ea00ff"],
23
- distortion: 0.8,
24
- swirl: 0.1
25
- }
26
- };
27
- const purplePreset = {
28
- name: "Purple",
29
- params: {
30
- ...defaultObjectSizing,
31
- speed: 0.6,
32
- frame: 100,
33
- colors: ["#aaa7d7", "#3c2b8e", "#f4eabb", "#c99cd5"],
34
- distortion: 0.3,
35
- swirl: 0.5
36
- }
37
- };
38
- const beachPreset = {
39
- name: "Beach",
40
- params: {
41
- ...defaultObjectSizing,
42
- speed: 0.1,
43
- frame: 0,
44
- colors: ["#bcecf6", "#80c3e4", "#f3eccb", "#f3d987"],
45
- distortion: 0.8,
46
- swirl: 0.35
47
- }
48
- };
49
- const meshGradientPresets = [defaultPreset, purplePreset, beachPreset];
50
- const MeshGradient = memo(function MeshGradientImpl({
51
- // Own props
52
- speed = defaultPreset.params.speed,
53
- frame = defaultPreset.params.frame,
54
- colors = defaultPreset.params.colors,
55
- distortion = defaultPreset.params.distortion,
56
- swirl = defaultPreset.params.swirl,
57
- // Sizing props
58
- fit = defaultPreset.params.fit,
59
- rotation = defaultPreset.params.rotation,
60
- scale = defaultPreset.params.scale,
61
- originX = defaultPreset.params.originX,
62
- originY = defaultPreset.params.originY,
63
- offsetX = defaultPreset.params.offsetX,
64
- offsetY = defaultPreset.params.offsetY,
65
- worldWidth = defaultPreset.params.worldWidth,
66
- worldHeight = defaultPreset.params.worldHeight,
67
- ...props
68
- }) {
69
- const uniforms = {
70
- // Own uniforms
71
- u_colors: colors.map(getShaderColorFromString),
72
- u_colorsCount: colors.length,
73
- u_distortion: distortion,
74
- u_swirl: swirl,
75
- // Sizing uniforms
76
- u_fit: ShaderFitOptions[fit],
77
- u_rotation: rotation,
78
- u_scale: scale,
79
- u_offsetX: offsetX,
80
- u_offsetY: offsetY,
81
- u_originX: originX,
82
- u_originY: originY,
83
- u_worldWidth: worldWidth,
84
- u_worldHeight: worldHeight
85
- };
86
- return /* @__PURE__ */ jsx(
87
- ShaderMount,
88
- {
89
- ...props,
90
- speed,
91
- frame,
92
- fragmentShader: meshGradientFragmentShader,
93
- uniforms
94
- }
95
- );
96
- }, colorPropsAreEqual);
97
- export {
98
- MeshGradient,
99
- beachPreset,
100
- defaultPreset,
101
- meshGradientPresets,
102
- purplePreset
103
- };
104
- //# sourceMappingURL=mesh-gradient.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/shaders/mesh-gradient.tsx"],
4
- "sourcesContent": ["import { memo } from 'react';\nimport { ShaderMount, type ShaderComponentProps } from '../shader-mount';\nimport { colorPropsAreEqual } from '../color-props-are-equal';\nimport {\n defaultObjectSizing,\n getShaderColorFromString,\n meshGradientFragmentShader,\n ShaderFitOptions,\n type MeshGradientParams,\n type MeshGradientUniforms,\n type ShaderPreset,\n} from '@paper-design/shaders';\n\nexport interface MeshGradientProps extends ShaderComponentProps, MeshGradientParams {}\n\ntype MeshGradientPreset = ShaderPreset<MeshGradientParams>;\n\n// Due to Leva controls limitation:\n// 1) keep default colors in HSLA format to keep alpha channel\n// 2) don't use decimal values on HSL values (to avoid button highlight bug)\n\nexport const defaultPreset: MeshGradientPreset = {\n name: 'Default',\n params: {\n ...defaultObjectSizing,\n speed: 1,\n frame: 40000,\n colors: ['#5100ff', '#00ff80', '#ffcc00', '#ea00ff'],\n distortion: 0.8,\n swirl: 0.1,\n },\n};\n\nexport const purplePreset: MeshGradientPreset = {\n name: 'Purple',\n params: {\n ...defaultObjectSizing,\n speed: 0.6,\n frame: 100,\n colors: ['#aaa7d7', '#3c2b8e', '#f4eabb', '#c99cd5'],\n distortion: 0.3,\n swirl: 0.5,\n },\n};\n\nexport const beachPreset: MeshGradientPreset = {\n name: 'Beach',\n params: {\n ...defaultObjectSizing,\n speed: 0.1,\n frame: 0,\n colors: ['#bcecf6', '#80c3e4', '#f3eccb', '#f3d987'],\n distortion: 0.8,\n swirl: 0.35,\n },\n};\n\nexport const meshGradientPresets: MeshGradientPreset[] = [defaultPreset, purplePreset, beachPreset];\n\nexport const MeshGradient: React.FC<MeshGradientProps> = memo(function MeshGradientImpl({\n // Own props\n speed = defaultPreset.params.speed,\n frame = defaultPreset.params.frame,\n colors = defaultPreset.params.colors,\n distortion = defaultPreset.params.distortion,\n swirl = defaultPreset.params.swirl,\n\n // Sizing props\n fit = defaultPreset.params.fit,\n rotation = defaultPreset.params.rotation,\n scale = defaultPreset.params.scale,\n originX = defaultPreset.params.originX,\n originY = defaultPreset.params.originY,\n offsetX = defaultPreset.params.offsetX,\n offsetY = defaultPreset.params.offsetY,\n worldWidth = defaultPreset.params.worldWidth,\n worldHeight = defaultPreset.params.worldHeight,\n ...props\n}: MeshGradientProps) {\n const uniforms = {\n // Own uniforms\n u_colors: colors.map(getShaderColorFromString),\n u_colorsCount: colors.length,\n u_distortion: distortion,\n u_swirl: swirl,\n\n // Sizing uniforms\n u_fit: ShaderFitOptions[fit],\n u_rotation: rotation,\n u_scale: scale,\n u_offsetX: offsetX,\n u_offsetY: offsetY,\n u_originX: originX,\n u_originY: originY,\n u_worldWidth: worldWidth,\n u_worldHeight: worldHeight,\n } satisfies MeshGradientUniforms;\n\n return (\n <ShaderMount\n {...props}\n speed={speed}\n frame={frame}\n fragmentShader={meshGradientFragmentShader}\n uniforms={uniforms}\n />\n );\n}, colorPropsAreEqual);\n"],
5
- "mappings": ";;;;;AAAA,SAAS,YAAY;AACrB,SAAS,mBAA8C;AACvD,SAAS,0BAA0B;AACnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AAwFH;AA9EG,MAAM,gBAAoC;AAAA,EAC/C,MAAM;AAAA,EACN,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ,CAAC,WAAW,WAAW,WAAW,SAAS;AAAA,IACnD,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AACF;AAEO,MAAM,eAAmC;AAAA,EAC9C,MAAM;AAAA,EACN,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ,CAAC,WAAW,WAAW,WAAW,SAAS;AAAA,IACnD,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AACF;AAEO,MAAM,cAAkC;AAAA,EAC7C,MAAM;AAAA,EACN,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ,CAAC,WAAW,WAAW,WAAW,SAAS;AAAA,IACnD,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AACF;AAEO,MAAM,sBAA4C,CAAC,eAAe,cAAc,WAAW;AAE3F,MAAM,eAA4C,KAAK,SAAS,iBAAiB;AAAA;AAAA,EAEtF,QAAQ,cAAc,OAAO;AAAA,EAC7B,QAAQ,cAAc,OAAO;AAAA,EAC7B,SAAS,cAAc,OAAO;AAAA,EAC9B,aAAa,cAAc,OAAO;AAAA,EAClC,QAAQ,cAAc,OAAO;AAAA;AAAA,EAG7B,MAAM,cAAc,OAAO;AAAA,EAC3B,WAAW,cAAc,OAAO;AAAA,EAChC,QAAQ,cAAc,OAAO;AAAA,EAC7B,UAAU,cAAc,OAAO;AAAA,EAC/B,UAAU,cAAc,OAAO;AAAA,EAC/B,UAAU,cAAc,OAAO;AAAA,EAC/B,UAAU,cAAc,OAAO;AAAA,EAC/B,aAAa,cAAc,OAAO;AAAA,EAClC,cAAc,cAAc,OAAO;AAAA,EACnC,GAAG;AACL,GAAsB;AACpB,QAAM,WAAW;AAAA;AAAA,IAEf,UAAU,OAAO,IAAI,wBAAwB;AAAA,IAC7C,eAAe,OAAO;AAAA,IACtB,cAAc;AAAA,IACd,SAAS;AAAA;AAAA,IAGT,OAAO,iBAAiB,GAAG;AAAA,IAC3B,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,eAAe;AAAA,EACjB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB;AAAA;AAAA,EACF;AAEJ,GAAG,kBAAkB;",
6
- "names": []
7
- }
@@ -1,9 +0,0 @@
1
- import { type ShaderComponentProps } from '../shader-mount';
2
- import { type MetaballsParams, type ShaderPreset } from '@paper-design/shaders';
3
- export interface MetaballsProps extends ShaderComponentProps, MetaballsParams {
4
- }
5
- type MetaballsPreset = ShaderPreset<MetaballsParams>;
6
- export declare const defaultPreset: MetaballsPreset;
7
- export declare const metaballsPresets: MetaballsPreset[];
8
- export declare const Metaballs: React.FC<MetaballsProps>;
9
- export {};
@@ -1,72 +0,0 @@
1
- /* * * * * * * * * * * * * * * * * * * * * * * * * * * *
2
- * Paper Shaders *
3
- * https://github.com/paper-design/shaders *
4
- * * * * * * * * * * * * * * * * * * * * * * * * * * * */
5
-
6
- import { memo } from "react";
7
- import { ShaderMount } from "../shader-mount";
8
- import { colorPropsAreEqual } from "../color-props-are-equal";
9
- import {
10
- defaultObjectSizing,
11
- getShaderColorFromString,
12
- metaballsFragmentShader,
13
- ShaderFitOptions
14
- } from "@paper-design/shaders";
15
- import { jsx } from "react/jsx-runtime";
16
- const defaultPreset = {
17
- name: "Default",
18
- params: {
19
- ...defaultObjectSizing,
20
- scale: 1,
21
- speed: 1,
22
- frame: 0,
23
- colors: ["#b399ff", "#99ffc4", "#ffe699", "#e099ff"],
24
- count: 7,
25
- size: 1
26
- }
27
- };
28
- const metaballsPresets = [defaultPreset];
29
- const Metaballs = memo(function MetaballsImpl({
30
- // Own props
31
- speed = defaultPreset.params.speed,
32
- frame = defaultPreset.params.frame,
33
- colors = defaultPreset.params.colors,
34
- size = defaultPreset.params.size,
35
- count = defaultPreset.params.count,
36
- // Sizing props
37
- fit = defaultPreset.params.fit,
38
- rotation = defaultPreset.params.rotation,
39
- scale = defaultPreset.params.scale,
40
- originX = defaultPreset.params.originX,
41
- originY = defaultPreset.params.originY,
42
- offsetX = defaultPreset.params.offsetX,
43
- offsetY = defaultPreset.params.offsetY,
44
- worldWidth = defaultPreset.params.worldWidth,
45
- worldHeight = defaultPreset.params.worldHeight,
46
- ...props
47
- }) {
48
- const uniforms = {
49
- // Own uniforms
50
- u_colors: colors.map(getShaderColorFromString),
51
- u_colorsCount: colors.length,
52
- u_size: size,
53
- u_count: count,
54
- // Sizing uniforms
55
- u_fit: ShaderFitOptions[fit],
56
- u_rotation: rotation,
57
- u_scale: scale,
58
- u_offsetX: offsetX,
59
- u_offsetY: offsetY,
60
- u_originX: originX,
61
- u_originY: originY,
62
- u_worldWidth: worldWidth,
63
- u_worldHeight: worldHeight
64
- };
65
- return /* @__PURE__ */ jsx(ShaderMount, { ...props, speed, frame, fragmentShader: metaballsFragmentShader, uniforms });
66
- }, colorPropsAreEqual);
67
- export {
68
- Metaballs,
69
- defaultPreset,
70
- metaballsPresets
71
- };
72
- //# sourceMappingURL=metaballs.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/shaders/metaballs.tsx"],
4
- "sourcesContent": ["import { memo } from 'react';\nimport { ShaderMount, type ShaderComponentProps } from '../shader-mount';\nimport { colorPropsAreEqual } from '../color-props-are-equal';\nimport {\n defaultObjectSizing,\n getShaderColorFromString,\n metaballsFragmentShader,\n ShaderFitOptions,\n type MetaballsParams,\n type MetaballsUniforms,\n type ShaderPreset,\n} from '@paper-design/shaders';\n\nexport interface MetaballsProps extends ShaderComponentProps, MetaballsParams {}\n\ntype MetaballsPreset = ShaderPreset<MetaballsParams>;\n\n// Due to Leva controls limitation:\n// 1) keep default colors in HSLA format to keep alpha channel\n// 2) don't use decimal values on HSL values (to avoid button highlight bug)\n\nexport const defaultPreset: MetaballsPreset = {\n name: 'Default',\n params: {\n ...defaultObjectSizing,\n scale: 1,\n speed: 1,\n frame: 0,\n colors: ['#b399ff', '#99ffc4', '#ffe699', '#e099ff'],\n count: 7,\n size: 1,\n },\n};\n\nexport const metaballsPresets: MetaballsPreset[] = [defaultPreset];\n\nexport const Metaballs: React.FC<MetaballsProps> = memo(function MetaballsImpl({\n // Own props\n speed = defaultPreset.params.speed,\n frame = defaultPreset.params.frame,\n colors = defaultPreset.params.colors,\n size = defaultPreset.params.size,\n count = defaultPreset.params.count,\n\n // Sizing props\n fit = defaultPreset.params.fit,\n rotation = defaultPreset.params.rotation,\n scale = defaultPreset.params.scale,\n originX = defaultPreset.params.originX,\n originY = defaultPreset.params.originY,\n offsetX = defaultPreset.params.offsetX,\n offsetY = defaultPreset.params.offsetY,\n worldWidth = defaultPreset.params.worldWidth,\n worldHeight = defaultPreset.params.worldHeight,\n ...props\n}: MetaballsProps) {\n const uniforms = {\n // Own uniforms\n u_colors: colors.map(getShaderColorFromString),\n u_colorsCount: colors.length,\n u_size: size,\n u_count: count,\n\n // Sizing uniforms\n u_fit: ShaderFitOptions[fit],\n u_rotation: rotation,\n u_scale: scale,\n u_offsetX: offsetX,\n u_offsetY: offsetY,\n u_originX: originX,\n u_originY: originY,\n u_worldWidth: worldWidth,\n u_worldHeight: worldHeight,\n } satisfies MetaballsUniforms;\n\n return (\n <ShaderMount {...props} speed={speed} frame={frame} fragmentShader={metaballsFragmentShader} uniforms={uniforms} />\n );\n}, colorPropsAreEqual);\n"],
5
- "mappings": ";;;;;AAAA,SAAS,YAAY;AACrB,SAAS,mBAA8C;AACvD,SAAS,0BAA0B;AACnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AAiEH;AAvDG,MAAM,gBAAiC;AAAA,EAC5C,MAAM;AAAA,EACN,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ,CAAC,WAAW,WAAW,WAAW,SAAS;AAAA,IACnD,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF;AAEO,MAAM,mBAAsC,CAAC,aAAa;AAE1D,MAAM,YAAsC,KAAK,SAAS,cAAc;AAAA;AAAA,EAE7E,QAAQ,cAAc,OAAO;AAAA,EAC7B,QAAQ,cAAc,OAAO;AAAA,EAC7B,SAAS,cAAc,OAAO;AAAA,EAC9B,OAAO,cAAc,OAAO;AAAA,EAC5B,QAAQ,cAAc,OAAO;AAAA;AAAA,EAG7B,MAAM,cAAc,OAAO;AAAA,EAC3B,WAAW,cAAc,OAAO;AAAA,EAChC,QAAQ,cAAc,OAAO;AAAA,EAC7B,UAAU,cAAc,OAAO;AAAA,EAC/B,UAAU,cAAc,OAAO;AAAA,EAC/B,UAAU,cAAc,OAAO;AAAA,EAC/B,UAAU,cAAc,OAAO;AAAA,EAC/B,aAAa,cAAc,OAAO;AAAA,EAClC,cAAc,cAAc,OAAO;AAAA,EACnC,GAAG;AACL,GAAmB;AACjB,QAAM,WAAW;AAAA;AAAA,IAEf,UAAU,OAAO,IAAI,wBAAwB;AAAA,IAC7C,eAAe,OAAO;AAAA,IACtB,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,IAGT,OAAO,iBAAiB,GAAG;AAAA,IAC3B,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,eAAe;AAAA,EACjB;AAEA,SACE,oBAAC,eAAa,GAAG,OAAO,OAAc,OAAc,gBAAgB,yBAAyB,UAAoB;AAErH,GAAG,kBAAkB;",
6
- "names": []
7
- }
@@ -1,9 +0,0 @@
1
- import { type ShaderComponentProps } from '../shader-mount';
2
- import { type NeuroNoiseParams, type ShaderPreset } from '@paper-design/shaders';
3
- export interface NeuroNoiseProps extends ShaderComponentProps, NeuroNoiseParams {
4
- }
5
- type NeuroNoisePreset = ShaderPreset<NeuroNoiseParams>;
6
- export declare const defaultPreset: NeuroNoisePreset;
7
- export declare const neuroNoisePresets: NeuroNoisePreset[];
8
- export declare const NeuroNoise: React.FC<NeuroNoiseProps>;
9
- export {};
@@ -1,82 +0,0 @@
1
- /* * * * * * * * * * * * * * * * * * * * * * * * * * * *
2
- * Paper Shaders *
3
- * https://github.com/paper-design/shaders *
4
- * * * * * * * * * * * * * * * * * * * * * * * * * * * */
5
-
6
- import { memo } from "react";
7
- import { ShaderMount } from "../shader-mount";
8
- import { colorPropsAreEqual } from "../color-props-are-equal";
9
- import {
10
- defaultPatternSizing,
11
- getShaderColorFromString,
12
- neuroNoiseFragmentShader,
13
- ShaderFitOptions
14
- } from "@paper-design/shaders";
15
- import { jsx } from "react/jsx-runtime";
16
- const defaultPreset = {
17
- name: "Default",
18
- params: {
19
- ...defaultPatternSizing,
20
- speed: 1,
21
- frame: 0,
22
- colorFront: "#bf9eff",
23
- colorBack: "#000000",
24
- brightness: 1.3
25
- }
26
- };
27
- const marblePreset = {
28
- name: "Marble",
29
- params: {
30
- ...defaultPatternSizing,
31
- scale: 0.4,
32
- speed: 0,
33
- frame: 0,
34
- colorFront: "#1d2131",
35
- colorBack: "#f7f7f7",
36
- brightness: 1.1
37
- }
38
- };
39
- const neuroNoisePresets = [defaultPreset, marblePreset];
40
- const NeuroNoise = memo(function NeuroNoiseImpl({
41
- // Own props
42
- speed = defaultPreset.params.speed,
43
- frame = defaultPreset.params.frame,
44
- colorFront = defaultPreset.params.colorFront,
45
- colorBack = defaultPreset.params.colorBack,
46
- brightness = defaultPreset.params.brightness,
47
- // Sizing props
48
- fit = defaultPreset.params.fit,
49
- scale = defaultPreset.params.scale,
50
- rotation = defaultPreset.params.rotation,
51
- originX = defaultPreset.params.originX,
52
- originY = defaultPreset.params.originY,
53
- offsetX = defaultPreset.params.offsetX,
54
- offsetY = defaultPreset.params.offsetY,
55
- worldWidth = defaultPreset.params.worldWidth,
56
- worldHeight = defaultPreset.params.worldHeight,
57
- ...props
58
- }) {
59
- const uniforms = {
60
- // Own uniforms
61
- u_colorFront: getShaderColorFromString(colorFront),
62
- u_colorBack: getShaderColorFromString(colorBack),
63
- u_brightness: brightness,
64
- // Sizing uniforms
65
- u_fit: ShaderFitOptions[fit],
66
- u_scale: scale,
67
- u_rotation: rotation,
68
- u_offsetX: offsetX,
69
- u_offsetY: offsetY,
70
- u_originX: originX,
71
- u_originY: originY,
72
- u_worldWidth: worldWidth,
73
- u_worldHeight: worldHeight
74
- };
75
- return /* @__PURE__ */ jsx(ShaderMount, { ...props, speed, frame, fragmentShader: neuroNoiseFragmentShader, uniforms });
76
- }, colorPropsAreEqual);
77
- export {
78
- NeuroNoise,
79
- defaultPreset,
80
- neuroNoisePresets
81
- };
82
- //# sourceMappingURL=neuro-noise.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/shaders/neuro-noise.tsx"],
4
- "sourcesContent": ["import { memo } from 'react';\nimport { ShaderMount, type ShaderComponentProps } from '../shader-mount';\nimport { colorPropsAreEqual } from '../color-props-are-equal';\nimport {\n defaultPatternSizing,\n getShaderColorFromString,\n neuroNoiseFragmentShader,\n ShaderFitOptions,\n type NeuroNoiseParams,\n type NeuroNoiseUniforms,\n type ShaderPreset,\n} from '@paper-design/shaders';\n\nexport interface NeuroNoiseProps extends ShaderComponentProps, NeuroNoiseParams {}\n\ntype NeuroNoisePreset = ShaderPreset<NeuroNoiseParams>;\n\n// Due to Leva controls limitation:\n// 1) keep default colors in HSLA format to keep alpha channel\n// 2) don't use decimal values on HSL values (to avoid button highlight bug)\n\nexport const defaultPreset: NeuroNoisePreset = {\n name: 'Default',\n params: {\n ...defaultPatternSizing,\n speed: 1,\n frame: 0,\n colorFront: '#bf9eff',\n colorBack: '#000000',\n brightness: 1.3,\n },\n};\n\nconst marblePreset: NeuroNoisePreset = {\n name: 'Marble',\n params: {\n ...defaultPatternSizing,\n scale: 0.4,\n speed: 0,\n frame: 0,\n colorFront: '#1d2131',\n colorBack: '#f7f7f7',\n brightness: 1.1,\n },\n};\n\nexport const neuroNoisePresets: NeuroNoisePreset[] = [defaultPreset, marblePreset] as const;\n\nexport const NeuroNoise: React.FC<NeuroNoiseProps> = memo(function NeuroNoiseImpl({\n // Own props\n speed = defaultPreset.params.speed,\n frame = defaultPreset.params.frame,\n colorFront = defaultPreset.params.colorFront,\n colorBack = defaultPreset.params.colorBack,\n brightness = defaultPreset.params.brightness,\n\n // Sizing props\n fit = defaultPreset.params.fit,\n scale = defaultPreset.params.scale,\n rotation = defaultPreset.params.rotation,\n originX = defaultPreset.params.originX,\n originY = defaultPreset.params.originY,\n offsetX = defaultPreset.params.offsetX,\n offsetY = defaultPreset.params.offsetY,\n worldWidth = defaultPreset.params.worldWidth,\n worldHeight = defaultPreset.params.worldHeight,\n ...props\n}: NeuroNoiseProps) {\n const uniforms = {\n // Own uniforms\n u_colorFront: getShaderColorFromString(colorFront),\n u_colorBack: getShaderColorFromString(colorBack),\n u_brightness: brightness,\n\n // Sizing uniforms\n u_fit: ShaderFitOptions[fit],\n u_scale: scale,\n u_rotation: rotation,\n u_offsetX: offsetX,\n u_offsetY: offsetY,\n u_originX: originX,\n u_originY: originY,\n u_worldWidth: worldWidth,\n u_worldHeight: worldHeight,\n } satisfies NeuroNoiseUniforms;\n\n return (\n <ShaderMount {...props} speed={speed} frame={frame} fragmentShader={neuroNoiseFragmentShader} uniforms={uniforms} />\n );\n}, colorPropsAreEqual);\n"],
5
- "mappings": ";;;;;AAAA,SAAS,YAAY;AACrB,SAAS,mBAA8C;AACvD,SAAS,0BAA0B;AACnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AA4EH;AAlEG,MAAM,gBAAkC;AAAA,EAC7C,MAAM;AAAA,EACN,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,OAAO;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,YAAY;AAAA,EACd;AACF;AAEA,MAAM,eAAiC;AAAA,EACrC,MAAM;AAAA,EACN,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,YAAY;AAAA,EACd;AACF;AAEO,MAAM,oBAAwC,CAAC,eAAe,YAAY;AAE1E,MAAM,aAAwC,KAAK,SAAS,eAAe;AAAA;AAAA,EAEhF,QAAQ,cAAc,OAAO;AAAA,EAC7B,QAAQ,cAAc,OAAO;AAAA,EAC7B,aAAa,cAAc,OAAO;AAAA,EAClC,YAAY,cAAc,OAAO;AAAA,EACjC,aAAa,cAAc,OAAO;AAAA;AAAA,EAGlC,MAAM,cAAc,OAAO;AAAA,EAC3B,QAAQ,cAAc,OAAO;AAAA,EAC7B,WAAW,cAAc,OAAO;AAAA,EAChC,UAAU,cAAc,OAAO;AAAA,EAC/B,UAAU,cAAc,OAAO;AAAA,EAC/B,UAAU,cAAc,OAAO;AAAA,EAC/B,UAAU,cAAc,OAAO;AAAA,EAC/B,aAAa,cAAc,OAAO;AAAA,EAClC,cAAc,cAAc,OAAO;AAAA,EACnC,GAAG;AACL,GAAoB;AAClB,QAAM,WAAW;AAAA;AAAA,IAEf,cAAc,yBAAyB,UAAU;AAAA,IACjD,aAAa,yBAAyB,SAAS;AAAA,IAC/C,cAAc;AAAA;AAAA,IAGd,OAAO,iBAAiB,GAAG;AAAA,IAC3B,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,eAAe;AAAA,EACjB;AAEA,SACE,oBAAC,eAAa,GAAG,OAAO,OAAc,OAAc,gBAAgB,0BAA0B,UAAoB;AAEtH,GAAG,kBAAkB;",
6
- "names": []
7
- }