@paper-design/shaders-react 0.0.32 → 0.0.33-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 -120
  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 -179
  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 -197
  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 -137
  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 -290
  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,230 +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
- dotGridFragmentShader,
12
- DotGridShapes,
13
- ShaderFitOptions,
14
- defaultPatternSizing
15
- } from "@paper-design/shaders";
16
- import { jsx } from "react/jsx-runtime";
17
- const defaultPreset = {
18
- name: "Default",
19
- params: {
20
- ...defaultPatternSizing,
21
- colorBack: "hsla(0, 0%, 0%, 1)",
22
- colorFill: "hsla(0, 0%, 100%, 1)",
23
- colorStroke: "hsla(40, 100%, 50%, 1)",
24
- size: 2,
25
- gapX: 50,
26
- gapY: 50,
27
- strokeWidth: 0,
28
- sizeRange: 0,
29
- opacityRange: 0,
30
- shape: "circle"
31
- }
32
- };
33
- const macrodataPreset = {
34
- name: "Macrodata",
35
- params: {
36
- ...defaultPatternSizing,
37
- colorBack: "hsla(211, 37%, 13%, 1)",
38
- colorFill: "hsla(218, 100%, 67%, 1)",
39
- colorStroke: "hsla(0, 0%, 0%, 1)",
40
- size: 3,
41
- gapX: 25,
42
- gapY: 25,
43
- strokeWidth: 0,
44
- sizeRange: 0.25,
45
- opacityRange: 0.9,
46
- shape: "circle"
47
- }
48
- };
49
- const trianglesPreset = {
50
- name: "Triangles",
51
- params: {
52
- ...defaultPatternSizing,
53
- colorBack: "hsla(0, 0%, 100%, 1)",
54
- colorFill: "hsla(0, 0%, 100%, 1)",
55
- colorStroke: "hsla(0, 0%, 0%, .5)",
56
- size: 5,
57
- gapX: 32,
58
- gapY: 32,
59
- strokeWidth: 1,
60
- sizeRange: 0,
61
- opacityRange: 0,
62
- shape: "triangle"
63
- }
64
- };
65
- const bubblesPreset = {
66
- name: "Bubbles",
67
- params: {
68
- ...defaultPatternSizing,
69
- colorBack: "hsla(234, 100%, 31%, .5)",
70
- colorFill: "hsla(100, 30%, 100%, 1)",
71
- colorStroke: "hsla(0, 100%, 0%, 1)",
72
- size: 28,
73
- gapX: 60,
74
- gapY: 60,
75
- strokeWidth: 12,
76
- sizeRange: 0.7,
77
- opacityRange: 1.3,
78
- shape: "circle"
79
- }
80
- };
81
- const treeLinePreset = {
82
- name: "Tree line",
83
- params: {
84
- ...defaultPatternSizing,
85
- colorBack: "hsla(100, 100%, 36%, .05)",
86
- colorFill: "hsla(150, 80%, 10%, 1)",
87
- colorStroke: "hsla(0, 0%, 0%, 1)",
88
- size: 8,
89
- gapX: 20,
90
- gapY: 90,
91
- strokeWidth: 0,
92
- sizeRange: 1,
93
- opacityRange: 0.6,
94
- shape: "circle"
95
- }
96
- };
97
- const diamondsPreset = {
98
- name: "Diamonds",
99
- params: {
100
- ...defaultPatternSizing,
101
- colorBack: "hsla(0, 0%, 0%, 0)",
102
- colorFill: "hsla(0, 100%, 50%, 1)",
103
- colorStroke: "hsla(0, 0%, 0%, 1)",
104
- size: 15,
105
- gapX: 30,
106
- gapY: 30,
107
- strokeWidth: 0,
108
- sizeRange: 0,
109
- opacityRange: 2,
110
- shape: "diamond"
111
- }
112
- };
113
- const wallpaperPreset = {
114
- name: "Wallpaper",
115
- params: {
116
- ...defaultPatternSizing,
117
- colorBack: "hsla(154, 33%, 19%, 1)",
118
- colorFill: "hsla(0, 0%, 0%, 0)",
119
- colorStroke: "hsla(36, 48%, 58%, 1)",
120
- size: 9,
121
- gapX: 32,
122
- gapY: 32,
123
- strokeWidth: 1,
124
- sizeRange: 0,
125
- opacityRange: 0,
126
- shape: "diamond"
127
- }
128
- };
129
- const matrixPreset = {
130
- name: "Enter the Matrix",
131
- params: {
132
- ...defaultPatternSizing,
133
- colorBack: "hsla(0, 100%, 0%, 1)",
134
- colorFill: "hsla(182, 100%, 64%, 1)",
135
- colorStroke: "hsla(0, 100%, 100%, 0)",
136
- size: 2,
137
- gapX: 10,
138
- gapY: 10,
139
- strokeWidth: 0.5,
140
- sizeRange: 0.25,
141
- opacityRange: 1,
142
- shape: "triangle"
143
- }
144
- };
145
- const waveformPreset = {
146
- name: "Waveform",
147
- params: {
148
- ...defaultPatternSizing,
149
- colorBack: "hsla(0, 100%, 100%, 1)",
150
- colorFill: "hsla(227, 93%, 38%, 1)",
151
- colorStroke: "hsla(0, 0%, 0%, 0)",
152
- size: 100,
153
- gapX: 2,
154
- gapY: 215,
155
- strokeWidth: 0,
156
- sizeRange: 1,
157
- opacityRange: 0,
158
- shape: "square"
159
- }
160
- };
161
- const dotGridPresets = [
162
- defaultPreset,
163
- macrodataPreset,
164
- trianglesPreset,
165
- bubblesPreset,
166
- treeLinePreset,
167
- diamondsPreset,
168
- wallpaperPreset,
169
- matrixPreset,
170
- waveformPreset
171
- ];
172
- const DotGrid = memo(function DotGridImpl({
173
- // Own props
174
- colorBack = defaultPreset.params.colorBack,
175
- colorFill = defaultPreset.params.colorFill,
176
- colorStroke = defaultPreset.params.colorStroke,
177
- size = defaultPreset.params.size,
178
- gapX = defaultPreset.params.gapX,
179
- gapY = defaultPreset.params.gapY,
180
- strokeWidth = defaultPreset.params.strokeWidth,
181
- sizeRange = defaultPreset.params.sizeRange,
182
- opacityRange = defaultPreset.params.opacityRange,
183
- shape = defaultPreset.params.shape,
184
- // Sizing props
185
- fit = defaultPreset.params.fit,
186
- scale = defaultPreset.params.scale,
187
- rotation = defaultPreset.params.rotation,
188
- originX = defaultPreset.params.originX,
189
- originY = defaultPreset.params.originY,
190
- offsetX = defaultPreset.params.offsetX,
191
- offsetY = defaultPreset.params.offsetY,
192
- worldWidth = defaultPreset.params.worldWidth,
193
- worldHeight = defaultPreset.params.worldHeight,
194
- // Other props
195
- maxPixelCount = 6016 * 3384,
196
- // Higher max resolution for this shader
197
- ...props
198
- }) {
199
- const uniforms = {
200
- // Own uniforms
201
- u_colorBack: getShaderColorFromString(colorBack),
202
- u_colorFill: getShaderColorFromString(colorFill),
203
- u_colorStroke: getShaderColorFromString(colorStroke),
204
- u_dotSize: size,
205
- u_gapX: gapX,
206
- u_gapY: gapY,
207
- u_strokeWidth: strokeWidth,
208
- u_sizeRange: sizeRange,
209
- u_opacityRange: opacityRange,
210
- u_shape: DotGridShapes[shape],
211
- // Sizing uniforms
212
- u_fit: ShaderFitOptions[fit],
213
- u_scale: scale,
214
- u_rotation: rotation,
215
- u_offsetX: offsetX,
216
- u_offsetY: offsetY,
217
- u_originX: originX,
218
- u_originY: originY,
219
- u_worldWidth: worldWidth,
220
- u_worldHeight: worldHeight
221
- };
222
- return /* @__PURE__ */ jsx(ShaderMount, { ...props, maxPixelCount, fragmentShader: dotGridFragmentShader, uniforms });
223
- }, colorPropsAreEqual);
224
- export {
225
- DotGrid,
226
- defaultPreset,
227
- dotGridPresets,
228
- macrodataPreset
229
- };
230
- //# sourceMappingURL=dot-grid.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/shaders/dot-grid.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 dotGridFragmentShader,\n DotGridShapes,\n ShaderFitOptions,\n type DotGridParams,\n type DotGridUniforms,\n type ShaderPreset,\n defaultPatternSizing,\n} from '@paper-design/shaders';\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 interface DotGridProps extends ShaderComponentProps, DotGridParams {}\n\ntype DotGridPreset = ShaderPreset<DotGridParams>;\n\nexport const defaultPreset: DotGridPreset = {\n name: 'Default',\n params: {\n ...defaultPatternSizing,\n colorBack: 'hsla(0, 0%, 0%, 1)',\n colorFill: 'hsla(0, 0%, 100%, 1)',\n colorStroke: 'hsla(40, 100%, 50%, 1)',\n size: 2,\n gapX: 50,\n gapY: 50,\n strokeWidth: 0,\n sizeRange: 0,\n opacityRange: 0,\n shape: 'circle',\n },\n};\n\nexport const macrodataPreset: DotGridPreset = {\n name: 'Macrodata',\n params: {\n ...defaultPatternSizing,\n colorBack: 'hsla(211, 37%, 13%, 1)',\n colorFill: 'hsla(218, 100%, 67%, 1)',\n colorStroke: 'hsla(0, 0%, 0%, 1)',\n size: 3,\n gapX: 25,\n gapY: 25,\n strokeWidth: 0,\n sizeRange: 0.25,\n opacityRange: 0.9,\n shape: 'circle',\n },\n};\n\nconst trianglesPreset: DotGridPreset = {\n name: 'Triangles',\n params: {\n ...defaultPatternSizing,\n colorBack: 'hsla(0, 0%, 100%, 1)',\n colorFill: 'hsla(0, 0%, 100%, 1)',\n colorStroke: 'hsla(0, 0%, 0%, .5)',\n size: 5,\n gapX: 32,\n gapY: 32,\n strokeWidth: 1,\n sizeRange: 0,\n opacityRange: 0,\n shape: 'triangle',\n },\n};\n\nconst bubblesPreset: DotGridPreset = {\n name: 'Bubbles',\n params: {\n ...defaultPatternSizing,\n colorBack: 'hsla(234, 100%, 31%, .5)',\n colorFill: 'hsla(100, 30%, 100%, 1)',\n colorStroke: 'hsla(0, 100%, 0%, 1)',\n size: 28,\n gapX: 60,\n gapY: 60,\n strokeWidth: 12,\n sizeRange: 0.7,\n opacityRange: 1.3,\n shape: 'circle',\n },\n};\n\nconst treeLinePreset: DotGridPreset = {\n name: 'Tree line',\n params: {\n ...defaultPatternSizing,\n colorBack: 'hsla(100, 100%, 36%, .05)',\n colorFill: 'hsla(150, 80%, 10%, 1)',\n colorStroke: 'hsla(0, 0%, 0%, 1)',\n size: 8,\n gapX: 20,\n gapY: 90,\n strokeWidth: 0,\n sizeRange: 1,\n opacityRange: 0.6,\n shape: 'circle',\n },\n};\n\nconst diamondsPreset: DotGridPreset = {\n name: 'Diamonds',\n params: {\n ...defaultPatternSizing,\n colorBack: 'hsla(0, 0%, 0%, 0)',\n colorFill: 'hsla(0, 100%, 50%, 1)',\n colorStroke: 'hsla(0, 0%, 0%, 1)',\n size: 15,\n gapX: 30,\n gapY: 30,\n strokeWidth: 0,\n sizeRange: 0,\n opacityRange: 2,\n shape: 'diamond',\n },\n};\n\nconst wallpaperPreset: DotGridPreset = {\n name: 'Wallpaper',\n params: {\n ...defaultPatternSizing,\n colorBack: 'hsla(154, 33%, 19%, 1)',\n colorFill: 'hsla(0, 0%, 0%, 0)',\n colorStroke: 'hsla(36, 48%, 58%, 1)',\n size: 9,\n gapX: 32,\n gapY: 32,\n strokeWidth: 1,\n sizeRange: 0,\n opacityRange: 0,\n shape: 'diamond',\n },\n};\n\nconst matrixPreset: DotGridPreset = {\n name: 'Enter the Matrix',\n params: {\n ...defaultPatternSizing,\n colorBack: 'hsla(0, 100%, 0%, 1)',\n colorFill: 'hsla(182, 100%, 64%, 1)',\n colorStroke: 'hsla(0, 100%, 100%, 0)',\n size: 2,\n gapX: 10,\n gapY: 10,\n strokeWidth: 0.5,\n sizeRange: 0.25,\n opacityRange: 1,\n shape: 'triangle',\n },\n};\n\nconst waveformPreset: DotGridPreset = {\n name: 'Waveform',\n params: {\n ...defaultPatternSizing,\n colorBack: 'hsla(0, 100%, 100%, 1)',\n colorFill: 'hsla(227, 93%, 38%, 1)',\n colorStroke: 'hsla(0, 0%, 0%, 0)',\n size: 100,\n gapX: 2,\n gapY: 215,\n strokeWidth: 0,\n sizeRange: 1,\n opacityRange: 0,\n shape: 'square',\n },\n};\n\nexport const dotGridPresets: DotGridPreset[] = [\n defaultPreset,\n macrodataPreset,\n trianglesPreset,\n bubblesPreset,\n treeLinePreset,\n diamondsPreset,\n wallpaperPreset,\n matrixPreset,\n waveformPreset,\n];\n\nexport const DotGrid: React.FC<DotGridProps> = memo(function DotGridImpl({\n // Own props\n colorBack = defaultPreset.params.colorBack,\n colorFill = defaultPreset.params.colorFill,\n colorStroke = defaultPreset.params.colorStroke,\n size = defaultPreset.params.size,\n gapX = defaultPreset.params.gapX,\n gapY = defaultPreset.params.gapY,\n strokeWidth = defaultPreset.params.strokeWidth,\n sizeRange = defaultPreset.params.sizeRange,\n opacityRange = defaultPreset.params.opacityRange,\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\n // Other props\n maxPixelCount = 6016 * 3384, // Higher max resolution for this shader\n ...props\n}: DotGridProps) {\n const uniforms = {\n // Own uniforms\n u_colorBack: getShaderColorFromString(colorBack),\n u_colorFill: getShaderColorFromString(colorFill),\n u_colorStroke: getShaderColorFromString(colorStroke),\n u_dotSize: size,\n u_gapX: gapX,\n u_gapY: gapY,\n u_strokeWidth: strokeWidth,\n u_sizeRange: sizeRange,\n u_opacityRange: opacityRange,\n u_shape: DotGridShapes[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 DotGridUniforms;\n\n return (\n <ShaderMount {...props} maxPixelCount={maxPixelCount} fragmentShader={dotGridFragmentShader} uniforms={uniforms} />\n );\n}, colorPropsAreEqual);\n"],
5
- "mappings": "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",
6
- "names": []
7
- }
@@ -1,9 +0,0 @@
1
- import { type ShaderComponentProps } from '../shader-mount';
2
- import { type DotOrbitParams, type ShaderPreset } from '@paper-design/shaders';
3
- export interface DotOrbitProps extends ShaderComponentProps, DotOrbitParams {
4
- }
5
- type DotOrbitPreset = ShaderPreset<DotOrbitParams>;
6
- export declare const defaultPreset: DotOrbitPreset;
7
- export declare const dotOrbitPresets: DotOrbitPreset[];
8
- export declare const DotOrbit: React.FC<DotOrbitProps>;
9
- export {};
@@ -1,77 +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
- dotOrbitFragmentShader,
12
- ShaderFitOptions,
13
- defaultPatternSizing
14
- } from "@paper-design/shaders";
15
- import { jsx } from "react/jsx-runtime";
16
- const defaultPreset = {
17
- name: "Default",
18
- params: {
19
- ...defaultPatternSizing,
20
- speed: 2,
21
- frame: 0,
22
- colors: ["hsla(12, 100%, 20%, 1)", "hsla(55, 100%, 40%, 1)", "hsla(320, 100%, 40%, 1)"],
23
- size: 1,
24
- sizeRange: 0,
25
- spreading: 1,
26
- stepsPerColor: 2
27
- }
28
- };
29
- const dotOrbitPresets = [defaultPreset];
30
- const DotOrbit = memo(function DotOrbitImpl({
31
- // Own props
32
- speed = defaultPreset.params.speed,
33
- frame = defaultPreset.params.frame,
34
- colors = defaultPreset.params.colors,
35
- size = defaultPreset.params.size,
36
- sizeRange = defaultPreset.params.sizeRange,
37
- spreading = defaultPreset.params.spreading,
38
- stepsPerColor = defaultPreset.params.stepsPerColor,
39
- // Sizing props
40
- fit = defaultPreset.params.fit,
41
- scale = defaultPreset.params.scale,
42
- rotation = defaultPreset.params.rotation,
43
- originX = defaultPreset.params.originX,
44
- originY = defaultPreset.params.originY,
45
- offsetX = defaultPreset.params.offsetX,
46
- offsetY = defaultPreset.params.offsetY,
47
- worldWidth = defaultPreset.params.worldWidth,
48
- worldHeight = defaultPreset.params.worldHeight,
49
- ...props
50
- }) {
51
- const uniforms = {
52
- // Own uniforms
53
- u_colors: colors.map(getShaderColorFromString),
54
- u_colorsCount: colors.length,
55
- u_size: size,
56
- u_sizeRange: sizeRange,
57
- u_spreading: spreading,
58
- u_stepsPerColor: stepsPerColor,
59
- // Sizing uniforms
60
- u_fit: ShaderFitOptions[fit],
61
- u_scale: scale,
62
- u_rotation: rotation,
63
- u_offsetX: offsetX,
64
- u_offsetY: offsetY,
65
- u_originX: originX,
66
- u_originY: originY,
67
- u_worldWidth: worldWidth,
68
- u_worldHeight: worldHeight
69
- };
70
- return /* @__PURE__ */ jsx(ShaderMount, { ...props, speed, frame, fragmentShader: dotOrbitFragmentShader, uniforms });
71
- }, colorPropsAreEqual);
72
- export {
73
- DotOrbit,
74
- defaultPreset,
75
- dotOrbitPresets
76
- };
77
- //# sourceMappingURL=dot-orbit.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/shaders/dot-orbit.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 dotOrbitFragmentShader,\n ShaderFitOptions,\n type DotOrbitParams,\n type DotOrbitUniforms,\n type ShaderPreset,\n defaultPatternSizing,\n} from '@paper-design/shaders';\n\nexport interface DotOrbitProps extends ShaderComponentProps, DotOrbitParams {}\n\ntype DotOrbitPreset = ShaderPreset<DotOrbitParams>;\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: DotOrbitPreset = {\n name: 'Default',\n params: {\n ...defaultPatternSizing,\n speed: 2,\n frame: 0,\n colors: ['hsla(12, 100%, 20%, 1)', 'hsla(55, 100%, 40%, 1)', 'hsla(320, 100%, 40%, 1)'],\n size: 1,\n sizeRange: 0,\n spreading: 1,\n stepsPerColor: 2,\n },\n};\n\nexport const dotOrbitPresets: DotOrbitPreset[] = [defaultPreset];\n\nexport const DotOrbit: React.FC<DotOrbitProps> = memo(function DotOrbitImpl({\n // Own props\n speed = defaultPreset.params.speed,\n frame = defaultPreset.params.frame,\n colors = defaultPreset.params.colors,\n size = defaultPreset.params.size,\n sizeRange = defaultPreset.params.sizeRange,\n spreading = defaultPreset.params.spreading,\n stepsPerColor = defaultPreset.params.stepsPerColor,\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}: DotOrbitProps) {\n const uniforms = {\n // Own uniforms\n u_colors: colors.map(getShaderColorFromString),\n u_colorsCount: colors.length,\n u_size: size,\n u_sizeRange: sizeRange,\n u_spreading: spreading,\n u_stepsPerColor: stepsPerColor,\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 DotOrbitUniforms;\n\n return (\n <ShaderMount {...props} speed={speed} frame={frame} fragmentShader={dotOrbitFragmentShader} 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,EAIA;AAAA,OACK;AAsEH;AA5DG,MAAM,gBAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ,CAAC,0BAA0B,0BAA0B,yBAAyB;AAAA,IACtF,MAAM;AAAA,IACN,WAAW;AAAA,IACX,WAAW;AAAA,IACX,eAAe;AAAA,EACjB;AACF;AAEO,MAAM,kBAAoC,CAAC,aAAa;AAExD,MAAM,WAAoC,KAAK,SAAS,aAAa;AAAA;AAAA,EAE1E,QAAQ,cAAc,OAAO;AAAA,EAC7B,QAAQ,cAAc,OAAO;AAAA,EAC7B,SAAS,cAAc,OAAO;AAAA,EAC9B,OAAO,cAAc,OAAO;AAAA,EAC5B,YAAY,cAAc,OAAO;AAAA,EACjC,YAAY,cAAc,OAAO;AAAA,EACjC,gBAAgB,cAAc,OAAO;AAAA;AAAA,EAGrC,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,GAAkB;AAChB,QAAM,WAAW;AAAA;AAAA,IAEf,UAAU,OAAO,IAAI,wBAAwB;AAAA,IAC7C,eAAe,OAAO;AAAA,IACtB,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,aAAa;AAAA,IACb,iBAAiB;AAAA;AAAA,IAGjB,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,wBAAwB,UAAoB;AAEpH,GAAG,kBAAkB;",
6
- "names": []
7
- }
@@ -1,13 +0,0 @@
1
- import { type ShaderComponentProps } from '../shader-mount';
2
- import { type GodRaysParams, type ShaderPreset } from '@paper-design/shaders';
3
- export interface GodRaysProps extends ShaderComponentProps, GodRaysParams {
4
- }
5
- type GodRaysPreset = ShaderPreset<GodRaysParams>;
6
- export declare const defaultPreset: GodRaysPreset;
7
- export declare const auroraPreset: GodRaysPreset;
8
- export declare const warpPreset: GodRaysPreset;
9
- export declare const linearPreset: GodRaysPreset;
10
- export declare const etherPreset: GodRaysPreset;
11
- export declare const godRaysPresets: GodRaysPreset[];
12
- export declare const GodRays: React.FC<GodRaysProps>;
13
- export {};
@@ -1,160 +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
- godRaysFragmentShader,
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
- offsetX: -0.4,
21
- offsetY: -0.4,
22
- colorBack: "hsla(215, 100%, 11%, 1)",
23
- colors: ["hsla(45, 100%, 70%, 1)", "hsla(10, 100%, 80%, 1)", "hsla(178, 100%, 83%, 1)"],
24
- frequency: 6,
25
- spotty: 0.28,
26
- midIntensity: 1,
27
- midSize: 3,
28
- density: 0.3,
29
- blending: 0,
30
- speed: 1,
31
- frame: 0
32
- }
33
- };
34
- const auroraPreset = {
35
- name: "Aurora",
36
- params: {
37
- ...defaultObjectSizing,
38
- offsetY: 1,
39
- colorBack: "hsla(0, 0%, 25%, 1)",
40
- colors: ["hsla(239, 100%, 70%, 1)", "hsla(150, 100%, 70%, 1)", "hsla(200, 100%, 70%, 1)"],
41
- frequency: 2.4,
42
- spotty: 0.9,
43
- midIntensity: 0.8,
44
- midSize: 2.1,
45
- density: 0.5,
46
- blending: 1,
47
- speed: 0.5,
48
- frame: 0
49
- }
50
- };
51
- const warpPreset = {
52
- name: "Warp",
53
- params: {
54
- ...defaultObjectSizing,
55
- colorBack: "hsla(0, 0%, 0%, 1)",
56
- colors: ["hsla(317, 100%, 50%, 1)", "hsla(25, 100%, 50%, 1)", "hsla(0, 0%, 100%, 1)"],
57
- frequency: 1.2,
58
- spotty: 0.15,
59
- midIntensity: 0,
60
- midSize: 0,
61
- density: 0.79,
62
- blending: 0.4,
63
- speed: 2,
64
- frame: 0
65
- }
66
- };
67
- const linearPreset = {
68
- name: "Linear",
69
- params: {
70
- ...defaultObjectSizing,
71
- offsetX: 0.2,
72
- offsetY: -0.7,
73
- colorBack: "hsla(0, 0%, 0%, 1)",
74
- colors: ["hsl(0 0% 100% / 12%)", "hsl(0 0% 100% / 24%)", "hsl(0 0% 100% / 16%)"],
75
- frequency: 1.2,
76
- spotty: 0.25,
77
- midSize: 1.1,
78
- midIntensity: 0.75,
79
- density: 0.79,
80
- blending: 1,
81
- speed: 0.5,
82
- frame: 0
83
- }
84
- };
85
- const etherPreset = {
86
- name: "Ether",
87
- params: {
88
- ...defaultObjectSizing,
89
- offsetX: -0.6,
90
- colorBack: "hsl(226.7 50% 7.1% / 100%)",
91
- colors: ["hsl(215 100% 53.9% / 65.1%)", "hsl(214.4 85.9% 86.1% / 74.9%)", "hsl(225 31.4% 20% / 100%)"],
92
- frequency: 0.3,
93
- spotty: 0.77,
94
- midSize: 1.1,
95
- midIntensity: 0.5,
96
- density: 0.6,
97
- blending: 0.6,
98
- speed: 1,
99
- frame: 0
100
- }
101
- };
102
- const godRaysPresets = [defaultPreset, auroraPreset, warpPreset, linearPreset, etherPreset];
103
- const GodRays = memo(function GodRaysImpl({
104
- // Own props
105
- speed = defaultPreset.params.speed,
106
- frame = defaultPreset.params.frame,
107
- colorBack = defaultPreset.params.colorBack,
108
- colors = defaultPreset.params.colors,
109
- frequency = defaultPreset.params.frequency,
110
- spotty = defaultPreset.params.spotty,
111
- midIntensity = defaultPreset.params.midIntensity,
112
- midSize = defaultPreset.params.midSize,
113
- density = defaultPreset.params.density,
114
- blending = defaultPreset.params.blending,
115
- // Sizing props
116
- fit = defaultPreset.params.fit,
117
- scale = defaultPreset.params.scale,
118
- rotation = defaultPreset.params.rotation,
119
- originX = defaultPreset.params.originX,
120
- originY = defaultPreset.params.originY,
121
- offsetX = defaultPreset.params.offsetX,
122
- offsetY = defaultPreset.params.offsetY,
123
- worldWidth = defaultPreset.params.worldWidth,
124
- worldHeight = defaultPreset.params.worldHeight,
125
- ...props
126
- }) {
127
- const uniforms = {
128
- // Own uniforms
129
- u_colorBack: getShaderColorFromString(colorBack),
130
- u_colors: colors.map(getShaderColorFromString),
131
- u_colorsCount: colors.length,
132
- u_frequency: frequency,
133
- u_spotty: spotty,
134
- u_midIntensity: midIntensity,
135
- u_midSize: midSize,
136
- u_density: density,
137
- u_blending: blending,
138
- // Sizing uniforms
139
- u_fit: ShaderFitOptions[fit],
140
- u_scale: scale,
141
- u_rotation: rotation,
142
- u_offsetX: offsetX,
143
- u_offsetY: offsetY,
144
- u_originX: originX,
145
- u_originY: originY,
146
- u_worldWidth: worldWidth,
147
- u_worldHeight: worldHeight
148
- };
149
- return /* @__PURE__ */ jsx(ShaderMount, { ...props, speed, frame, fragmentShader: godRaysFragmentShader, uniforms });
150
- }, colorPropsAreEqual);
151
- export {
152
- GodRays,
153
- auroraPreset,
154
- defaultPreset,
155
- etherPreset,
156
- godRaysPresets,
157
- linearPreset,
158
- warpPreset
159
- };
160
- //# sourceMappingURL=god-rays.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/shaders/god-rays.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 godRaysFragmentShader,\n ShaderFitOptions,\n type GodRaysParams,\n type GodRaysUniforms,\n type ShaderPreset,\n} from '@paper-design/shaders';\n\nexport interface GodRaysProps extends ShaderComponentProps, GodRaysParams {}\n\ntype GodRaysPreset = ShaderPreset<GodRaysParams>;\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 highmidIntensity bug)\n\nexport const defaultPreset: GodRaysPreset = {\n name: 'Default',\n params: {\n ...defaultObjectSizing,\n offsetX: -0.4,\n offsetY: -0.4,\n colorBack: 'hsla(215, 100%, 11%, 1)',\n colors: ['hsla(45, 100%, 70%, 1)', 'hsla(10, 100%, 80%, 1)', 'hsla(178, 100%, 83%, 1)'],\n frequency: 6,\n spotty: 0.28,\n midIntensity: 1,\n midSize: 3,\n density: 0.3,\n blending: 0,\n speed: 1,\n frame: 0,\n },\n};\n\nexport const auroraPreset: GodRaysPreset = {\n name: 'Aurora',\n params: {\n ...defaultObjectSizing,\n offsetY: 1,\n colorBack: 'hsla(0, 0%, 25%, 1)',\n colors: ['hsla(239, 100%, 70%, 1)', 'hsla(150, 100%, 70%, 1)', 'hsla(200, 100%, 70%, 1)'],\n frequency: 2.4,\n spotty: 0.9,\n midIntensity: 0.8,\n midSize: 2.1,\n density: 0.5,\n blending: 1,\n speed: 0.5,\n frame: 0,\n },\n};\n\nexport const warpPreset: GodRaysPreset = {\n name: 'Warp',\n params: {\n ...defaultObjectSizing,\n colorBack: 'hsla(0, 0%, 0%, 1)',\n colors: ['hsla(317, 100%, 50%, 1)', 'hsla(25, 100%, 50%, 1)', 'hsla(0, 0%, 100%, 1)'],\n frequency: 1.2,\n spotty: 0.15,\n midIntensity: 0,\n midSize: 0,\n density: 0.79,\n blending: 0.4,\n speed: 2,\n frame: 0,\n },\n};\n\nexport const linearPreset: GodRaysPreset = {\n name: 'Linear',\n params: {\n ...defaultObjectSizing,\n offsetX: 0.2,\n offsetY: -0.7,\n colorBack: 'hsla(0, 0%, 0%, 1)',\n colors: ['hsl(0 0% 100% / 12%)', 'hsl(0 0% 100% / 24%)', 'hsl(0 0% 100% / 16%)'],\n frequency: 1.2,\n spotty: 0.25,\n midSize: 1.1,\n midIntensity: 0.75,\n density: 0.79,\n blending: 1,\n speed: 0.5,\n frame: 0,\n },\n};\n\nexport const etherPreset: GodRaysPreset = {\n name: 'Ether',\n params: {\n ...defaultObjectSizing,\n offsetX: -0.6,\n colorBack: 'hsl(226.7 50% 7.1% / 100%)',\n colors: ['hsl(215 100% 53.9% / 65.1%)', 'hsl(214.4 85.9% 86.1% / 74.9%)', 'hsl(225 31.4% 20% / 100%)'],\n frequency: 0.3,\n spotty: 0.77,\n midSize: 1.1,\n midIntensity: 0.5,\n density: 0.6,\n blending: 0.6,\n speed: 1,\n frame: 0,\n },\n};\n\nexport const godRaysPresets: GodRaysPreset[] = [defaultPreset, auroraPreset, warpPreset, linearPreset, etherPreset];\n\nexport const GodRays: React.FC<GodRaysProps> = memo(function GodRaysImpl({\n // Own props\n speed = defaultPreset.params.speed,\n frame = defaultPreset.params.frame,\n colorBack = defaultPreset.params.colorBack,\n colors = defaultPreset.params.colors,\n frequency = defaultPreset.params.frequency,\n spotty = defaultPreset.params.spotty,\n midIntensity = defaultPreset.params.midIntensity,\n midSize = defaultPreset.params.midSize,\n density = defaultPreset.params.density,\n blending = defaultPreset.params.blending,\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}: GodRaysProps) {\n const uniforms = {\n // Own uniforms\n u_colorBack: getShaderColorFromString(colorBack),\n u_colors: colors.map(getShaderColorFromString),\n u_colorsCount: colors.length,\n u_frequency: frequency,\n u_spotty: spotty,\n u_midIntensity: midIntensity,\n u_midSize: midSize,\n u_density: density,\n u_blending: blending,\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 GodRaysUniforms;\n\n return (\n <ShaderMount {...props} speed={speed} frame={frame} fragmentShader={godRaysFragmentShader} uniforms={uniforms} />\n );\n}, colorPropsAreEqual);\n"],
5
- "mappings": "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",
6
- "names": []
7
- }
@@ -1,16 +0,0 @@
1
- import { type ShaderComponentProps } from '../shader-mount';
2
- import { type GrainGradientParams, type ShaderPreset } from '@paper-design/shaders';
3
- export interface GrainGradientProps extends ShaderComponentProps, GrainGradientParams {
4
- }
5
- type GrainGradientPreset = ShaderPreset<GrainGradientParams>;
6
- export declare const defaultPreset: GrainGradientPreset;
7
- export declare const dotsPreset: GrainGradientPreset;
8
- export declare const truchetPreset: GrainGradientPreset;
9
- export declare const cornersPreset: GrainGradientPreset;
10
- export declare const ripplePreset: GrainGradientPreset;
11
- export declare const blobPreset: GrainGradientPreset;
12
- export declare const spherePreset: GrainGradientPreset;
13
- export declare const moonPreset: GrainGradientPreset;
14
- export declare const grainGradientPresets: GrainGradientPreset[];
15
- export declare const GrainGradient: React.FC<GrainGradientProps>;
16
- export {};