@paper-design/shaders-react 0.0.60-beta.0 → 0.0.61
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts
CHANGED
|
@@ -78,9 +78,6 @@ export type { HeatmapUniforms, HeatmapParams } from '@paper-design/shaders';
|
|
|
78
78
|
export { LiquidMetal, liquidMetalPresets } from './shaders/liquid-metal.js';
|
|
79
79
|
export type { LiquidMetalProps } from './shaders/liquid-metal.js';
|
|
80
80
|
export type { LiquidMetalUniforms, LiquidMetalParams } from '@paper-design/shaders';
|
|
81
|
-
export { ImageHalftoneDots, imageHalftoneDotsPresets } from './shaders/image-halftone-dots.js';
|
|
82
|
-
export type { ImageHalftoneDotsProps } from './shaders/image-halftone-dots.js';
|
|
83
|
-
export type { ImageHalftoneDotsUniforms, ImageHalftoneDotsParams } from '@paper-design/shaders';
|
|
84
81
|
export { isPaperShaderElement, getShaderColorFromString } from '@paper-design/shaders';
|
|
85
82
|
export type { PaperShaderElement, ShaderFit, ShaderSizingParams, ShaderSizingUniforms } from '@paper-design/shaders';
|
|
86
83
|
export { colorPanelsMeta, dotOrbitMeta, godRaysMeta, grainGradientMeta, meshGradientMeta, metaballsMeta, pulsingBorderMeta, simplexNoiseMeta, smokeRingMeta, swirlMeta, voronoiMeta, warpMeta, heatmapMeta, staticMeshGradientMeta, staticRadialGradientMeta, } from '@paper-design/shaders';
|
package/dist/index.js
CHANGED
|
@@ -33,7 +33,6 @@ import { Water, waterPresets } from "./shaders/water.js";
|
|
|
33
33
|
import { ImageDithering, imageDitheringPresets } from "./shaders/image-dithering.js";
|
|
34
34
|
import { Heatmap, heatmapPresets } from "./shaders/heatmap.js";
|
|
35
35
|
import { LiquidMetal, liquidMetalPresets } from "./shaders/liquid-metal.js";
|
|
36
|
-
import { ImageHalftoneDots, imageHalftoneDotsPresets } from "./shaders/image-halftone-dots.js";
|
|
37
36
|
import { isPaperShaderElement, getShaderColorFromString } from "@paper-design/shaders";
|
|
38
37
|
import {
|
|
39
38
|
colorPanelsMeta,
|
|
@@ -62,7 +61,6 @@ export {
|
|
|
62
61
|
GrainGradient,
|
|
63
62
|
Heatmap,
|
|
64
63
|
ImageDithering,
|
|
65
|
-
ImageHalftoneDots,
|
|
66
64
|
LiquidMetal,
|
|
67
65
|
MeshGradient,
|
|
68
66
|
Metaballs,
|
|
@@ -96,7 +94,6 @@ export {
|
|
|
96
94
|
heatmapMeta,
|
|
97
95
|
heatmapPresets,
|
|
98
96
|
imageDitheringPresets,
|
|
99
|
-
imageHalftoneDotsPresets,
|
|
100
97
|
isPaperShaderElement,
|
|
101
98
|
liquidMetalPresets,
|
|
102
99
|
meshGradientMeta,
|
package/dist/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/index.ts"],
|
|
4
|
-
"sourcesContent": ["'use client';\n\nexport { ShaderMount } from './shader-mount.js';\nexport type { ShaderMountProps, ShaderComponentProps } from './shader-mount.js';\n\nexport { MeshGradient, meshGradientPresets } from './shaders/mesh-gradient.js';\nexport type { MeshGradientProps } from './shaders/mesh-gradient.js';\nexport type { MeshGradientUniforms, MeshGradientParams } from '@paper-design/shaders';\n\nexport { SmokeRing, smokeRingPresets } from './shaders/smoke-ring.js';\nexport type { SmokeRingProps } from './shaders/smoke-ring.js';\nexport type { SmokeRingUniforms, SmokeRingParams } from '@paper-design/shaders';\n\nexport { NeuroNoise, neuroNoisePresets } from './shaders/neuro-noise.js';\nexport type { NeuroNoiseProps } from './shaders/neuro-noise.js';\nexport type { NeuroNoiseUniforms, NeuroNoiseParams } from '@paper-design/shaders';\n\nexport { DotOrbit, dotOrbitPresets } from './shaders/dot-orbit.js';\nexport type { DotOrbitProps } from './shaders/dot-orbit.js';\nexport type { DotOrbitUniforms, DotOrbitParams } from '@paper-design/shaders';\n\nexport { DotGrid, dotGridPresets } from './shaders/dot-grid.js';\nexport type { DotGridProps } from './shaders/dot-grid.js';\nexport type { DotGridUniforms, DotGridParams } from '@paper-design/shaders';\n\nexport { SimplexNoise, simplexNoisePresets } from './shaders/simplex-noise.js';\nexport type { SimplexNoiseProps } from './shaders/simplex-noise.js';\nexport type { SimplexNoiseUniforms, SimplexNoiseParams } from '@paper-design/shaders';\n\nexport { Metaballs, metaballsPresets } from './shaders/metaballs.js';\nexport type { MetaballsProps } from './shaders/metaballs.js';\nexport type { MetaballsUniforms, MetaballsParams } from '@paper-design/shaders';\n\nexport { Waves, wavesPresets } from './shaders/waves.js';\nexport type { WavesProps } from './shaders/waves.js';\nexport type { WavesUniforms, WavesParams } from '@paper-design/shaders';\n\nexport { PerlinNoise, perlinNoisePresets } from './shaders/perlin-noise.js';\nexport type { PerlinNoiseProps } from './shaders/perlin-noise.js';\nexport type { PerlinNoiseUniforms, PerlinNoiseParams } from '@paper-design/shaders';\n\nexport { Voronoi, voronoiPresets } from './shaders/voronoi.js';\nexport type { VoronoiProps } from './shaders/voronoi.js';\nexport type { VoronoiUniforms, VoronoiParams } from '@paper-design/shaders';\n\nexport { Warp, warpPresets } from './shaders/warp.js';\nexport type { WarpProps } from './shaders/warp.js';\nexport type { WarpUniforms, WarpParams, WarpPattern } from '@paper-design/shaders';\n\nexport { GodRays, godRaysPresets } from './shaders/god-rays.js';\nexport type { GodRaysProps } from './shaders/god-rays.js';\nexport type { GodRaysUniforms, GodRaysParams } from '@paper-design/shaders';\n\nexport { Spiral, spiralPresets } from './shaders/spiral.js';\nexport type { SpiralProps } from './shaders/spiral.js';\nexport type { SpiralUniforms, SpiralParams } from '@paper-design/shaders';\n\nexport { Swirl, swirlPresets } from './shaders/swirl.js';\nexport type { SwirlProps } from './shaders/swirl.js';\nexport type { SwirlUniforms, SwirlParams } from '@paper-design/shaders';\n\nexport { Dithering, ditheringPresets } from './shaders/dithering.js';\nexport type { DitheringProps } from './shaders/dithering.js';\nexport type { DitheringUniforms, DitheringParams } from '@paper-design/shaders';\n\nexport { GrainGradient, grainGradientPresets } from './shaders/grain-gradient.js';\nexport type { GrainGradientProps } from './shaders/grain-gradient.js';\nexport type { GrainGradientUniforms, GrainGradientParams } from '@paper-design/shaders';\n\nexport { PulsingBorder, pulsingBorderPresets } from './shaders/pulsing-border.js';\nexport type { PulsingBorderProps } from './shaders/pulsing-border.js';\nexport type { PulsingBorderUniforms, PulsingBorderParams } from '@paper-design/shaders';\n\nexport { ColorPanels, colorPanelsPresets } from './shaders/color-panels.js';\nexport type { ColorPanelsProps } from './shaders/color-panels.js';\nexport type { ColorPanelsUniforms, ColorPanelsParams } from '@paper-design/shaders';\n\nexport { StaticMeshGradient, staticMeshGradientPresets } from './shaders/static-mesh-gradient.js';\nexport type { StaticMeshGradientProps } from './shaders/static-mesh-gradient.js';\nexport type { StaticMeshGradientUniforms, StaticMeshGradientParams } from '@paper-design/shaders';\n\nexport { StaticRadialGradient, staticRadialGradientPresets } from './shaders/static-radial-gradient.js';\nexport type { StaticRadialGradientProps } from './shaders/static-radial-gradient.js';\nexport type { StaticRadialGradientUniforms, StaticRadialGradientParams } from '@paper-design/shaders';\n\nexport { PaperTexture, paperTexturePresets } from './shaders/paper-texture.js';\nexport type { PaperTextureProps } from './shaders/paper-texture.js';\nexport type { PaperTextureUniforms, PaperTextureParams } from '@paper-design/shaders';\n\nexport { FlutedGlass, flutedGlassPresets } from './shaders/fluted-glass.js';\nexport { type FlutedGlassProps } from './shaders/fluted-glass.js';\nexport { type FlutedGlassUniforms, type FlutedGlassParams } from '@paper-design/shaders';\n\nexport { Water, waterPresets } from './shaders/water.js';\nexport type { WaterProps } from './shaders/water.js';\nexport type { WaterUniforms, WaterParams } from '@paper-design/shaders';\n\nexport { ImageDithering, imageDitheringPresets } from './shaders/image-dithering.js';\nexport type { ImageDitheringProps } from './shaders/image-dithering.js';\nexport type { ImageDitheringUniforms, ImageDitheringParams } from '@paper-design/shaders';\n\nexport { Heatmap, heatmapPresets } from './shaders/heatmap.js';\nexport type { HeatmapProps } from './shaders/heatmap.js';\nexport type { HeatmapUniforms, HeatmapParams } from '@paper-design/shaders';\n\nexport { LiquidMetal, liquidMetalPresets } from './shaders/liquid-metal.js';\nexport type { LiquidMetalProps } from './shaders/liquid-metal.js';\nexport type { LiquidMetalUniforms, LiquidMetalParams } from '@paper-design/shaders';\n\nexport {
|
|
5
|
-
"mappings": ";;;;;;AAEA,SAAS,mBAAmB;AAG5B,SAAS,cAAc,2BAA2B;AAIlD,SAAS,WAAW,wBAAwB;AAI5C,SAAS,YAAY,yBAAyB;AAI9C,SAAS,UAAU,uBAAuB;AAI1C,SAAS,SAAS,sBAAsB;AAIxC,SAAS,cAAc,2BAA2B;AAIlD,SAAS,WAAW,wBAAwB;AAI5C,SAAS,OAAO,oBAAoB;AAIpC,SAAS,aAAa,0BAA0B;AAIhD,SAAS,SAAS,sBAAsB;AAIxC,SAAS,MAAM,mBAAmB;AAIlC,SAAS,SAAS,sBAAsB;AAIxC,SAAS,QAAQ,qBAAqB;AAItC,SAAS,OAAO,oBAAoB;AAIpC,SAAS,WAAW,wBAAwB;AAI5C,SAAS,eAAe,4BAA4B;AAIpD,SAAS,eAAe,4BAA4B;AAIpD,SAAS,aAAa,0BAA0B;AAIhD,SAAS,oBAAoB,iCAAiC;AAI9D,SAAS,sBAAsB,mCAAmC;AAIlE,SAAS,cAAc,2BAA2B;AAIlD,SAAS,aAAa,0BAA0B;AAChD,eAAsC;AACtC,eAAiE;AAEjE,SAAS,OAAO,oBAAoB;AAIpC,SAAS,gBAAgB,6BAA6B;AAItD,SAAS,SAAS,sBAAsB;AAIxC,SAAS,aAAa,0BAA0B;AAIhD,SAAS,
|
|
4
|
+
"sourcesContent": ["'use client';\n\nexport { ShaderMount } from './shader-mount.js';\nexport type { ShaderMountProps, ShaderComponentProps } from './shader-mount.js';\n\nexport { MeshGradient, meshGradientPresets } from './shaders/mesh-gradient.js';\nexport type { MeshGradientProps } from './shaders/mesh-gradient.js';\nexport type { MeshGradientUniforms, MeshGradientParams } from '@paper-design/shaders';\n\nexport { SmokeRing, smokeRingPresets } from './shaders/smoke-ring.js';\nexport type { SmokeRingProps } from './shaders/smoke-ring.js';\nexport type { SmokeRingUniforms, SmokeRingParams } from '@paper-design/shaders';\n\nexport { NeuroNoise, neuroNoisePresets } from './shaders/neuro-noise.js';\nexport type { NeuroNoiseProps } from './shaders/neuro-noise.js';\nexport type { NeuroNoiseUniforms, NeuroNoiseParams } from '@paper-design/shaders';\n\nexport { DotOrbit, dotOrbitPresets } from './shaders/dot-orbit.js';\nexport type { DotOrbitProps } from './shaders/dot-orbit.js';\nexport type { DotOrbitUniforms, DotOrbitParams } from '@paper-design/shaders';\n\nexport { DotGrid, dotGridPresets } from './shaders/dot-grid.js';\nexport type { DotGridProps } from './shaders/dot-grid.js';\nexport type { DotGridUniforms, DotGridParams } from '@paper-design/shaders';\n\nexport { SimplexNoise, simplexNoisePresets } from './shaders/simplex-noise.js';\nexport type { SimplexNoiseProps } from './shaders/simplex-noise.js';\nexport type { SimplexNoiseUniforms, SimplexNoiseParams } from '@paper-design/shaders';\n\nexport { Metaballs, metaballsPresets } from './shaders/metaballs.js';\nexport type { MetaballsProps } from './shaders/metaballs.js';\nexport type { MetaballsUniforms, MetaballsParams } from '@paper-design/shaders';\n\nexport { Waves, wavesPresets } from './shaders/waves.js';\nexport type { WavesProps } from './shaders/waves.js';\nexport type { WavesUniforms, WavesParams } from '@paper-design/shaders';\n\nexport { PerlinNoise, perlinNoisePresets } from './shaders/perlin-noise.js';\nexport type { PerlinNoiseProps } from './shaders/perlin-noise.js';\nexport type { PerlinNoiseUniforms, PerlinNoiseParams } from '@paper-design/shaders';\n\nexport { Voronoi, voronoiPresets } from './shaders/voronoi.js';\nexport type { VoronoiProps } from './shaders/voronoi.js';\nexport type { VoronoiUniforms, VoronoiParams } from '@paper-design/shaders';\n\nexport { Warp, warpPresets } from './shaders/warp.js';\nexport type { WarpProps } from './shaders/warp.js';\nexport type { WarpUniforms, WarpParams, WarpPattern } from '@paper-design/shaders';\n\nexport { GodRays, godRaysPresets } from './shaders/god-rays.js';\nexport type { GodRaysProps } from './shaders/god-rays.js';\nexport type { GodRaysUniforms, GodRaysParams } from '@paper-design/shaders';\n\nexport { Spiral, spiralPresets } from './shaders/spiral.js';\nexport type { SpiralProps } from './shaders/spiral.js';\nexport type { SpiralUniforms, SpiralParams } from '@paper-design/shaders';\n\nexport { Swirl, swirlPresets } from './shaders/swirl.js';\nexport type { SwirlProps } from './shaders/swirl.js';\nexport type { SwirlUniforms, SwirlParams } from '@paper-design/shaders';\n\nexport { Dithering, ditheringPresets } from './shaders/dithering.js';\nexport type { DitheringProps } from './shaders/dithering.js';\nexport type { DitheringUniforms, DitheringParams } from '@paper-design/shaders';\n\nexport { GrainGradient, grainGradientPresets } from './shaders/grain-gradient.js';\nexport type { GrainGradientProps } from './shaders/grain-gradient.js';\nexport type { GrainGradientUniforms, GrainGradientParams } from '@paper-design/shaders';\n\nexport { PulsingBorder, pulsingBorderPresets } from './shaders/pulsing-border.js';\nexport type { PulsingBorderProps } from './shaders/pulsing-border.js';\nexport type { PulsingBorderUniforms, PulsingBorderParams } from '@paper-design/shaders';\n\nexport { ColorPanels, colorPanelsPresets } from './shaders/color-panels.js';\nexport type { ColorPanelsProps } from './shaders/color-panels.js';\nexport type { ColorPanelsUniforms, ColorPanelsParams } from '@paper-design/shaders';\n\nexport { StaticMeshGradient, staticMeshGradientPresets } from './shaders/static-mesh-gradient.js';\nexport type { StaticMeshGradientProps } from './shaders/static-mesh-gradient.js';\nexport type { StaticMeshGradientUniforms, StaticMeshGradientParams } from '@paper-design/shaders';\n\nexport { StaticRadialGradient, staticRadialGradientPresets } from './shaders/static-radial-gradient.js';\nexport type { StaticRadialGradientProps } from './shaders/static-radial-gradient.js';\nexport type { StaticRadialGradientUniforms, StaticRadialGradientParams } from '@paper-design/shaders';\n\nexport { PaperTexture, paperTexturePresets } from './shaders/paper-texture.js';\nexport type { PaperTextureProps } from './shaders/paper-texture.js';\nexport type { PaperTextureUniforms, PaperTextureParams } from '@paper-design/shaders';\n\nexport { FlutedGlass, flutedGlassPresets } from './shaders/fluted-glass.js';\nexport { type FlutedGlassProps } from './shaders/fluted-glass.js';\nexport { type FlutedGlassUniforms, type FlutedGlassParams } from '@paper-design/shaders';\n\nexport { Water, waterPresets } from './shaders/water.js';\nexport type { WaterProps } from './shaders/water.js';\nexport type { WaterUniforms, WaterParams } from '@paper-design/shaders';\n\nexport { ImageDithering, imageDitheringPresets } from './shaders/image-dithering.js';\nexport type { ImageDitheringProps } from './shaders/image-dithering.js';\nexport type { ImageDitheringUniforms, ImageDitheringParams } from '@paper-design/shaders';\n\nexport { Heatmap, heatmapPresets } from './shaders/heatmap.js';\nexport type { HeatmapProps } from './shaders/heatmap.js';\nexport type { HeatmapUniforms, HeatmapParams } from '@paper-design/shaders';\n\nexport { LiquidMetal, liquidMetalPresets } from './shaders/liquid-metal.js';\nexport type { LiquidMetalProps } from './shaders/liquid-metal.js';\nexport type { LiquidMetalUniforms, LiquidMetalParams } from '@paper-design/shaders';\n\nexport { isPaperShaderElement, getShaderColorFromString } from '@paper-design/shaders';\nexport type { PaperShaderElement, ShaderFit, ShaderSizingParams, ShaderSizingUniforms } from '@paper-design/shaders';\n\nexport {\n colorPanelsMeta,\n dotOrbitMeta,\n godRaysMeta,\n grainGradientMeta,\n meshGradientMeta,\n metaballsMeta,\n pulsingBorderMeta,\n simplexNoiseMeta,\n smokeRingMeta,\n swirlMeta,\n voronoiMeta,\n warpMeta,\n heatmapMeta,\n staticMeshGradientMeta,\n staticRadialGradientMeta,\n} from '@paper-design/shaders';\n"],
|
|
5
|
+
"mappings": ";;;;;;AAEA,SAAS,mBAAmB;AAG5B,SAAS,cAAc,2BAA2B;AAIlD,SAAS,WAAW,wBAAwB;AAI5C,SAAS,YAAY,yBAAyB;AAI9C,SAAS,UAAU,uBAAuB;AAI1C,SAAS,SAAS,sBAAsB;AAIxC,SAAS,cAAc,2BAA2B;AAIlD,SAAS,WAAW,wBAAwB;AAI5C,SAAS,OAAO,oBAAoB;AAIpC,SAAS,aAAa,0BAA0B;AAIhD,SAAS,SAAS,sBAAsB;AAIxC,SAAS,MAAM,mBAAmB;AAIlC,SAAS,SAAS,sBAAsB;AAIxC,SAAS,QAAQ,qBAAqB;AAItC,SAAS,OAAO,oBAAoB;AAIpC,SAAS,WAAW,wBAAwB;AAI5C,SAAS,eAAe,4BAA4B;AAIpD,SAAS,eAAe,4BAA4B;AAIpD,SAAS,aAAa,0BAA0B;AAIhD,SAAS,oBAAoB,iCAAiC;AAI9D,SAAS,sBAAsB,mCAAmC;AAIlE,SAAS,cAAc,2BAA2B;AAIlD,SAAS,aAAa,0BAA0B;AAChD,eAAsC;AACtC,eAAiE;AAEjE,SAAS,OAAO,oBAAoB;AAIpC,SAAS,gBAAgB,6BAA6B;AAItD,SAAS,SAAS,sBAAsB;AAIxC,SAAS,aAAa,0BAA0B;AAIhD,SAAS,sBAAsB,gCAAgC;AAG/D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@paper-design/shaders-react",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.61",
|
|
4
4
|
"license": "SEE LICENSE IN https://github.com/paper-design/shaders/blob/main/LICENSE",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"type-check": "tsc --project tsconfig.json"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@paper-design/shaders": "0.0.
|
|
27
|
+
"@paper-design/shaders": "0.0.61"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
30
|
"@types/react": "19.1.0"
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type ShaderComponentProps } from '../shader-mount.js';
|
|
2
|
-
import { type ImageHalftoneDotsParams, type ImageShaderPreset } from '@paper-design/shaders';
|
|
3
|
-
export interface ImageHalftoneDotsProps extends ShaderComponentProps, ImageHalftoneDotsParams {
|
|
4
|
-
}
|
|
5
|
-
type ImageHalftoneDotsPreset = ImageShaderPreset<ImageHalftoneDotsParams>;
|
|
6
|
-
export declare const defaultPreset: ImageHalftoneDotsPreset;
|
|
7
|
-
export declare const abstractPreset: ImageHalftoneDotsPreset;
|
|
8
|
-
export declare const netPreset: ImageHalftoneDotsPreset;
|
|
9
|
-
export declare const holesPreset: ImageHalftoneDotsPreset;
|
|
10
|
-
export declare const imageHalftoneDotsPresets: ImageHalftoneDotsPreset[];
|
|
11
|
-
export declare const ImageHalftoneDots: React.FC<ImageHalftoneDotsProps>;
|
|
12
|
-
export {};
|
|
@@ -1,171 +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
|
-
imageHalftoneDotsFragmentShader,
|
|
11
|
-
getShaderColorFromString,
|
|
12
|
-
ShaderFitOptions,
|
|
13
|
-
defaultObjectSizing,
|
|
14
|
-
ImageHalftoneDotsTypes
|
|
15
|
-
} from "@paper-design/shaders";
|
|
16
|
-
import { jsx } from "react/jsx-runtime";
|
|
17
|
-
const defaultPreset = {
|
|
18
|
-
name: "Default",
|
|
19
|
-
params: {
|
|
20
|
-
...defaultObjectSizing,
|
|
21
|
-
speed: 1,
|
|
22
|
-
frame: 0,
|
|
23
|
-
colorBack: "#d4d4d4",
|
|
24
|
-
colorFront: "#2b2b2b",
|
|
25
|
-
size: 5,
|
|
26
|
-
radius: 1,
|
|
27
|
-
contrast: 0.5,
|
|
28
|
-
originalColors: false,
|
|
29
|
-
inverted: false,
|
|
30
|
-
grainMixer: 0.3,
|
|
31
|
-
grainOverlay: 0,
|
|
32
|
-
diagonalGrid: true,
|
|
33
|
-
type: "gooey"
|
|
34
|
-
}
|
|
35
|
-
};
|
|
36
|
-
const abstractPreset = {
|
|
37
|
-
name: "Abstract",
|
|
38
|
-
params: {
|
|
39
|
-
...defaultObjectSizing,
|
|
40
|
-
speed: 1,
|
|
41
|
-
frame: 0,
|
|
42
|
-
colorBack: "#00000000",
|
|
43
|
-
colorFront: "#2b2b2b",
|
|
44
|
-
size: 25,
|
|
45
|
-
radius: 2,
|
|
46
|
-
contrast: 0.45,
|
|
47
|
-
originalColors: true,
|
|
48
|
-
inverted: false,
|
|
49
|
-
grainMixer: 0,
|
|
50
|
-
grainOverlay: 0,
|
|
51
|
-
diagonalGrid: true,
|
|
52
|
-
type: "classic"
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
|
-
const netPreset = {
|
|
56
|
-
name: "Net",
|
|
57
|
-
params: {
|
|
58
|
-
...defaultObjectSizing,
|
|
59
|
-
speed: 1,
|
|
60
|
-
frame: 0,
|
|
61
|
-
colorBack: "#000000",
|
|
62
|
-
colorFront: "#2b2b2b",
|
|
63
|
-
size: 12,
|
|
64
|
-
radius: 2,
|
|
65
|
-
contrast: 0,
|
|
66
|
-
originalColors: true,
|
|
67
|
-
inverted: false,
|
|
68
|
-
grainMixer: 0,
|
|
69
|
-
grainOverlay: 0,
|
|
70
|
-
diagonalGrid: true,
|
|
71
|
-
type: "classic"
|
|
72
|
-
}
|
|
73
|
-
};
|
|
74
|
-
const holesPreset = {
|
|
75
|
-
name: "Holes",
|
|
76
|
-
params: {
|
|
77
|
-
...defaultObjectSizing,
|
|
78
|
-
speed: 1,
|
|
79
|
-
frame: 0,
|
|
80
|
-
colorBack: "#ffffff00",
|
|
81
|
-
colorFront: "#0012b3",
|
|
82
|
-
size: 10,
|
|
83
|
-
radius: 1.4,
|
|
84
|
-
contrast: 0.35,
|
|
85
|
-
originalColors: false,
|
|
86
|
-
inverted: false,
|
|
87
|
-
grainMixer: 0,
|
|
88
|
-
grainOverlay: 0,
|
|
89
|
-
diagonalGrid: false,
|
|
90
|
-
type: "hole"
|
|
91
|
-
}
|
|
92
|
-
};
|
|
93
|
-
const imageHalftoneDotsPresets = [
|
|
94
|
-
defaultPreset,
|
|
95
|
-
abstractPreset,
|
|
96
|
-
netPreset,
|
|
97
|
-
holesPreset
|
|
98
|
-
];
|
|
99
|
-
const ImageHalftoneDots = memo(function ImageHalftoneDotsImpl({
|
|
100
|
-
// Own props
|
|
101
|
-
speed = defaultPreset.params.speed,
|
|
102
|
-
frame = defaultPreset.params.frame,
|
|
103
|
-
colorFront = defaultPreset.params.colorFront,
|
|
104
|
-
colorBack = defaultPreset.params.colorBack,
|
|
105
|
-
image = "",
|
|
106
|
-
size = defaultPreset.params.size,
|
|
107
|
-
radius = defaultPreset.params.radius,
|
|
108
|
-
contrast = defaultPreset.params.contrast,
|
|
109
|
-
originalColors = defaultPreset.params.originalColors,
|
|
110
|
-
inverted = defaultPreset.params.inverted,
|
|
111
|
-
grainMixer = defaultPreset.params.grainMixer,
|
|
112
|
-
grainOverlay = defaultPreset.params.grainOverlay,
|
|
113
|
-
diagonalGrid = defaultPreset.params.diagonalGrid,
|
|
114
|
-
type = defaultPreset.params.type,
|
|
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_image: image,
|
|
130
|
-
u_colorFront: getShaderColorFromString(colorFront),
|
|
131
|
-
u_colorBack: getShaderColorFromString(colorBack),
|
|
132
|
-
u_size: size,
|
|
133
|
-
u_radius: radius,
|
|
134
|
-
u_contrast: contrast,
|
|
135
|
-
u_originalColors: originalColors,
|
|
136
|
-
u_inverted: inverted,
|
|
137
|
-
u_grainMixer: grainMixer,
|
|
138
|
-
u_grainOverlay: grainOverlay,
|
|
139
|
-
u_diagonalGrid: diagonalGrid,
|
|
140
|
-
u_type: ImageHalftoneDotsTypes[type],
|
|
141
|
-
// Sizing uniforms
|
|
142
|
-
u_fit: ShaderFitOptions[fit],
|
|
143
|
-
u_rotation: rotation,
|
|
144
|
-
u_scale: scale,
|
|
145
|
-
u_offsetX: offsetX,
|
|
146
|
-
u_offsetY: offsetY,
|
|
147
|
-
u_originX: originX,
|
|
148
|
-
u_originY: originY,
|
|
149
|
-
u_worldWidth: worldWidth,
|
|
150
|
-
u_worldHeight: worldHeight
|
|
151
|
-
};
|
|
152
|
-
return /* @__PURE__ */ jsx(
|
|
153
|
-
ShaderMount,
|
|
154
|
-
{
|
|
155
|
-
...props,
|
|
156
|
-
speed,
|
|
157
|
-
frame,
|
|
158
|
-
fragmentShader: imageHalftoneDotsFragmentShader,
|
|
159
|
-
uniforms
|
|
160
|
-
}
|
|
161
|
-
);
|
|
162
|
-
}, colorPropsAreEqual);
|
|
163
|
-
export {
|
|
164
|
-
ImageHalftoneDots,
|
|
165
|
-
abstractPreset,
|
|
166
|
-
defaultPreset,
|
|
167
|
-
holesPreset,
|
|
168
|
-
imageHalftoneDotsPresets,
|
|
169
|
-
netPreset
|
|
170
|
-
};
|
|
171
|
-
//# sourceMappingURL=image-halftone-dots.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/shaders/image-halftone-dots.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 imageHalftoneDotsFragmentShader,\n getShaderColorFromString,\n ShaderFitOptions,\n type ImageHalftoneDotsUniforms,\n type ImageHalftoneDotsParams,\n defaultObjectSizing,\n type ImageShaderPreset,\n ImageHalftoneDotsTypes,\n} from '@paper-design/shaders';\n\nexport interface ImageHalftoneDotsProps extends ShaderComponentProps, ImageHalftoneDotsParams {}\n\ntype ImageHalftoneDotsPreset = ImageShaderPreset<ImageHalftoneDotsParams>;\n\nexport const defaultPreset: ImageHalftoneDotsPreset = {\n name: 'Default',\n params: {\n ...defaultObjectSizing,\n speed: 1,\n frame: 0,\n colorBack: '#d4d4d4',\n colorFront: '#2b2b2b',\n size: 5,\n radius: 1,\n contrast: 0.5,\n originalColors: false,\n inverted: false,\n grainMixer: 0.3,\n grainOverlay: 0,\n diagonalGrid: true,\n type: 'gooey',\n },\n};\n\nexport const abstractPreset: ImageHalftoneDotsPreset = {\n name: 'Abstract',\n params: {\n ...defaultObjectSizing,\n speed: 1,\n frame: 0,\n colorBack: '#00000000',\n colorFront: '#2b2b2b',\n size: 25,\n radius: 2,\n contrast: 0.45,\n originalColors: true,\n inverted: false,\n grainMixer: 0,\n grainOverlay: 0,\n diagonalGrid: true,\n type: 'classic',\n },\n};\n\nexport const netPreset: ImageHalftoneDotsPreset = {\n name: 'Net',\n params: {\n ...defaultObjectSizing,\n speed: 1,\n frame: 0,\n colorBack: '#000000',\n colorFront: '#2b2b2b',\n size: 12,\n radius: 2,\n contrast: 0,\n originalColors: true,\n inverted: false,\n grainMixer: 0,\n grainOverlay: 0,\n diagonalGrid: true,\n type: 'classic',\n },\n};\n\nexport const holesPreset: ImageHalftoneDotsPreset = {\n name: 'Holes',\n params: {\n ...defaultObjectSizing,\n speed: 1,\n frame: 0,\n colorBack: '#ffffff00',\n colorFront: '#0012b3',\n size: 10,\n radius: 1.4,\n contrast: 0.35,\n originalColors: false,\n inverted: false,\n grainMixer: 0,\n grainOverlay: 0,\n diagonalGrid: false,\n type: 'hole',\n },\n};\n\nexport const imageHalftoneDotsPresets: ImageHalftoneDotsPreset[] = [\n defaultPreset,\n abstractPreset,\n netPreset,\n holesPreset,\n];\n\nexport const ImageHalftoneDots: React.FC<ImageHalftoneDotsProps> = memo(function ImageHalftoneDotsImpl({\n // Own props\n speed = defaultPreset.params.speed,\n frame = defaultPreset.params.frame,\n colorFront = defaultPreset.params.colorFront,\n colorBack = defaultPreset.params.colorBack,\n image = '',\n size = defaultPreset.params.size,\n radius = defaultPreset.params.radius,\n contrast = defaultPreset.params.contrast,\n originalColors = defaultPreset.params.originalColors,\n inverted = defaultPreset.params.inverted,\n grainMixer = defaultPreset.params.grainMixer,\n grainOverlay = defaultPreset.params.grainOverlay,\n diagonalGrid = defaultPreset.params.diagonalGrid,\n type = defaultPreset.params.type,\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}: ImageHalftoneDotsProps) {\n const uniforms = {\n // Own uniforms\n u_image: image,\n u_colorFront: getShaderColorFromString(colorFront),\n u_colorBack: getShaderColorFromString(colorBack),\n u_size: size,\n u_radius: radius,\n u_contrast: contrast,\n u_originalColors: originalColors,\n u_inverted: inverted,\n u_grainMixer: grainMixer,\n u_grainOverlay: grainOverlay,\n u_diagonalGrid: diagonalGrid,\n u_type: ImageHalftoneDotsTypes[type],\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 ImageHalftoneDotsUniforms;\n\n return (\n <ShaderMount\n {...props}\n speed={speed}\n frame={frame}\n fragmentShader={imageHalftoneDotsFragmentShader}\n uniforms={uniforms}\n />\n );\n}, colorPropsAreEqual);\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|