@paper-design/shaders-react 0.0.0-canary.390a3d9

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 (102) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +29 -0
  3. package/dist/color-props-are-equal.d.ts +6 -0
  4. package/dist/color-props-are-equal.js +34 -0
  5. package/dist/color-props-are-equal.js.map +7 -0
  6. package/dist/index.d.ts +86 -0
  7. package/dist/index.js +129 -0
  8. package/dist/index.js.map +7 -0
  9. package/dist/shader-mount.d.ts +38 -0
  10. package/dist/shader-mount.js +149 -0
  11. package/dist/shader-mount.js.map +7 -0
  12. package/dist/shaders/color-panels.d.ts +12 -0
  13. package/dist/shaders/color-panels.js +173 -0
  14. package/dist/shaders/color-panels.js.map +7 -0
  15. package/dist/shaders/dithering.d.ts +16 -0
  16. package/dist/shaders/dithering.js +158 -0
  17. package/dist/shaders/dithering.js.map +7 -0
  18. package/dist/shaders/dot-grid.d.ts +9 -0
  19. package/dist/shaders/dot-grid.js +139 -0
  20. package/dist/shaders/dot-grid.js.map +7 -0
  21. package/dist/shaders/dot-orbit.d.ts +12 -0
  22. package/dist/shaders/dot-orbit.js +130 -0
  23. package/dist/shaders/dot-orbit.js.map +7 -0
  24. package/dist/shaders/fluted-glass.d.ts +14 -0
  25. package/dist/shaders/fluted-glass.js +183 -0
  26. package/dist/shaders/fluted-glass.js.map +7 -0
  27. package/dist/shaders/god-rays.d.ts +12 -0
  28. package/dist/shaders/god-rays.js +150 -0
  29. package/dist/shaders/god-rays.js.map +7 -0
  30. package/dist/shaders/grain-gradient.d.ts +14 -0
  31. package/dist/shaders/grain-gradient.js +177 -0
  32. package/dist/shaders/grain-gradient.js.map +7 -0
  33. package/dist/shaders/heatmap.d.ts +14 -0
  34. package/dist/shaders/heatmap.js +161 -0
  35. package/dist/shaders/heatmap.js.map +7 -0
  36. package/dist/shaders/image-dithering.d.ts +14 -0
  37. package/dist/shaders/image-dithering.js +145 -0
  38. package/dist/shaders/image-dithering.js.map +7 -0
  39. package/dist/shaders/image-halftone-dots.d.ts +12 -0
  40. package/dist/shaders/image-halftone-dots.js +171 -0
  41. package/dist/shaders/image-halftone-dots.js.map +7 -0
  42. package/dist/shaders/liquid-metal.d.ts +16 -0
  43. package/dist/shaders/liquid-metal.js +201 -0
  44. package/dist/shaders/liquid-metal.js.map +7 -0
  45. package/dist/shaders/mesh-gradient.d.ts +12 -0
  46. package/dist/shaders/mesh-gradient.js +129 -0
  47. package/dist/shaders/mesh-gradient.js.map +7 -0
  48. package/dist/shaders/metaballs.d.ts +12 -0
  49. package/dist/shaders/metaballs.js +121 -0
  50. package/dist/shaders/metaballs.js.map +7 -0
  51. package/dist/shaders/neuro-noise.d.ts +12 -0
  52. package/dist/shaders/neuro-noise.js +126 -0
  53. package/dist/shaders/neuro-noise.js.map +7 -0
  54. package/dist/shaders/paper-texture.d.ts +20 -0
  55. package/dist/shaders/paper-texture.js +198 -0
  56. package/dist/shaders/paper-texture.js.map +7 -0
  57. package/dist/shaders/perlin-noise.d.ts +12 -0
  58. package/dist/shaders/perlin-noise.js +142 -0
  59. package/dist/shaders/perlin-noise.js.map +7 -0
  60. package/dist/shaders/pulsing-border.d.ts +12 -0
  61. package/dist/shaders/pulsing-border.js +216 -0
  62. package/dist/shaders/pulsing-border.js.map +7 -0
  63. package/dist/shaders/simplex-noise.d.ts +12 -0
  64. package/dist/shaders/simplex-noise.js +125 -0
  65. package/dist/shaders/simplex-noise.js.map +7 -0
  66. package/dist/shaders/smoke-ring.d.ts +12 -0
  67. package/dist/shaders/smoke-ring.js +137 -0
  68. package/dist/shaders/smoke-ring.js.map +7 -0
  69. package/dist/shaders/spiral.d.ts +12 -0
  70. package/dist/shaders/spiral.js +151 -0
  71. package/dist/shaders/spiral.js.map +7 -0
  72. package/dist/shaders/static-mesh-gradient.d.ts +12 -0
  73. package/dist/shaders/static-mesh-gradient.js +158 -0
  74. package/dist/shaders/static-mesh-gradient.js.map +7 -0
  75. package/dist/shaders/static-radial-gradient.d.ts +12 -0
  76. package/dist/shaders/static-radial-gradient.js +178 -0
  77. package/dist/shaders/static-radial-gradient.js.map +7 -0
  78. package/dist/shaders/swirl.d.ts +12 -0
  79. package/dist/shaders/swirl.js +146 -0
  80. package/dist/shaders/swirl.js.map +7 -0
  81. package/dist/shaders/voronoi.d.ts +12 -0
  82. package/dist/shaders/voronoi.js +137 -0
  83. package/dist/shaders/voronoi.js.map +7 -0
  84. package/dist/shaders/warp.d.ts +14 -0
  85. package/dist/shaders/warp.js +194 -0
  86. package/dist/shaders/warp.js.map +7 -0
  87. package/dist/shaders/water.d.ts +14 -0
  88. package/dist/shaders/water.js +148 -0
  89. package/dist/shaders/water.js.map +7 -0
  90. package/dist/shaders/waves.d.ts +12 -0
  91. package/dist/shaders/waves.js +136 -0
  92. package/dist/shaders/waves.js.map +7 -0
  93. package/dist/suspend.d.ts +8 -0
  94. package/dist/suspend.js +43 -0
  95. package/dist/suspend.js.map +7 -0
  96. package/dist/transparent-pixel.d.ts +1 -0
  97. package/dist/transparent-pixel.js +10 -0
  98. package/dist/transparent-pixel.js.map +7 -0
  99. package/dist/use-merge-refs.d.ts +6 -0
  100. package/dist/use-merge-refs.js +48 -0
  101. package/dist/use-merge-refs.js.map +7 -0
  102. package/package.json +41 -0
