@paper-design/shaders-react 0.0.34 → 0.0.35-backbuffer-experiment.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -1
- package/package.json +3 -3
- package/dist/color-props-are-equal.d.ts +0 -6
- package/dist/color-props-are-equal.js +0 -34
- package/dist/color-props-are-equal.js.map +0 -7
- package/dist/index.d.ts +0 -62
- package/dist/index.js +0 -94
- package/dist/index.js.map +0 -7
- package/dist/shader-mount.d.ts +0 -26
- package/dist/shader-mount.js +0 -126
- package/dist/shader-mount.js.map +0 -7
- package/dist/shaders/color-panels.d.ts +0 -9
- package/dist/shaders/color-panels.js +0 -107
- package/dist/shaders/color-panels.js.map +0 -7
- package/dist/shaders/dithering.d.ts +0 -15
- package/dist/shaders/dithering.js +0 -170
- package/dist/shaders/dithering.js.map +0 -7
- package/dist/shaders/dot-grid.d.ts +0 -10
- package/dist/shaders/dot-grid.js +0 -230
- package/dist/shaders/dot-grid.js.map +0 -7
- package/dist/shaders/dot-orbit.d.ts +0 -9
- package/dist/shaders/dot-orbit.js +0 -80
- package/dist/shaders/dot-orbit.js.map +0 -7
- package/dist/shaders/god-rays.d.ts +0 -13
- package/dist/shaders/god-rays.js +0 -167
- package/dist/shaders/god-rays.js.map +0 -7
- package/dist/shaders/grain-gradient.d.ts +0 -16
- package/dist/shaders/grain-gradient.js +0 -208
- package/dist/shaders/grain-gradient.js.map +0 -7
- package/dist/shaders/liquid-metal.d.ts +0 -12
- package/dist/shaders/liquid-metal.js +0 -156
- package/dist/shaders/liquid-metal.js.map +0 -7
- package/dist/shaders/mesh-gradient.d.ts +0 -11
- package/dist/shaders/mesh-gradient.js +0 -104
- package/dist/shaders/mesh-gradient.js.map +0 -7
- package/dist/shaders/metaballs.d.ts +0 -9
- package/dist/shaders/metaballs.js +0 -75
- package/dist/shaders/metaballs.js.map +0 -7
- package/dist/shaders/neuro-noise.d.ts +0 -9
- package/dist/shaders/neuro-noise.js +0 -76
- package/dist/shaders/neuro-noise.js.map +0 -7
- package/dist/shaders/perlin-noise.d.ts +0 -14
- package/dist/shaders/perlin-noise.js +0 -183
- package/dist/shaders/perlin-noise.js.map +0 -7
- package/dist/shaders/pulsing-border.d.ts +0 -11
- package/dist/shaders/pulsing-border.js +0 -153
- package/dist/shaders/pulsing-border.js.map +0 -7
- package/dist/shaders/simplex-noise.d.ts +0 -9
- package/dist/shaders/simplex-noise.js +0 -80
- package/dist/shaders/simplex-noise.js.map +0 -7
- package/dist/shaders/smoke-ring.d.ts +0 -12
- package/dist/shaders/smoke-ring.js +0 -134
- package/dist/shaders/smoke-ring.js.map +0 -7
- package/dist/shaders/spiral.d.ts +0 -15
- package/dist/shaders/spiral.js +0 -218
- package/dist/shaders/spiral.js.map +0 -7
- package/dist/shaders/swirl.d.ts +0 -12
- package/dist/shaders/swirl.js +0 -136
- package/dist/shaders/swirl.js.map +0 -7
- package/dist/shaders/voronoi.d.ts +0 -10
- package/dist/shaders/voronoi.js +0 -102
- package/dist/shaders/voronoi.js.map +0 -7
- package/dist/shaders/warp.d.ts +0 -19
- package/dist/shaders/warp.js +0 -294
- package/dist/shaders/warp.js.map +0 -7
- package/dist/shaders/waves.d.ts +0 -14
- package/dist/shaders/waves.js +0 -178
- package/dist/shaders/waves.js.map +0 -7
- package/dist/use-merge-refs.d.ts +0 -6
- package/dist/use-merge-refs.js +0 -48
- package/dist/use-merge-refs.js.map +0 -7
|
@@ -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.js";
|
|
8
|
-
import { colorPropsAreEqual } from "../color-props-are-equal.js";
|
|
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.js';\nimport { colorPropsAreEqual } from '../color-props-are-equal.js';\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\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;AAoFH;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.js';
|
|
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,75 +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.js";
|
|
8
|
-
import { colorPropsAreEqual } from "../color-props-are-equal.js";
|
|
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
|
-
colorBack: "#ffffff",
|
|
24
|
-
colors: ["#b399ff", "#99ffc4", "#ffe699", "#e099ff"],
|
|
25
|
-
count: 7,
|
|
26
|
-
size: 1
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
const metaballsPresets = [defaultPreset];
|
|
30
|
-
const Metaballs = memo(function MetaballsImpl({
|
|
31
|
-
// Own props
|
|
32
|
-
speed = defaultPreset.params.speed,
|
|
33
|
-
frame = defaultPreset.params.frame,
|
|
34
|
-
colorBack = defaultPreset.params.colorBack,
|
|
35
|
-
colors = defaultPreset.params.colors,
|
|
36
|
-
size = defaultPreset.params.size,
|
|
37
|
-
count = defaultPreset.params.count,
|
|
38
|
-
// Sizing props
|
|
39
|
-
fit = defaultPreset.params.fit,
|
|
40
|
-
rotation = defaultPreset.params.rotation,
|
|
41
|
-
scale = defaultPreset.params.scale,
|
|
42
|
-
originX = defaultPreset.params.originX,
|
|
43
|
-
originY = defaultPreset.params.originY,
|
|
44
|
-
offsetX = defaultPreset.params.offsetX,
|
|
45
|
-
offsetY = defaultPreset.params.offsetY,
|
|
46
|
-
worldWidth = defaultPreset.params.worldWidth,
|
|
47
|
-
worldHeight = defaultPreset.params.worldHeight,
|
|
48
|
-
...props
|
|
49
|
-
}) {
|
|
50
|
-
const uniforms = {
|
|
51
|
-
// Own uniforms
|
|
52
|
-
u_colorBack: getShaderColorFromString(colorBack),
|
|
53
|
-
u_colors: colors.map(getShaderColorFromString),
|
|
54
|
-
u_colorsCount: colors.length,
|
|
55
|
-
u_size: size,
|
|
56
|
-
u_count: count,
|
|
57
|
-
// Sizing uniforms
|
|
58
|
-
u_fit: ShaderFitOptions[fit],
|
|
59
|
-
u_rotation: rotation,
|
|
60
|
-
u_scale: scale,
|
|
61
|
-
u_offsetX: offsetX,
|
|
62
|
-
u_offsetY: offsetY,
|
|
63
|
-
u_originX: originX,
|
|
64
|
-
u_originY: originY,
|
|
65
|
-
u_worldWidth: worldWidth,
|
|
66
|
-
u_worldHeight: worldHeight
|
|
67
|
-
};
|
|
68
|
-
return /* @__PURE__ */ jsx(ShaderMount, { ...props, speed, frame, fragmentShader: metaballsFragmentShader, uniforms });
|
|
69
|
-
}, colorPropsAreEqual);
|
|
70
|
-
export {
|
|
71
|
-
Metaballs,
|
|
72
|
-
defaultPreset,
|
|
73
|
-
metaballsPresets
|
|
74
|
-
};
|
|
75
|
-
//# 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.js';\nimport { colorPropsAreEqual } from '../color-props-are-equal.js';\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\nexport const defaultPreset: MetaballsPreset = {\n name: 'Default',\n params: {\n ...defaultObjectSizing,\n scale: 1,\n speed: 1,\n frame: 0,\n colorBack: '#ffffff',\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 colorBack = defaultPreset.params.colorBack,\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_colorBack: getShaderColorFromString(colorBack),\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;AAgEH;AA1DG,MAAM,gBAAiC;AAAA,EAC5C,MAAM;AAAA,EACN,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,WAAW;AAAA,IACX,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,YAAY,cAAc,OAAO;AAAA,EACjC,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,aAAa,yBAAyB,SAAS;AAAA,IAC/C,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.js';
|
|
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,76 +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.js";
|
|
8
|
-
import { colorPropsAreEqual } from "../color-props-are-equal.js";
|
|
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: "#ffffff",
|
|
23
|
-
colorMid: "#bf9eff",
|
|
24
|
-
colorBack: "#000000",
|
|
25
|
-
brightness: 0.3,
|
|
26
|
-
contrast: 0.6
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
const neuroNoisePresets = [defaultPreset];
|
|
30
|
-
const NeuroNoise = memo(function NeuroNoiseImpl({
|
|
31
|
-
// Own props
|
|
32
|
-
speed = defaultPreset.params.speed,
|
|
33
|
-
frame = defaultPreset.params.frame,
|
|
34
|
-
colorFront = defaultPreset.params.colorFront,
|
|
35
|
-
colorMid = defaultPreset.params.colorMid,
|
|
36
|
-
colorBack = defaultPreset.params.colorBack,
|
|
37
|
-
brightness = defaultPreset.params.brightness,
|
|
38
|
-
contrast = defaultPreset.params.contrast,
|
|
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_colorFront: getShaderColorFromString(colorFront),
|
|
54
|
-
u_colorMid: getShaderColorFromString(colorMid),
|
|
55
|
-
u_colorBack: getShaderColorFromString(colorBack),
|
|
56
|
-
u_brightness: brightness,
|
|
57
|
-
u_contrast: contrast,
|
|
58
|
-
// Sizing uniforms
|
|
59
|
-
u_fit: ShaderFitOptions[fit],
|
|
60
|
-
u_scale: scale,
|
|
61
|
-
u_rotation: rotation,
|
|
62
|
-
u_offsetX: offsetX,
|
|
63
|
-
u_offsetY: offsetY,
|
|
64
|
-
u_originX: originX,
|
|
65
|
-
u_originY: originY,
|
|
66
|
-
u_worldWidth: worldWidth,
|
|
67
|
-
u_worldHeight: worldHeight
|
|
68
|
-
};
|
|
69
|
-
return /* @__PURE__ */ jsx(ShaderMount, { ...props, speed, frame, fragmentShader: neuroNoiseFragmentShader, uniforms });
|
|
70
|
-
}, colorPropsAreEqual);
|
|
71
|
-
export {
|
|
72
|
-
NeuroNoise,
|
|
73
|
-
defaultPreset,
|
|
74
|
-
neuroNoisePresets
|
|
75
|
-
};
|
|
76
|
-
//# 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.js';\nimport { colorPropsAreEqual } from '../color-props-are-equal.js';\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\nexport const defaultPreset: NeuroNoisePreset = {\n name: 'Default',\n params: {\n ...defaultPatternSizing,\n speed: 1,\n frame: 0,\n colorFront: '#ffffff',\n colorMid: '#bf9eff',\n colorBack: '#000000',\n brightness: 0.3,\n contrast: 0.6,\n },\n};\n\nexport const neuroNoisePresets: NeuroNoisePreset[] = [defaultPreset] 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 colorMid = defaultPreset.params.colorMid,\n colorBack = defaultPreset.params.colorBack,\n brightness = defaultPreset.params.brightness,\n contrast = defaultPreset.params.contrast,\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_colorMid: getShaderColorFromString(colorMid),\n u_colorBack: getShaderColorFromString(colorBack),\n u_brightness: brightness,\n u_contrast: contrast,\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;AAiEH;AA3DG,MAAM,gBAAkC;AAAA,EAC7C,MAAM;AAAA,EACN,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,OAAO;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,oBAAwC,CAAC,aAAa;AAE5D,MAAM,aAAwC,KAAK,SAAS,eAAe;AAAA;AAAA,EAEhF,QAAQ,cAAc,OAAO;AAAA,EAC7B,QAAQ,cAAc,OAAO;AAAA,EAC7B,aAAa,cAAc,OAAO;AAAA,EAClC,WAAW,cAAc,OAAO;AAAA,EAChC,YAAY,cAAc,OAAO;AAAA,EACjC,aAAa,cAAc,OAAO;AAAA,EAClC,WAAW,cAAc,OAAO;AAAA;AAAA,EAGhC,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,YAAY,yBAAyB,QAAQ;AAAA,IAC7C,aAAa,yBAAyB,SAAS;AAAA,IAC/C,cAAc;AAAA,IACd,YAAY;AAAA;AAAA,IAGZ,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
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { type ShaderComponentProps } from '../shader-mount.js';
|
|
2
|
-
import { type PerlinNoiseParams, type ShaderPreset } from '@paper-design/shaders';
|
|
3
|
-
export interface PerlinNoiseProps extends ShaderComponentProps, PerlinNoiseParams {
|
|
4
|
-
}
|
|
5
|
-
type PerlinNoisePreset = ShaderPreset<PerlinNoiseParams>;
|
|
6
|
-
export declare const defaultPreset: PerlinNoisePreset;
|
|
7
|
-
export declare const nintendoWaterPreset: PerlinNoisePreset;
|
|
8
|
-
export declare const colonyPreset: PerlinNoisePreset;
|
|
9
|
-
export declare const phosphenesPreset: PerlinNoisePreset;
|
|
10
|
-
export declare const mossPreset: PerlinNoisePreset;
|
|
11
|
-
export declare const wormsPreset: PerlinNoisePreset;
|
|
12
|
-
export declare const perlinNoisePresets: PerlinNoisePreset[];
|
|
13
|
-
export declare const PerlinNoise: React.FC<PerlinNoiseProps>;
|
|
14
|
-
export {};
|
|
@@ -1,183 +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.js";
|
|
8
|
-
import { colorPropsAreEqual } from "../color-props-are-equal.js";
|
|
9
|
-
import {
|
|
10
|
-
defaultPatternSizing,
|
|
11
|
-
getShaderColorFromString,
|
|
12
|
-
perlinNoiseFragmentShader,
|
|
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: 0.5,
|
|
21
|
-
frame: 0,
|
|
22
|
-
colorBack: "#262626",
|
|
23
|
-
colorFront: "#d9d9d9",
|
|
24
|
-
proportion: 0.35,
|
|
25
|
-
softness: 0.1,
|
|
26
|
-
octaveCount: 2,
|
|
27
|
-
persistence: 1,
|
|
28
|
-
lacunarity: 1.5
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
const nintendoWaterPreset = {
|
|
32
|
-
name: "Nintendo Water",
|
|
33
|
-
params: {
|
|
34
|
-
...defaultPatternSizing,
|
|
35
|
-
scale: 1 / 0.2,
|
|
36
|
-
speed: 0.4,
|
|
37
|
-
frame: 0,
|
|
38
|
-
colorBack: "#2d69d4",
|
|
39
|
-
colorFront: "#d1eefc",
|
|
40
|
-
proportion: 0.42,
|
|
41
|
-
softness: 0,
|
|
42
|
-
octaveCount: 2,
|
|
43
|
-
persistence: 0.55,
|
|
44
|
-
lacunarity: 1.8
|
|
45
|
-
}
|
|
46
|
-
};
|
|
47
|
-
const colonyPreset = {
|
|
48
|
-
name: "Colony",
|
|
49
|
-
params: {
|
|
50
|
-
...defaultPatternSizing,
|
|
51
|
-
scale: 1 / 0.15,
|
|
52
|
-
speed: 0,
|
|
53
|
-
frame: 0,
|
|
54
|
-
colorBack: "#f4f0ae",
|
|
55
|
-
colorFront: "#0a1a5e",
|
|
56
|
-
octaveCount: 6,
|
|
57
|
-
persistence: 1,
|
|
58
|
-
lacunarity: 2.55,
|
|
59
|
-
proportion: 0.65,
|
|
60
|
-
softness: 0.35
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
const phosphenesPreset = {
|
|
64
|
-
name: "Phosphenes",
|
|
65
|
-
params: {
|
|
66
|
-
...defaultPatternSizing,
|
|
67
|
-
scale: 1 / 0.03,
|
|
68
|
-
speed: 0.15,
|
|
69
|
-
frame: 0,
|
|
70
|
-
colorBack: "#ec7c8b",
|
|
71
|
-
colorFront: "#66cc99",
|
|
72
|
-
proportion: 0.45,
|
|
73
|
-
softness: 0.45,
|
|
74
|
-
octaveCount: 6,
|
|
75
|
-
persistence: 0.3,
|
|
76
|
-
lacunarity: 3
|
|
77
|
-
}
|
|
78
|
-
};
|
|
79
|
-
const mossPreset = {
|
|
80
|
-
name: "Moss",
|
|
81
|
-
params: {
|
|
82
|
-
...defaultPatternSizing,
|
|
83
|
-
scale: 1 / 0.15,
|
|
84
|
-
speed: 0.02,
|
|
85
|
-
frame: 0,
|
|
86
|
-
colorBack: "#05ff4a",
|
|
87
|
-
colorFront: "#262626",
|
|
88
|
-
proportion: 0.65,
|
|
89
|
-
softness: 0.35,
|
|
90
|
-
octaveCount: 6,
|
|
91
|
-
persistence: 1,
|
|
92
|
-
lacunarity: 2.55
|
|
93
|
-
}
|
|
94
|
-
};
|
|
95
|
-
const wormsPreset = {
|
|
96
|
-
name: "Worms",
|
|
97
|
-
params: {
|
|
98
|
-
...defaultPatternSizing,
|
|
99
|
-
scale: 1 / 2,
|
|
100
|
-
speed: 0,
|
|
101
|
-
frame: 0,
|
|
102
|
-
colorBack: "#ffffff",
|
|
103
|
-
colorFront: "#595959",
|
|
104
|
-
proportion: 0.5,
|
|
105
|
-
softness: 0,
|
|
106
|
-
octaveCount: 1,
|
|
107
|
-
persistence: 1,
|
|
108
|
-
lacunarity: 1.5
|
|
109
|
-
}
|
|
110
|
-
};
|
|
111
|
-
const perlinNoisePresets = [
|
|
112
|
-
defaultPreset,
|
|
113
|
-
nintendoWaterPreset,
|
|
114
|
-
colonyPreset,
|
|
115
|
-
phosphenesPreset,
|
|
116
|
-
mossPreset,
|
|
117
|
-
wormsPreset
|
|
118
|
-
];
|
|
119
|
-
const PerlinNoise = memo(function PerlinNoiseImpl({
|
|
120
|
-
// Own props
|
|
121
|
-
speed = defaultPreset.params.speed,
|
|
122
|
-
frame = defaultPreset.params.frame,
|
|
123
|
-
colorFront = defaultPreset.params.colorFront,
|
|
124
|
-
colorBack = defaultPreset.params.colorBack,
|
|
125
|
-
proportion = defaultPreset.params.proportion,
|
|
126
|
-
softness = defaultPreset.params.softness,
|
|
127
|
-
octaveCount = defaultPreset.params.octaveCount,
|
|
128
|
-
persistence = defaultPreset.params.persistence,
|
|
129
|
-
lacunarity,
|
|
130
|
-
// Sizing props
|
|
131
|
-
fit = defaultPreset.params.fit,
|
|
132
|
-
worldWidth = defaultPreset.params.worldWidth,
|
|
133
|
-
worldHeight = defaultPreset.params.worldHeight,
|
|
134
|
-
scale = defaultPreset.params.scale,
|
|
135
|
-
rotation = defaultPreset.params.rotation,
|
|
136
|
-
originX = defaultPreset.params.originX,
|
|
137
|
-
originY = defaultPreset.params.originY,
|
|
138
|
-
offsetX = defaultPreset.params.offsetX,
|
|
139
|
-
offsetY = defaultPreset.params.offsetY,
|
|
140
|
-
...props
|
|
141
|
-
}) {
|
|
142
|
-
const uniforms = {
|
|
143
|
-
// Own uniforms
|
|
144
|
-
u_colorBack: getShaderColorFromString(colorBack),
|
|
145
|
-
u_colorFront: getShaderColorFromString(colorFront),
|
|
146
|
-
u_proportion: proportion,
|
|
147
|
-
u_softness: softness ?? defaultPreset.params.softness,
|
|
148
|
-
u_octaveCount: octaveCount ?? defaultPreset.params.octaveCount,
|
|
149
|
-
u_persistence: persistence ?? defaultPreset.params.persistence,
|
|
150
|
-
u_lacunarity: lacunarity ?? defaultPreset.params.lacunarity,
|
|
151
|
-
// Sizing uniforms
|
|
152
|
-
u_fit: ShaderFitOptions[fit],
|
|
153
|
-
u_scale: scale,
|
|
154
|
-
u_rotation: rotation,
|
|
155
|
-
u_offsetX: offsetX,
|
|
156
|
-
u_offsetY: offsetY,
|
|
157
|
-
u_originX: originX,
|
|
158
|
-
u_originY: originY,
|
|
159
|
-
u_worldWidth: worldWidth,
|
|
160
|
-
u_worldHeight: worldHeight
|
|
161
|
-
};
|
|
162
|
-
return /* @__PURE__ */ jsx(
|
|
163
|
-
ShaderMount,
|
|
164
|
-
{
|
|
165
|
-
...props,
|
|
166
|
-
speed,
|
|
167
|
-
frame,
|
|
168
|
-
fragmentShader: perlinNoiseFragmentShader,
|
|
169
|
-
uniforms
|
|
170
|
-
}
|
|
171
|
-
);
|
|
172
|
-
}, colorPropsAreEqual);
|
|
173
|
-
export {
|
|
174
|
-
PerlinNoise,
|
|
175
|
-
colonyPreset,
|
|
176
|
-
defaultPreset,
|
|
177
|
-
mossPreset,
|
|
178
|
-
nintendoWaterPreset,
|
|
179
|
-
perlinNoisePresets,
|
|
180
|
-
phosphenesPreset,
|
|
181
|
-
wormsPreset
|
|
182
|
-
};
|
|
183
|
-
//# sourceMappingURL=perlin-noise.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/shaders/perlin-noise.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 perlinNoiseFragmentShader,\n ShaderFitOptions,\n type PerlinNoiseParams,\n type PerlinNoiseUniforms,\n type ShaderPreset,\n} from '@paper-design/shaders';\n\nexport interface PerlinNoiseProps extends ShaderComponentProps, PerlinNoiseParams {}\n\ntype PerlinNoisePreset = ShaderPreset<PerlinNoiseParams>;\n\nexport const defaultPreset: PerlinNoisePreset = {\n name: 'Default',\n params: {\n ...defaultPatternSizing,\n speed: 0.5,\n frame: 0,\n colorBack: '#262626',\n colorFront: '#d9d9d9',\n proportion: 0.35,\n softness: 0.1,\n octaveCount: 2,\n persistence: 1,\n lacunarity: 1.5,\n },\n};\n\nexport const nintendoWaterPreset: PerlinNoisePreset = {\n name: 'Nintendo Water',\n params: {\n ...defaultPatternSizing,\n scale: 1 / 0.2,\n speed: 0.4,\n frame: 0,\n colorBack: '#2d69d4',\n colorFront: '#d1eefc',\n proportion: 0.42,\n softness: 0,\n octaveCount: 2,\n persistence: 0.55,\n lacunarity: 1.8,\n },\n};\n\nexport const colonyPreset: PerlinNoisePreset = {\n name: 'Colony',\n params: {\n ...defaultPatternSizing,\n scale: 1 / 0.15,\n speed: 0,\n frame: 0,\n colorBack: '#f4f0ae',\n colorFront: '#0a1a5e',\n octaveCount: 6,\n persistence: 1,\n lacunarity: 2.55,\n proportion: 0.65,\n softness: 0.35,\n },\n};\n\nexport const phosphenesPreset: PerlinNoisePreset = {\n name: 'Phosphenes',\n params: {\n ...defaultPatternSizing,\n scale: 1 / 0.03,\n speed: 0.15,\n frame: 0,\n colorBack: '#ec7c8b',\n colorFront: '#66cc99',\n proportion: 0.45,\n softness: 0.45,\n octaveCount: 6,\n persistence: 0.3,\n lacunarity: 3,\n },\n};\n\nexport const mossPreset: PerlinNoisePreset = {\n name: 'Moss',\n params: {\n ...defaultPatternSizing,\n scale: 1 / 0.15,\n speed: 0.02,\n frame: 0,\n colorBack: '#05ff4a',\n colorFront: '#262626',\n proportion: 0.65,\n softness: 0.35,\n octaveCount: 6,\n persistence: 1,\n lacunarity: 2.55,\n },\n};\n\nexport const wormsPreset: PerlinNoisePreset = {\n name: 'Worms',\n params: {\n ...defaultPatternSizing,\n scale: 1 / 2,\n speed: 0,\n frame: 0,\n colorBack: '#ffffff',\n colorFront: '#595959',\n proportion: 0.5,\n softness: 0,\n octaveCount: 1,\n persistence: 1,\n lacunarity: 1.5,\n },\n};\n\nexport const perlinNoisePresets: PerlinNoisePreset[] = [\n defaultPreset,\n nintendoWaterPreset,\n colonyPreset,\n phosphenesPreset,\n mossPreset,\n wormsPreset,\n];\n\nexport const PerlinNoise: React.FC<PerlinNoiseProps> = memo(function PerlinNoiseImpl({\n // Own props\n speed = defaultPreset.params.speed,\n frame = defaultPreset.params.frame,\n colorFront = defaultPreset.params.colorFront,\n colorBack = defaultPreset.params.colorBack,\n proportion = defaultPreset.params.proportion,\n softness = defaultPreset.params.softness,\n octaveCount = defaultPreset.params.octaveCount,\n persistence = defaultPreset.params.persistence,\n lacunarity,\n\n // Sizing props\n fit = defaultPreset.params.fit,\n worldWidth = defaultPreset.params.worldWidth,\n worldHeight = defaultPreset.params.worldHeight,\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 ...props\n}: PerlinNoiseProps) {\n const uniforms = {\n // Own uniforms\n u_colorBack: getShaderColorFromString(colorBack),\n u_colorFront: getShaderColorFromString(colorFront),\n u_proportion: proportion,\n u_softness: softness ?? defaultPreset.params.softness,\n u_octaveCount: octaveCount ?? defaultPreset.params.octaveCount,\n u_persistence: persistence ?? defaultPreset.params.persistence,\n u_lacunarity: lacunarity ?? defaultPreset.params.lacunarity,\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 PerlinNoiseUniforms;\n\n return (\n <ShaderMount\n {...props}\n speed={speed}\n frame={frame}\n fragmentShader={perlinNoiseFragmentShader}\n uniforms={uniforms}\n />\n );\n}, colorPropsAreEqual);\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { type ShaderComponentProps } from '../shader-mount.js';
|
|
2
|
-
import { type PulsingBorderParams, type ShaderPreset } from '@paper-design/shaders';
|
|
3
|
-
export interface PulsingBorderProps extends ShaderComponentProps, PulsingBorderParams {
|
|
4
|
-
}
|
|
5
|
-
type PulsingBorderPreset = ShaderPreset<PulsingBorderParams>;
|
|
6
|
-
export declare const defaultPreset: PulsingBorderPreset;
|
|
7
|
-
export declare const circlePreset: PulsingBorderPreset;
|
|
8
|
-
export declare const innerBorderPreset: PulsingBorderPreset;
|
|
9
|
-
export declare const pulsingBorderPresets: PulsingBorderPreset[];
|
|
10
|
-
export declare const PulsingBorder: React.FC<PulsingBorderProps>;
|
|
11
|
-
export {};
|