@@ -0,0 +1,178 @@
1
+ /* * * * * * * * * * * * * * * * * * * * * * * * * * * *
2
+ * Paper Shaders *
3
+ * https://github.com/paper-design/shaders *
4
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * */
5
+
6
+ import { memo } from "react";
7
+ import { ShaderMount } from "../shader-mount.js";
8
+ import { colorPropsAreEqual } from "../color-props-are-equal.js";
9
+ import {
10
+ defaultObjectSizing,
11
+ getShaderColorFromString,
12
+ staticRadialGradientFragmentShader,
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: 0,
22
+ frame: 0,
23
+ colorBack: "#000000",
24
+ colors: ["#00bbff", "#00ffe1", "#ffffff"],
25
+ radius: 0.8,
26
+ focalDistance: 0.99,
27
+ focalAngle: 0,
28
+ falloff: 0.24,
29
+ mixing: 0.35,
30
+ distortion: 0,
31
+ distortionShift: 0,
32
+ distortionFreq: 12,
33
+ grainMixer: 0,
34
+ grainOverlay: 0
35
+ }
36
+ };
37
+ const crossSectionPreset = {
38
+ name: "Cross Section",
39
+ params: {
40
+ ...defaultObjectSizing,
41
+ scale: 1,
42
+ speed: 0,
43
+ frame: 0,
44
+ colorBack: "#3d348b",
45
+ colors: ["#7678ed", "#f7b801", "#f18701", "#37a066"],
46
+ radius: 1,
47
+ focalDistance: 0,
48
+ focalAngle: 0,
49
+ falloff: 0,
50
+ mixing: 0,
51
+ distortion: 1,
52
+ distortionShift: 0,
53
+ distortionFreq: 12,
54
+ grainMixer: 0,
55
+ grainOverlay: 0
56
+ }
57
+ };
58
+ const radialPreset = {
59
+ name: "Radial",
60
+ params: {
61
+ ...defaultObjectSizing,
62
+ scale: 1,
63
+ speed: 0,
64
+ frame: 0,
65
+ colorBack: "#264653",
66
+ colors: ["#9c2b2b", "#f4a261", "#ffffff"],
67
+ radius: 1,
68
+ focalDistance: 0,
69
+ focalAngle: 0,
70
+ falloff: 0,
71
+ mixing: 0.7,
72
+ distortion: 0,
73
+ distortionShift: 0,
74
+ distortionFreq: 12,
75
+ grainMixer: 0,
76
+ grainOverlay: 0
77
+ }
78
+ };
79
+ const loFiPreset = {
80
+ name: "Lo-Fi",
81
+ params: {
82
+ ...defaultObjectSizing,
83
+ speed: 0,
84
+ frame: 0,
85
+ colorBack: "#2e1f27",
86
+ colors: ["#d72638", "#3f88c5", "#f49d37"],
87
+ radius: 1,
88
+ focalDistance: 0,
89
+ focalAngle: 0,
90
+ falloff: 0.9,
91
+ mixing: 0.5,
92
+ distortion: 0,
93
+ distortionShift: 0,
94
+ distortionFreq: 12,
95
+ grainMixer: 1,
96
+ grainOverlay: 0.5
97
+ }
98
+ };
99
+ const staticRadialGradientPresets = [
100
+ defaultPreset,
101
+ loFiPreset,
102
+ crossSectionPreset,
103
+ radialPreset
104
+ ];
105
+ const StaticRadialGradient = memo(function StaticRadialGradientImpl({
106
+ // Own props
107
+ speed = defaultPreset.params.speed,
108
+ frame = defaultPreset.params.frame,
109
+ colorBack = defaultPreset.params.colorBack,
110
+ colors = defaultPreset.params.colors,
111
+ radius = defaultPreset.params.radius,
112
+ focalDistance = defaultPreset.params.focalDistance,
113
+ focalAngle = defaultPreset.params.focalAngle,
114
+ falloff = defaultPreset.params.falloff,
115
+ grainMixer = defaultPreset.params.grainMixer,
116
+ mixing = defaultPreset.params.mixing,
117
+ distortion = defaultPreset.params.distortion,
118
+ distortionShift = defaultPreset.params.distortionShift,
119
+ distortionFreq = defaultPreset.params.distortionFreq,
120
+ grainOverlay = defaultPreset.params.grainOverlay,
121
+ // Sizing props
122
+ fit = defaultPreset.params.fit,
123
+ rotation = defaultPreset.params.rotation,
124
+ scale = defaultPreset.params.scale,
125
+ originX = defaultPreset.params.originX,
126
+ originY = defaultPreset.params.originY,
127
+ offsetX = defaultPreset.params.offsetX,
128
+ offsetY = defaultPreset.params.offsetY,
129
+ worldWidth = defaultPreset.params.worldWidth,
130
+ worldHeight = defaultPreset.params.worldHeight,
131
+ ...props
132
+ }) {
133
+ const uniforms = {
134
+ // Own uniforms
135
+ u_colorBack: getShaderColorFromString(colorBack),
136
+ u_colors: colors.map(getShaderColorFromString),
137
+ u_colorsCount: colors.length,
138
+ u_radius: radius,
139
+ u_focalDistance: focalDistance,
140
+ u_focalAngle: focalAngle,
141
+ u_falloff: falloff,
142
+ u_mixing: mixing,
143
+ u_distortion: distortion,
144
+ u_distortionShift: distortionShift,
145
+ u_distortionFreq: distortionFreq,
146
+ u_grainMixer: grainMixer,
147
+ u_grainOverlay: grainOverlay,
148
+ // Sizing uniforms
149
+ u_fit: ShaderFitOptions[fit],
150
+ u_rotation: rotation,
151
+ u_scale: scale,
152
+ u_offsetX: offsetX,
153
+ u_offsetY: offsetY,
154
+ u_originX: originX,
155
+ u_originY: originY,
156
+ u_worldWidth: worldWidth,
157
+ u_worldHeight: worldHeight
158
+ };
159
+ return /* @__PURE__ */ jsx(
160
+ ShaderMount,
161
+ {
162
+ ...props,
163
+ speed,
164
+ frame,
165
+ fragmentShader: staticRadialGradientFragmentShader,
166
+ uniforms
167
+ }
168
+ );
169
+ }, colorPropsAreEqual);
170
+ export {
171
+ StaticRadialGradient,
172
+ crossSectionPreset,
173
+ defaultPreset,
174
+ loFiPreset,
175
+ radialPreset,
176
+ staticRadialGradientPresets
177
+ };
178
+ //# sourceMappingURL=static-radial-gradient.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/shaders/static-radial-gradient.tsx"],
4
+ "sourcesContent": ["import { memo } from 'react';\nimport { ShaderMount, type ShaderComponentProps } from '../shader-mount.js';\nimport { colorPropsAreEqual } from '../color-props-are-equal.js';\nimport {\n defaultObjectSizing,\n getShaderColorFromString,\n staticRadialGradientFragmentShader,\n ShaderFitOptions,\n type StaticRadialGradientParams,\n type StaticRadialGradientUniforms,\n type ShaderPreset,\n} from '@paper-design/shaders';\n\nexport interface StaticRadialGradientProps extends ShaderComponentProps, StaticRadialGradientParams {}\n\ntype StaticRadialGradientPreset = ShaderPreset<StaticRadialGradientParams>;\n\nexport const defaultPreset: StaticRadialGradientPreset = {\n name: 'Default',\n params: {\n ...defaultObjectSizing,\n scale: 1,\n speed: 0,\n frame: 0,\n colorBack: '#000000',\n colors: ['#00bbff', '#00ffe1', '#ffffff'],\n radius: 0.8,\n focalDistance: 0.99,\n focalAngle: 0,\n falloff: 0.24,\n mixing: 0.35,\n distortion: 0.0,\n distortionShift: 0,\n distortionFreq: 12,\n grainMixer: 0.0,\n grainOverlay: 0.0,\n },\n};\n\nexport const crossSectionPreset: StaticRadialGradientPreset = {\n name: 'Cross Section',\n params: {\n ...defaultObjectSizing,\n scale: 1,\n speed: 0,\n frame: 0,\n colorBack: '#3d348b',\n colors: ['#7678ed', '#f7b801', '#f18701', '#37a066'],\n radius: 1,\n focalDistance: 0,\n focalAngle: 0,\n falloff: 0,\n mixing: 0,\n distortion: 1,\n distortionShift: 0,\n distortionFreq: 12,\n grainMixer: 0,\n grainOverlay: 0,\n },\n};\n\nexport const radialPreset: StaticRadialGradientPreset = {\n name: 'Radial',\n params: {\n ...defaultObjectSizing,\n scale: 1,\n speed: 0,\n frame: 0,\n colorBack: '#264653',\n colors: ['#9c2b2b', '#f4a261', '#ffffff'],\n radius: 1,\n focalDistance: 0,\n focalAngle: 0,\n falloff: 0,\n mixing: 0.7,\n distortion: 0,\n distortionShift: 0,\n distortionFreq: 12,\n grainMixer: 0,\n grainOverlay: 0,\n },\n};\n\nexport const loFiPreset: StaticRadialGradientPreset = {\n name: 'Lo-Fi',\n params: {\n ...defaultObjectSizing,\n speed: 0,\n frame: 0,\n colorBack: '#2e1f27',\n colors: ['#d72638', '#3f88c5', '#f49d37'],\n radius: 1,\n focalDistance: 0,\n focalAngle: 0,\n falloff: 0.9,\n mixing: 0.5,\n distortion: 0,\n distortionShift: 0,\n distortionFreq: 12,\n grainMixer: 1,\n grainOverlay: 0.5,\n },\n};\n\nexport const staticRadialGradientPresets: StaticRadialGradientPreset[] = [\n defaultPreset,\n loFiPreset,\n crossSectionPreset,\n radialPreset,\n];\n\nexport const StaticRadialGradient: React.FC<StaticRadialGradientProps> = memo(function StaticRadialGradientImpl({\n // Own props\n speed = defaultPreset.params.speed,\n frame = defaultPreset.params.frame,\n colorBack = defaultPreset.params.colorBack,\n colors = defaultPreset.params.colors,\n radius = defaultPreset.params.radius,\n focalDistance = defaultPreset.params.focalDistance,\n focalAngle = defaultPreset.params.focalAngle,\n falloff = defaultPreset.params.falloff,\n grainMixer = defaultPreset.params.grainMixer,\n mixing = defaultPreset.params.mixing,\n distortion = defaultPreset.params.distortion,\n distortionShift = defaultPreset.params.distortionShift,\n distortionFreq = defaultPreset.params.distortionFreq,\n grainOverlay = defaultPreset.params.grainOverlay,\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}: StaticRadialGradientProps) {\n const uniforms = {\n // Own uniforms\n u_colorBack: getShaderColorFromString(colorBack),\n u_colors: colors.map(getShaderColorFromString),\n u_colorsCount: colors.length,\n u_radius: radius,\n u_focalDistance: focalDistance,\n u_focalAngle: focalAngle,\n u_falloff: falloff,\n u_mixing: mixing,\n u_distortion: distortion,\n u_distortionShift: distortionShift,\n u_distortionFreq: distortionFreq,\n u_grainMixer: grainMixer,\n u_grainOverlay: grainOverlay,\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 StaticRadialGradientUniforms;\n\n return (\n <ShaderMount\n {...props}\n speed={speed}\n frame={frame}\n fragmentShader={staticRadialGradientFragmentShader}\n uniforms={uniforms}\n />\n );\n}, colorPropsAreEqual);\n"],
5
+ "mappings": "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",
6
+ "names": []
7
+ }
@@ -0,0 +1,12 @@
1
+ import { type ShaderComponentProps } from '../shader-mount.js';
2
+ import { type ShaderPreset, type SwirlParams } from '@paper-design/shaders';
3
+ export interface SwirlProps extends ShaderComponentProps, SwirlParams {
4
+ }
5
+ type SwirlPreset = ShaderPreset<SwirlParams>;
6
+ export declare const defaultPreset: SwirlPreset;
7
+ export declare const openingPreset: SwirlPreset;
8
+ export declare const jamesBondPreset: SwirlPreset;
9
+ export declare const candyPreset: SwirlPreset;
10
+ export declare const swirlPresets: SwirlPreset[];
11
+ export declare const Swirl: React.FC<SwirlProps>;
12
+ export {};
@@ -0,0 +1,146 @@
1
+ /* * * * * * * * * * * * * * * * * * * * * * * * * * * *
2
+ * Paper Shaders *
3
+ * https://github.com/paper-design/shaders *
4
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * */
5
+
6
+ import { memo } from "react";
7
+ import { ShaderMount } from "../shader-mount.js";
8
+ import {
9
+ defaultObjectSizing,
10
+ getShaderColorFromString,
11
+ ShaderFitOptions,
12
+ swirlFragmentShader
13
+ } from "@paper-design/shaders";
14
+ import { colorPropsAreEqual } from "../color-props-are-equal.js";
15
+ import { jsx } from "react/jsx-runtime";
16
+ const defaultPreset = {
17
+ name: "Default",
18
+ params: {
19
+ ...defaultObjectSizing,
20
+ speed: 0.32,
21
+ frame: 0,
22
+ colorBack: "#330000",
23
+ colors: ["#ffd1d1", "#ff8a8a", "#660000"],
24
+ bandCount: 4,
25
+ twist: 0.1,
26
+ center: 0.2,
27
+ proportion: 0.5,
28
+ softness: 0,
29
+ noiseFrequency: 0.4,
30
+ noise: 0.2
31
+ }
32
+ };
33
+ const openingPreset = {
34
+ name: "Opening",
35
+ params: {
36
+ ...defaultObjectSizing,
37
+ offsetX: -0.4,
38
+ offsetY: 1,
39
+ speed: 0.5,
40
+ frame: 0,
41
+ colorBack: "#ff8b61",
42
+ colors: ["#fefff0", "#ffd8bd", "#ff8b61"],
43
+ bandCount: 2,
44
+ twist: 0.3,
45
+ center: 0.2,
46
+ proportion: 0.5,
47
+ softness: 0,
48
+ noiseFrequency: 0,
49
+ noise: 0,
50
+ scale: 1
51
+ }
52
+ };
53
+ const jamesBondPreset = {
54
+ name: "007",
55
+ params: {
56
+ ...defaultObjectSizing,
57
+ speed: 1,
58
+ frame: 0,
59
+ colorBack: "#E9E7DA",
60
+ colors: ["#000000"],
61
+ bandCount: 5,
62
+ twist: 0.3,
63
+ center: 0,
64
+ proportion: 0,
65
+ softness: 0,
66
+ noiseFrequency: 0.5,
67
+ noise: 0
68
+ }
69
+ };
70
+ const candyPreset = {
71
+ name: "Candy",
72
+ params: {
73
+ ...defaultObjectSizing,
74
+ speed: 1,
75
+ frame: 0,
76
+ colorBack: "#ffcd66",
77
+ colors: ["#6bbceb", "#d7b3ff", "#ff9fff"],
78
+ bandCount: 2,
79
+ twist: 0.15,
80
+ center: 0.2,
81
+ proportion: 0.5,
82
+ softness: 1,
83
+ noiseFrequency: 0.5,
84
+ noise: 0
85
+ }
86
+ };
87
+ const swirlPresets = [defaultPreset, jamesBondPreset, openingPreset, candyPreset];
88
+ const Swirl = memo(function SwirlImpl({
89
+ // Own props
90
+ speed = defaultPreset.params.speed,
91
+ frame = defaultPreset.params.frame,
92
+ colorBack = defaultPreset.params.colorBack,
93
+ colors = defaultPreset.params.colors,
94
+ bandCount = defaultPreset.params.bandCount,
95
+ twist = defaultPreset.params.twist,
96
+ center = defaultPreset.params.center,
97
+ proportion = defaultPreset.params.proportion,
98
+ softness = defaultPreset.params.softness,
99
+ noiseFrequency = defaultPreset.params.noiseFrequency,
100
+ noise = defaultPreset.params.noise,
101
+ // Sizing props
102
+ fit = defaultPreset.params.fit,
103
+ rotation = defaultPreset.params.rotation,
104
+ scale = defaultPreset.params.scale,
105
+ originX = defaultPreset.params.originX,
106
+ originY = defaultPreset.params.originY,
107
+ offsetX = defaultPreset.params.offsetX,
108
+ offsetY = defaultPreset.params.offsetY,
109
+ worldWidth = defaultPreset.params.worldWidth,
110
+ worldHeight = defaultPreset.params.worldHeight,
111
+ ...props
112
+ }) {
113
+ const uniforms = {
114
+ // Own uniforms
115
+ u_colorBack: getShaderColorFromString(colorBack),
116
+ u_colors: colors.map(getShaderColorFromString),
117
+ u_colorsCount: colors.length,
118
+ u_bandCount: bandCount,
119
+ u_twist: twist,
120
+ u_center: center,
121
+ u_proportion: proportion,
122
+ u_softness: softness,
123
+ u_noiseFrequency: noiseFrequency,
124
+ u_noise: noise,
125
+ // Sizing uniforms
126
+ u_fit: ShaderFitOptions[fit],
127
+ u_scale: scale,
128
+ u_rotation: rotation,
129
+ u_offsetX: offsetX,
130
+ u_offsetY: offsetY,
131
+ u_originX: originX,
132
+ u_originY: originY,
133
+ u_worldWidth: worldWidth,
134
+ u_worldHeight: worldHeight
135
+ };
136
+ return /* @__PURE__ */ jsx(ShaderMount, { ...props, speed, frame, fragmentShader: swirlFragmentShader, uniforms });
137
+ }, colorPropsAreEqual);
138
+ export {
139
+ Swirl,
140
+ candyPreset,
141
+ defaultPreset,
142
+ jamesBondPreset,
143
+ openingPreset,
144
+ swirlPresets
145
+ };
146
+ //# sourceMappingURL=swirl.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/shaders/swirl.tsx"],
4
+ "sourcesContent": ["import { memo } from 'react';\nimport { ShaderMount, type ShaderComponentProps } from '../shader-mount.js';\nimport {\n defaultObjectSizing,\n getShaderColorFromString,\n ShaderFitOptions,\n swirlFragmentShader,\n type ShaderPreset,\n type SwirlParams,\n type SwirlUniforms,\n} from '@paper-design/shaders';\nimport { colorPropsAreEqual } from '../color-props-are-equal.js';\n\nexport interface SwirlProps extends ShaderComponentProps, SwirlParams {}\n\ntype SwirlPreset = ShaderPreset<SwirlParams>;\n\nexport const defaultPreset: SwirlPreset = {\n name: 'Default',\n params: {\n ...defaultObjectSizing,\n speed: 0.32,\n frame: 0,\n colorBack: '#330000',\n colors: ['#ffd1d1', '#ff8a8a', '#660000'],\n bandCount: 4,\n twist: 0.1,\n center: 0.2,\n proportion: 0.5,\n softness: 0,\n noiseFrequency: 0.4,\n noise: 0.2,\n },\n};\n\nexport const openingPreset: SwirlPreset = {\n name: 'Opening',\n params: {\n ...defaultObjectSizing,\n offsetX: -0.4,\n offsetY: 1,\n speed: 0.5,\n frame: 0,\n colorBack: '#ff8b61',\n colors: ['#fefff0', '#ffd8bd', '#ff8b61'],\n bandCount: 2,\n twist: 0.3,\n center: 0.2,\n proportion: 0.5,\n softness: 0,\n noiseFrequency: 0,\n noise: 0,\n scale: 1,\n },\n} as const;\n\nexport const jamesBondPreset: SwirlPreset = {\n name: '007',\n params: {\n ...defaultObjectSizing,\n speed: 1,\n frame: 0,\n colorBack: '#E9E7DA',\n colors: ['#000000'],\n bandCount: 5,\n twist: 0.3,\n center: 0,\n proportion: 0,\n softness: 0,\n noiseFrequency: 0.5,\n noise: 0,\n },\n} as const;\n\nexport const candyPreset: SwirlPreset = {\n name: 'Candy',\n params: {\n ...defaultObjectSizing,\n speed: 1,\n frame: 0,\n colorBack: '#ffcd66',\n colors: ['#6bbceb', '#d7b3ff', '#ff9fff'],\n bandCount: 2,\n twist: 0.15,\n center: 0.2,\n proportion: 0.5,\n softness: 1,\n noiseFrequency: 0.5,\n noise: 0,\n },\n} as const;\n\nexport const swirlPresets: SwirlPreset[] = [defaultPreset, jamesBondPreset, openingPreset, candyPreset];\n\nexport const Swirl: React.FC<SwirlProps> = memo(function SwirlImpl({\n // Own props\n speed = defaultPreset.params.speed,\n frame = defaultPreset.params.frame,\n colorBack = defaultPreset.params.colorBack,\n colors = defaultPreset.params.colors,\n bandCount = defaultPreset.params.bandCount,\n twist = defaultPreset.params.twist,\n center = defaultPreset.params.center,\n proportion = defaultPreset.params.proportion,\n softness = defaultPreset.params.softness,\n noiseFrequency = defaultPreset.params.noiseFrequency,\n noise = defaultPreset.params.noise,\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}: SwirlProps) {\n const uniforms = {\n // Own uniforms\n u_colorBack: getShaderColorFromString(colorBack),\n u_colors: colors.map(getShaderColorFromString),\n u_colorsCount: colors.length,\n u_bandCount: bandCount,\n u_twist: twist,\n u_center: center,\n u_proportion: proportion,\n u_softness: softness,\n u_noiseFrequency: noiseFrequency,\n u_noise: noise,\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 SwirlUniforms;\n\n return (\n <ShaderMount {...props} speed={speed} frame={frame} fragmentShader={swirlFragmentShader} uniforms={uniforms} />\n );\n}, colorPropsAreEqual);\n"],
5
+ "mappings": "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",
6
+ "names": []
7
+ }
@@ -0,0 +1,12 @@
1
+ import { type ShaderComponentProps } from '../shader-mount.js';
2
+ import { type VoronoiParams, type ShaderPreset } from '@paper-design/shaders';
3
+ export interface VoronoiProps extends ShaderComponentProps, VoronoiParams {
4
+ }
5
+ type VoronoiPreset = ShaderPreset<VoronoiParams>;
6
+ export declare const defaultPreset: VoronoiPreset;
7
+ export declare const cellsPreset: VoronoiPreset;
8
+ export declare const bubblesPreset: VoronoiPreset;
9
+ export declare const lightsPreset: VoronoiPreset;
10
+ export declare const voronoiPresets: VoronoiPreset[];
11
+ export declare const Voronoi: React.FC<VoronoiProps>;
12
+ export {};
@@ -0,0 +1,137 @@
1
+ /* * * * * * * * * * * * * * * * * * * * * * * * * * * *
2
+ * Paper Shaders *
3
+ * https://github.com/paper-design/shaders *
4
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * */
5
+
6
+ import { memo } from "react";
7
+ import { ShaderMount } from "../shader-mount.js";
8
+ import { colorPropsAreEqual } from "../color-props-are-equal.js";
9
+ import {
10
+ defaultPatternSizing,
11
+ getShaderColorFromString,
12
+ getShaderNoiseTexture,
13
+ voronoiFragmentShader,
14
+ ShaderFitOptions
15
+ } from "@paper-design/shaders";
16
+ import { jsx } from "react/jsx-runtime";
17
+ const defaultPreset = {
18
+ name: "Default",
19
+ params: {
20
+ ...defaultPatternSizing,
21
+ speed: 0.5,
22
+ frame: 0,
23
+ colors: ["#ff8247", "#ffe53d"],
24
+ stepsPerColor: 3,
25
+ colorGlow: "#ffffff",
26
+ colorGap: "#2e0000",
27
+ distortion: 0.4,
28
+ gap: 0.04,
29
+ glow: 0,
30
+ scale: 0.5
31
+ }
32
+ };
33
+ const cellsPreset = {
34
+ name: "Cells",
35
+ params: {
36
+ ...defaultPatternSizing,
37
+ scale: 0.5,
38
+ speed: 0.5,
39
+ frame: 0,
40
+ colors: ["#ffffff"],
41
+ stepsPerColor: 1,
42
+ colorGlow: "#ffffff",
43
+ colorGap: "#000000",
44
+ distortion: 0.5,
45
+ gap: 0.03,
46
+ glow: 0.8
47
+ }
48
+ };
49
+ const bubblesPreset = {
50
+ name: "Bubbles",
51
+ params: {
52
+ ...defaultPatternSizing,
53
+ scale: 0.75,
54
+ speed: 0.5,
55
+ frame: 0,
56
+ colors: ["#83c9fb"],
57
+ stepsPerColor: 1,
58
+ colorGlow: "#ffffff",
59
+ colorGap: "#ffffff",
60
+ distortion: 0.4,
61
+ gap: 0,
62
+ glow: 1
63
+ }
64
+ };
65
+ const lightsPreset = {
66
+ name: "Lights",
67
+ params: {
68
+ ...defaultPatternSizing,
69
+ scale: 3.3,
70
+ speed: 0.5,
71
+ frame: 0,
72
+ colors: ["#fffffffc", "#bbff00", "#00ffff"],
73
+ colorGlow: "#ff00d0",
74
+ colorGap: "#ff00d0",
75
+ stepsPerColor: 2,
76
+ distortion: 0.38,
77
+ gap: 0,
78
+ glow: 1
79
+ }
80
+ };
81
+ const voronoiPresets = [defaultPreset, lightsPreset, cellsPreset, bubblesPreset];
82
+ const Voronoi = memo(function VoronoiImpl({
83
+ // Own props
84
+ speed = defaultPreset.params.speed,
85
+ frame = defaultPreset.params.frame,
86
+ colors = defaultPreset.params.colors,
87
+ stepsPerColor = defaultPreset.params.stepsPerColor,
88
+ colorGlow = defaultPreset.params.colorGlow,
89
+ colorGap = defaultPreset.params.colorGap,
90
+ distortion = defaultPreset.params.distortion,
91
+ gap = defaultPreset.params.gap,
92
+ glow = defaultPreset.params.glow,
93
+ // Sizing props
94
+ fit = defaultPreset.params.fit,
95
+ scale = defaultPreset.params.scale,
96
+ rotation = defaultPreset.params.rotation,
97
+ originX = defaultPreset.params.originX,
98
+ originY = defaultPreset.params.originY,
99
+ offsetX = defaultPreset.params.offsetX,
100
+ offsetY = defaultPreset.params.offsetY,
101
+ worldWidth = defaultPreset.params.worldWidth,
102
+ worldHeight = defaultPreset.params.worldHeight,
103
+ ...props
104
+ }) {
105
+ const uniforms = {
106
+ // Own uniforms
107
+ u_colors: colors.map(getShaderColorFromString),
108
+ u_colorsCount: colors.length,
109
+ u_stepsPerColor: stepsPerColor,
110
+ u_colorGlow: getShaderColorFromString(colorGlow),
111
+ u_colorGap: getShaderColorFromString(colorGap),
112
+ u_distortion: distortion,
113
+ u_gap: gap,
114
+ u_glow: glow,
115
+ u_noiseTexture: getShaderNoiseTexture(),
116
+ // Sizing uniforms
117
+ u_fit: ShaderFitOptions[fit],
118
+ u_scale: scale,
119
+ u_rotation: rotation,
120
+ u_offsetX: offsetX,
121
+ u_offsetY: offsetY,
122
+ u_originX: originX,
123
+ u_originY: originY,
124
+ u_worldWidth: worldWidth,
125
+ u_worldHeight: worldHeight
126
+ };
127
+ return /* @__PURE__ */ jsx(ShaderMount, { ...props, speed, frame, fragmentShader: voronoiFragmentShader, uniforms });
128
+ }, colorPropsAreEqual);
129
+ export {
130
+ Voronoi,
131
+ bubblesPreset,
132
+ cellsPreset,
133
+ defaultPreset,
134
+ lightsPreset,
135
+ voronoiPresets
136
+ };
137
+ //# sourceMappingURL=voronoi.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/shaders/voronoi.tsx"],
4
+ "sourcesContent": ["import { memo } from 'react';\nimport { ShaderMount, type ShaderComponentProps } from '../shader-mount.js';\nimport { colorPropsAreEqual } from '../color-props-are-equal.js';\nimport {\n defaultPatternSizing,\n getShaderColorFromString,\n getShaderNoiseTexture,\n voronoiFragmentShader,\n ShaderFitOptions,\n type VoronoiParams,\n type VoronoiUniforms,\n type ShaderPreset,\n} from '@paper-design/shaders';\n\nexport interface VoronoiProps extends ShaderComponentProps, VoronoiParams {}\n\ntype VoronoiPreset = ShaderPreset<VoronoiParams>;\n\nexport const defaultPreset: VoronoiPreset = {\n name: 'Default',\n params: {\n ...defaultPatternSizing,\n speed: 0.5,\n frame: 0,\n colors: ['#ff8247', '#ffe53d'],\n stepsPerColor: 3,\n colorGlow: '#ffffff',\n colorGap: '#2e0000',\n distortion: 0.4,\n gap: 0.04,\n glow: 0,\n scale: 0.5,\n },\n};\n\nexport const cellsPreset: VoronoiPreset = {\n name: 'Cells',\n params: {\n ...defaultPatternSizing,\n scale: 0.5,\n speed: 0.5,\n frame: 0,\n colors: ['#ffffff'],\n stepsPerColor: 1,\n colorGlow: '#ffffff',\n colorGap: '#000000',\n distortion: 0.5,\n gap: 0.03,\n glow: 0.8,\n },\n};\n\nexport const bubblesPreset: VoronoiPreset = {\n name: 'Bubbles',\n params: {\n ...defaultPatternSizing,\n scale: 0.75,\n speed: 0.5,\n frame: 0,\n colors: ['#83c9fb'],\n stepsPerColor: 1,\n colorGlow: '#ffffff',\n colorGap: '#ffffff',\n distortion: 0.4,\n gap: 0,\n glow: 1,\n },\n};\n\nexport const lightsPreset: VoronoiPreset = {\n name: 'Lights',\n params: {\n ...defaultPatternSizing,\n scale: 3.3,\n speed: 0.5,\n frame: 0,\n colors: ['#fffffffc', '#bbff00', '#00ffff'],\n colorGlow: '#ff00d0',\n colorGap: '#ff00d0',\n stepsPerColor: 2,\n distortion: 0.38,\n gap: 0.0,\n glow: 1.0,\n },\n};\n\nexport const voronoiPresets: VoronoiPreset[] = [defaultPreset, lightsPreset, cellsPreset, bubblesPreset];\n\nexport const Voronoi: React.FC<VoronoiProps> = memo(function VoronoiImpl({\n // Own props\n speed = defaultPreset.params.speed,\n frame = defaultPreset.params.frame,\n colors = defaultPreset.params.colors,\n stepsPerColor = defaultPreset.params.stepsPerColor,\n colorGlow = defaultPreset.params.colorGlow,\n colorGap = defaultPreset.params.colorGap,\n distortion = defaultPreset.params.distortion,\n gap = defaultPreset.params.gap,\n glow = defaultPreset.params.glow,\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}: VoronoiProps) {\n const uniforms = {\n // Own uniforms\n u_colors: colors.map(getShaderColorFromString),\n u_colorsCount: colors.length,\n u_stepsPerColor: stepsPerColor,\n u_colorGlow: getShaderColorFromString(colorGlow),\n u_colorGap: getShaderColorFromString(colorGap),\n u_distortion: distortion,\n u_gap: gap,\n u_glow: glow,\n u_noiseTexture: getShaderNoiseTexture(),\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 VoronoiUniforms;\n\n return (\n <ShaderMount {...props} speed={speed} frame={frame} fragmentShader={voronoiFragmentShader} uniforms={uniforms} />\n );\n}, colorPropsAreEqual);\n"],
5
+ "mappings": "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",
6
+ "names": []
7
+ }
@@ -0,0 +1,14 @@
1
+ import { type ShaderComponentProps } from '../shader-mount.js';
2
+ import { type WarpParams, type ShaderPreset } from '@paper-design/shaders';
3
+ export interface WarpProps extends ShaderComponentProps, WarpParams {
4
+ }
5
+ type WarpPreset = ShaderPreset<WarpParams>;
6
+ export declare const defaultPreset: WarpPreset;
7
+ export declare const presetCauldron: WarpPreset;
8
+ export declare const presetInk: WarpPreset;
9
+ export declare const presetKelp: WarpPreset;
10
+ export declare const presetNectar: WarpPreset;
11
+ export declare const presetPassion: WarpPreset;
12
+ export declare const warpPresets: WarpPreset[];
13
+ export declare const Warp: React.FC<WarpProps>;
14
+ export {};