@paper-design/shaders-react 0.0.0-canary.7fc2fb35 → 0.0.0-canary.821d62d

package/dist/shaders/paper-texture.d.ts

@@ -3,14 +3,14 @@ import { type ImageShaderPreset, type PaperTextureParams } from '@paper-design/s
 export interface PaperTextureProps extends ShaderComponentProps, PaperTextureParams {
     /** @deprecated use `fiberSize` instead */
     fiberScale?: number;
-    /** @deprecated use `foldCount` instead */
+    /** @deprecated use `crumpleCount` instead */
     foldsNumber?: number;
 }
 type PaperTexturePreset = ImageShaderPreset<PaperTextureParams>;
 export declare const defaultPreset: PaperTexturePreset;
-export declare const gridPreset: PaperTexturePreset;
+export declare const creasedPreset: PaperTexturePreset;
 export declare const spreadPreset: PaperTexturePreset;
-export declare const coloredPreset: PaperTexturePreset;
+export declare const flatPreset: PaperTexturePreset;
 export declare const paperTexturePresets: PaperTexturePreset[];
 export declare const PaperTexture: React.FC<PaperTextureProps>;
 export {};

package/dist/shaders/paper-texture.js

@@ -19,57 +19,65 @@ const defaultPreset = {
   params: {
     ...defaultObjectSizing,
     blending: 1,
-    distortion: 0.5,
+    distortion: 0.75,
     fit: "contain",
     scale: 0.9,
     speed: 0,
     frame: 0,
+    colorBack: "#d3d2ab",
+    colorPaper: "#ffffffb5",
     colorShadow: "#b3b3b3",
-    colorBack: "#ffffff",
-    roughness: 0,
+    roughness: 0.4,
     roughnessSize: 0.25,
-    fiber: 0.65,
+    roughnessRows: 0,
+    fiber: 0.4,
     fiberSize: 0.5,
-    folds: 0.5,
-    foldCount: 6,
-    creases: 0,
-    creaseSizeX: 0.6,
-    creaseSizeY: 0.89,
-    creaseOffsetX: 0,
-    creaseOffsetY: 0,
-    lightAngle: 300,
-    drops: 0.7,
+    crumples: 0,
+    crumpleCount: 6,
+    wrinkles: 1,
+    wrinkleSize: 0.65,
+    folds: 0,
+    foldSizeX: 0.6,
+    foldSizeY: 0.44,
+    foldOffsetX: 0,
+    foldOffsetY: 0,
+    angle: 300,
+    drops: 1,
     seed: 234,
-    background: true
+    clip: false
   }
 };
-const gridPreset = {
-  name: "Grid",
+const creasedPreset = {
+  name: "Creased",
   params: {
     ...defaultObjectSizing,
     blending: 1,
-    distortion: 0.5,
+    distortion: -0.5,
     fit: "contain",
     scale: 0.9,
     speed: 0,
     frame: 0,
-    colorShadow: "#605b52",
-    colorBack: "#ffffff",
-    roughness: 0.16,
+    colorBack: "#d3d2ab",
+    colorPaper: "#ffffff",
+    colorShadow: "#b3b3b3",
+    roughness: 0.4,
     roughnessSize: 0.25,
-    fiber: 0.32,
+    roughnessRows: 0,
+    fiber: 0.4,
     fiberSize: 0.5,
+    crumples: 1,
+    crumpleCount: 7,
+    wrinkles: 0,
+    wrinkleSize: 0.65,
     folds: 0,
-    foldCount: 12,
-    creases: 0.25,
-    creaseSizeX: 0.6,
-    creaseSizeY: 0.89,
-    creaseOffsetX: 0.59,
-    creaseOffsetY: 1,
-    lightAngle: 140,
+    foldSizeX: 0.6,
+    foldSizeY: 0.89,
+    foldOffsetX: 0.59,
+    foldOffsetY: 1,
+    angle: 236,
     drops: 0,
-    seed: 613,
-    background: true
+    seed: 185,
+    clip: false
   }
 };
 const spreadPreset = {
@@ -77,92 +85,104 @@ const spreadPreset = {
   params: {
     ...defaultObjectSizing,
     blending: 1,
-    distortion: 0.38,
+    distortion: -0.3,
     fit: "contain",
     scale: 0.9,
     speed: 0,
     frame: 0,
-    colorShadow: "#c2c2c2",
-    colorBack: "#ffffff",
-    roughness: 0.16,
+    colorBack: "#ffffff00",
+    colorPaper: "#ffffffb5",
+    colorShadow: "#b3b3b3",
+    roughness: 0.15,
     roughnessSize: 0.25,
-    fiber: 0.62,
-    fiberSize: 0.58,
-    folds: 0.25,
-    foldCount: 9,
-    creases: 0.55,
-    creaseSizeX: 0,
-    creaseSizeY: 0.89,
-    creaseOffsetX: 0,
-    creaseOffsetY: 0,
-    lightAngle: 88,
+    roughnessRows: 0,
+    fiber: 0.5,
+    fiberSize: 0.5,
+    crumples: 0,
+    crumpleCount: 9,
+    wrinkles: 0,
+    wrinkleSize: 0.65,
+    folds: 1,
+    foldSizeX: 0.4,
+    foldSizeY: 0.89,
+    foldOffsetX: 0,
+    foldOffsetY: 0,
+    angle: 236,
     drops: 0,
-    seed: 563,
-    background: false
+    seed: 613,
+    clip: true
   }
 };
-const coloredPreset = {
-  name: "Colored",
+const flatPreset = {
+  name: "Flat",
   params: {
     ...defaultObjectSizing,
     blending: 1,
-    distortion: 0.5,
+    distortion: 0,
     fit: "contain",
     scale: 0.9,
     speed: 0,
     frame: 0,
-    colorShadow: "#7654c9",
-    colorBack: "#f5b689",
-    roughness: 0,
-    roughnessSize: 0.08,
-    fiber: 0.52,
+    colorBack: "#d4cdab",
+    colorPaper: "#ffffffa8",
+    colorShadow: "#b3b3b3",
+    roughness: 1,
+    roughnessSize: 0.5,
+    roughnessRows: 0.6,
+    fiber: 0.7,
     fiberSize: 1,
+    crumples: 0,
+    crumpleCount: 6,
+    wrinkles: 0,
+    wrinkleSize: 0,
     folds: 0,
-    foldCount: 12,
-    creases: 0.43,
-    creaseSizeX: 1,
-    creaseSizeY: 0.89,
-    creaseOffsetX: 0.62,
-    creaseOffsetY: 0,
-    lightAngle: 316,
-    drops: 1,
-    seed: 476,
-    background: true
+    foldSizeX: 0,
+    foldSizeY: 0.44,
+    foldOffsetX: 0,
+    foldOffsetY: 0,
+    angle: 0,
+    drops: 0.5,
+    seed: 455,
+    clip: false
   }
 };
 const paperTexturePresets = [
   defaultPreset,
   spreadPreset,
-  gridPreset,
-  coloredPreset
+  creasedPreset,
+  flatPreset
 ];
 const PaperTexture = memo(function PaperTextureImpl({
   // Own props
   speed = defaultPreset.params.speed,
   frame = defaultPreset.params.frame,
-  colorShadow = defaultPreset.params.colorShadow,
   colorBack = defaultPreset.params.colorBack,
+  colorPaper = defaultPreset.params.colorPaper,
+  colorShadow = defaultPreset.params.colorShadow,
   image = "",
   roughness = defaultPreset.params.roughness,
   roughnessSize = defaultPreset.params.roughnessSize,
+  roughnessRows = defaultPreset.params.roughnessRows,
   fiber = defaultPreset.params.fiber,
+  crumples = defaultPreset.params.crumples,
+  wrinkles = defaultPreset.params.wrinkles,
+  wrinkleSize = defaultPreset.params.wrinkleSize,
   folds = defaultPreset.params.folds,
-  creases = defaultPreset.params.creases,
-  creaseSizeX = defaultPreset.params.creaseSizeX,
-  creaseSizeY = defaultPreset.params.creaseSizeY,
-  creaseOffsetX = defaultPreset.params.creaseOffsetX,
-  creaseOffsetY = defaultPreset.params.creaseOffsetY,
-  lightAngle = defaultPreset.params.lightAngle,
+  foldSizeX = defaultPreset.params.foldSizeX,
+  foldSizeY = defaultPreset.params.foldSizeY,
+  foldOffsetX = defaultPreset.params.foldOffsetX,
+  foldOffsetY = defaultPreset.params.foldOffsetY,
+  angle = defaultPreset.params.angle,
   drops = defaultPreset.params.drops,
   seed = defaultPreset.params.seed,
   blending = defaultPreset.params.blending,
   distortion = defaultPreset.params.distortion,
-  background = defaultPreset.params.background,
+  clip = defaultPreset.params.clip,
   // Reworked props
   fiberScale,
   fiberSize = fiberScale === void 0 ? defaultPreset.params.fiberSize : 0.2 / fiberScale,
   foldsNumber,
-  foldCount = foldsNumber === void 0 ? defaultPreset.params.foldCount : foldsNumber,
+  crumpleCount = foldsNumber === void 0 ? defaultPreset.params.crumpleCount : foldsNumber,
   // Sizing props
   fit = defaultPreset.params.fit,
   scale = defaultPreset.params.scale,
@@ -180,25 +200,29 @@ const PaperTexture = memo(function PaperTextureImpl({
     // Own uniforms
     u_image: image,
     u_isImage: Boolean(image),
-    u_colorShadow: getShaderColorFromString(colorShadow),
     u_colorBack: getShaderColorFromString(colorBack),
+    u_colorPaper: getShaderColorFromString(colorPaper),
+    u_colorShadow: getShaderColorFromString(colorShadow),
     u_roughness: roughness,
     u_roughnessSize: roughnessSize,
+    u_roughnessRows: roughnessRows,
     u_fiber: fiber,
     u_fiberSize: fiberSize,
-    u_foldCount: foldCount,
-    u_creaseSizeX: creaseSizeX,
-    u_creaseSizeY: creaseSizeY,
-    u_creaseOffsetX: creaseOffsetX,
-    u_creaseOffsetY: creaseOffsetY,
-    u_lightAngle: lightAngle,
+    u_crumpleCount: crumpleCount,
+    u_foldSizeX: foldSizeX,
+    u_foldSizeY: foldSizeY,
+    u_foldOffsetX: foldOffsetX,
+    u_foldOffsetY: foldOffsetY,
+    u_angle: angle,
+    u_crumples: crumples,
+    u_wrinkles: wrinkles,
+    u_wrinkleSize: wrinkleSize,
     u_folds: folds,
-    u_creases: creases,
     u_drops: drops,
     u_seed: seed,
     u_blending: blending,
     u_distortion: distortion,
-    u_background: background,
+    u_clip: clip,
     ...noiseTexture,
     // Sizing uniforms
     u_fit: ShaderFitOptions[fit],
@@ -225,9 +249,9 @@ const PaperTexture = memo(function PaperTextureImpl({
 }, colorPropsAreEqual);
 export {
   PaperTexture,
-  coloredPreset,
+  creasedPreset,
   defaultPreset,
-  gridPreset,
+  flatPreset,
   paperTexturePresets,
   spreadPreset
 };

package/dist/shaders/paper-texture.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/shaders/paper-texture.tsx"],
-  "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  getShaderNoiseTexture,\n  paperTextureFragmentShader,\n  ShaderFitOptions,\n  type ImageShaderPreset,\n  type PaperTextureParams,\n  type PaperTextureUniforms,\n} from '@paper-design/shaders';\n\nexport interface PaperTextureProps extends ShaderComponentProps, PaperTextureParams {\n  /** @deprecated use `fiberSize` instead */\n  fiberScale?: number;\n  /** @deprecated use `foldCount` instead */\n  foldsNumber?: number;\n}\n\ntype PaperTexturePreset = ImageShaderPreset<PaperTextureParams>;\n\nexport const defaultPreset: PaperTexturePreset = {\n  name: 'Default',\n  params: {\n    ...defaultObjectSizing,\n    blending: 1,\n    distortion: 0.5,\n    fit: 'contain',\n    scale: 0.9,\n    speed: 0,\n    frame: 0,\n    colorShadow: '#b3b3b3',\n    colorBack: '#ffffff',\n    roughness: 0,\n    roughnessSize: 0.25,\n    fiber: 0.65,\n    fiberSize: 0.5,\n    folds: 0.5,\n    foldCount: 6,\n    creases: 0,\n    creaseSizeX: 0.6,\n    creaseSizeY: 0.89,\n    creaseOffsetX: 0,\n    creaseOffsetY: 0,\n    lightAngle: 300,\n    drops: 0.7,\n    seed: 234,\n    background: true,\n  },\n};\n\nexport const gridPreset: PaperTexturePreset = {\n  name: 'Grid',\n  params: {\n    ...defaultObjectSizing,\n    blending: 1,\n    distortion: 0.5,\n    fit: 'contain',\n    scale: 0.9,\n    speed: 0,\n    frame: 0,\n    colorShadow: '#605b52',\n    colorBack: '#ffffff',\n    roughness: 0.16,\n    roughnessSize: 0.25,\n    fiber: 0.32,\n    fiberSize: 0.5,\n    folds: 0,\n    foldCount: 12,\n    creases: 0.25,\n    creaseSizeX: 0.6,\n    creaseSizeY: 0.89,\n    creaseOffsetX: 0.59,\n    creaseOffsetY: 1,\n    lightAngle: 140,\n    drops: 0,\n    seed: 613,\n    background: true,\n  },\n};\n\nexport const spreadPreset: PaperTexturePreset = {\n  name: 'Spread',\n  params: {\n    ...defaultObjectSizing,\n    blending: 1,\n    distortion: 0.38,\n    fit: 'contain',\n    scale: 0.9,\n    speed: 0,\n    frame: 0,\n    colorShadow: '#c2c2c2',\n    colorBack: '#ffffff',\n    roughness: 0.16,\n    roughnessSize: 0.25,\n    fiber: 0.62,\n    fiberSize: 0.58,\n    folds: 0.25,\n    foldCount: 9,\n    creases: 0.55,\n    creaseSizeX: 0,\n    creaseSizeY: 0.89,\n    creaseOffsetX: 0,\n    creaseOffsetY: 0,\n    lightAngle: 88,\n    drops: 0,\n    seed: 563,\n    background: false,\n  },\n};\n\nexport const coloredPreset: PaperTexturePreset = {\n  name: 'Colored',\n  params: {\n    ...defaultObjectSizing,\n    blending: 1,\n    distortion: 0.5,\n    fit: 'contain',\n    scale: 0.9,\n    speed: 0,\n    frame: 0,\n    colorShadow: '#7654c9',\n    colorBack: '#f5b689',\n    roughness: 0,\n    roughnessSize: 0.08,\n    fiber: 0.52,\n    fiberSize: 1,\n    folds: 0,\n    foldCount: 12,\n    creases: 0.43,\n    creaseSizeX: 1,\n    creaseSizeY: 0.89,\n    creaseOffsetX: 0.62,\n    creaseOffsetY: 0,\n    lightAngle: 316,\n    drops: 1,\n    seed: 476,\n    background: true,\n  },\n};\n\nexport const paperTexturePresets: PaperTexturePreset[] = [\n  defaultPreset,\n  spreadPreset,\n  gridPreset,\n  coloredPreset,\n] as const;\n\nexport const PaperTexture: React.FC<PaperTextureProps> = memo(function PaperTextureImpl({\n  // Own props\n  speed = defaultPreset.params.speed,\n  frame = defaultPreset.params.frame,\n  colorShadow = defaultPreset.params.colorShadow,\n  colorBack = defaultPreset.params.colorBack,\n  image = '',\n  roughness = defaultPreset.params.roughness,\n  roughnessSize = defaultPreset.params.roughnessSize,\n  fiber = defaultPreset.params.fiber,\n  folds = defaultPreset.params.folds,\n  creases = defaultPreset.params.creases,\n  creaseSizeX = defaultPreset.params.creaseSizeX,\n  creaseSizeY = defaultPreset.params.creaseSizeY,\n  creaseOffsetX = defaultPreset.params.creaseOffsetX,\n  creaseOffsetY = defaultPreset.params.creaseOffsetY,\n  lightAngle = defaultPreset.params.lightAngle,\n  drops = defaultPreset.params.drops,\n  seed = defaultPreset.params.seed,\n  blending = defaultPreset.params.blending,\n  distortion = defaultPreset.params.distortion,\n  background = defaultPreset.params.background,\n\n  // Reworked props\n  fiberScale,\n  fiberSize = fiberScale === undefined ? defaultPreset.params.fiberSize : 0.2 / fiberScale,\n  foldsNumber,\n  foldCount = foldsNumber === undefined ? defaultPreset.params.foldCount : foldsNumber,\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}: PaperTextureProps) {\n  const noiseTexture = typeof window !== 'undefined' && { u_noiseTexture: getShaderNoiseTexture() };\n\n  const uniforms = {\n    // Own uniforms\n    u_image: image,\n    u_isImage: Boolean(image),\n    u_colorShadow: getShaderColorFromString(colorShadow),\n    u_colorBack: getShaderColorFromString(colorBack),\n    u_roughness: roughness,\n    u_roughnessSize: roughnessSize,\n    u_fiber: fiber,\n    u_fiberSize: fiberSize,\n    u_foldCount: foldCount,\n    u_creaseSizeX: creaseSizeX,\n    u_creaseSizeY: creaseSizeY,\n    u_creaseOffsetX: creaseOffsetX,\n    u_creaseOffsetY: creaseOffsetY,\n    u_lightAngle: lightAngle,\n    u_folds: folds,\n    u_creases: creases,\n    u_drops: drops,\n    u_seed: seed,\n    u_blending: blending,\n    u_distortion: distortion,\n    u_background: background,\n    ...noiseTexture,\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 PaperTextureUniforms;\n\n  return (\n    <ShaderMount\n      {...props}\n      speed={speed}\n      frame={frame}\n      fragmentShader={paperTextureFragmentShader}\n      mipmaps={['u_image']}\n      uniforms={uniforms}\n    />\n  );\n}, colorPropsAreEqual);\n"],
-  "mappings": "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",
+  "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  getShaderNoiseTexture,\n  paperTextureFragmentShader,\n  ShaderFitOptions,\n  type ImageShaderPreset,\n  type PaperTextureParams,\n  type PaperTextureUniforms,\n} from '@paper-design/shaders';\n\nexport interface PaperTextureProps extends ShaderComponentProps, PaperTextureParams {\n  /** @deprecated use `fiberSize` instead */\n  fiberScale?: number;\n  /** @deprecated use `crumpleCount` instead */\n  foldsNumber?: number;\n}\n\ntype PaperTexturePreset = ImageShaderPreset<PaperTextureParams>;\n\nexport const defaultPreset: PaperTexturePreset = {\n  name: 'Default',\n  params: {\n    ...defaultObjectSizing,\n    blending: 1,\n    distortion: 0.75,\n    fit: 'contain',\n    scale: 0.9,\n    speed: 0,\n    frame: 0,\n    colorBack: '#d3d2ab',\n    colorPaper: '#ffffffb5',\n    colorShadow: '#b3b3b3',\n    roughness: 0.4,\n    roughnessSize: 0.25,\n    roughnessRows: 0,\n    fiber: 0.4,\n    fiberSize: 0.5,\n    crumples: 0,\n    crumpleCount: 6,\n    wrinkles: 1,\n    wrinkleSize: 0.65,\n    folds: 0,\n    foldSizeX: 0.6,\n    foldSizeY: 0.44,\n    foldOffsetX: 0,\n    foldOffsetY: 0,\n    angle: 300,\n    drops: 1,\n    seed: 234,\n    clip: false,\n  },\n};\n\nexport const creasedPreset: PaperTexturePreset = {\n  name: 'Creased',\n  params: {\n    ...defaultObjectSizing,\n    blending: 1,\n    distortion: -0.5,\n    fit: 'contain',\n    scale: 0.9,\n    speed: 0,\n    frame: 0,\n    colorBack: '#d3d2ab',\n    colorPaper: '#ffffff',\n    colorShadow: '#b3b3b3',\n    roughness: 0.4,\n    roughnessSize: 0.25,\n    roughnessRows: 0,\n    fiber: 0.4,\n    fiberSize: 0.5,\n    crumples: 1,\n    crumpleCount: 7,\n    wrinkles: 0,\n    wrinkleSize: 0.65,\n    folds: 0,\n    foldSizeX: 0.6,\n    foldSizeY: 0.89,\n    foldOffsetX: 0.59,\n    foldOffsetY: 1,\n    angle: 236,\n    drops: 0,\n    seed: 185,\n    clip: false,\n  },\n};\n\nexport const spreadPreset: PaperTexturePreset = {\n  name: 'Spread',\n  params: {\n    ...defaultObjectSizing,\n    blending: 1,\n    distortion: -0.3,\n    fit: 'contain',\n    scale: 0.9,\n    speed: 0,\n    frame: 0,\n    colorBack: '#ffffff00',\n    colorPaper: '#ffffffb5',\n    colorShadow: '#b3b3b3',\n    roughness: 0.15,\n    roughnessSize: 0.25,\n    roughnessRows: 0,\n    fiber: 0.5,\n    fiberSize: 0.5,\n    crumples: 0,\n    crumpleCount: 9,\n    wrinkles: 0,\n    wrinkleSize: 0.65,\n    folds: 1,\n    foldSizeX: 0.4,\n    foldSizeY: 0.89,\n    foldOffsetX: 0,\n    foldOffsetY: 0,\n    angle: 236,\n    drops: 0,\n    seed: 613,\n    clip: true,\n  },\n};\n\nexport const flatPreset: PaperTexturePreset = {\n  name: 'Flat',\n  params: {\n    ...defaultObjectSizing,\n    blending: 1,\n    distortion: 0,\n    fit: 'contain',\n    scale: 0.9,\n    speed: 0,\n    frame: 0,\n    colorBack: '#d4cdab',\n    colorPaper: '#ffffffa8',\n    colorShadow: '#b3b3b3',\n    roughness: 1,\n    roughnessSize: 0.5,\n    roughnessRows: 0.6,\n    fiber: 0.7,\n    fiberSize: 1,\n    crumples: 0,\n    crumpleCount: 6,\n    wrinkles: 0,\n    wrinkleSize: 0,\n    folds: 0,\n    foldSizeX: 0,\n    foldSizeY: 0.44,\n    foldOffsetX: 0,\n    foldOffsetY: 0,\n    angle: 0,\n    drops: 0.5,\n    seed: 455,\n    clip: false,\n  },\n};\n\nexport const paperTexturePresets: PaperTexturePreset[] = [\n  defaultPreset,\n  spreadPreset,\n  creasedPreset,\n  flatPreset,\n] as const;\n\nexport const PaperTexture: React.FC<PaperTextureProps> = memo(function PaperTextureImpl({\n  // Own props\n  speed = defaultPreset.params.speed,\n  frame = defaultPreset.params.frame,\n  colorBack = defaultPreset.params.colorBack,\n  colorPaper = defaultPreset.params.colorPaper,\n  colorShadow = defaultPreset.params.colorShadow,\n  image = '',\n  roughness = defaultPreset.params.roughness,\n  roughnessSize = defaultPreset.params.roughnessSize,\n  roughnessRows = defaultPreset.params.roughnessRows,\n  fiber = defaultPreset.params.fiber,\n  crumples = defaultPreset.params.crumples,\n  wrinkles = defaultPreset.params.wrinkles,\n  wrinkleSize = defaultPreset.params.wrinkleSize,\n  folds = defaultPreset.params.folds,\n  foldSizeX = defaultPreset.params.foldSizeX,\n  foldSizeY = defaultPreset.params.foldSizeY,\n  foldOffsetX = defaultPreset.params.foldOffsetX,\n  foldOffsetY = defaultPreset.params.foldOffsetY,\n  angle = defaultPreset.params.angle,\n  drops = defaultPreset.params.drops,\n  seed = defaultPreset.params.seed,\n  blending = defaultPreset.params.blending,\n  distortion = defaultPreset.params.distortion,\n  clip = defaultPreset.params.clip,\n\n  // Reworked props\n  fiberScale,\n  fiberSize = fiberScale === undefined ? defaultPreset.params.fiberSize : 0.2 / fiberScale,\n  foldsNumber,\n  crumpleCount = foldsNumber === undefined ? defaultPreset.params.crumpleCount : foldsNumber,\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}: PaperTextureProps) {\n  const noiseTexture = typeof window !== 'undefined' && { u_noiseTexture: getShaderNoiseTexture() };\n\n  const uniforms = {\n    // Own uniforms\n    u_image: image,\n    u_isImage: Boolean(image),\n    u_colorBack: getShaderColorFromString(colorBack),\n    u_colorPaper: getShaderColorFromString(colorPaper),\n    u_colorShadow: getShaderColorFromString(colorShadow),\n    u_roughness: roughness,\n    u_roughnessSize: roughnessSize,\n    u_roughnessRows: roughnessRows,\n    u_fiber: fiber,\n    u_fiberSize: fiberSize,\n    u_crumpleCount: crumpleCount,\n    u_foldSizeX: foldSizeX,\n    u_foldSizeY: foldSizeY,\n    u_foldOffsetX: foldOffsetX,\n    u_foldOffsetY: foldOffsetY,\n    u_angle: angle,\n    u_crumples: crumples,\n    u_wrinkles: wrinkles,\n    u_wrinkleSize: wrinkleSize,\n    u_folds: folds,\n    u_drops: drops,\n    u_seed: seed,\n    u_blending: blending,\n    u_distortion: distortion,\n    u_clip: clip,\n    ...noiseTexture,\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 PaperTextureUniforms;\n\n  return (\n    <ShaderMount\n      {...props}\n      speed={speed}\n      frame={frame}\n      fragmentShader={paperTextureFragmentShader}\n      mipmaps={['u_image']}\n      uniforms={uniforms}\n    />\n  );\n}, colorPropsAreEqual);\n"],
+  "mappings": "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",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paper-design/shaders-react",
-  "version": "0.0.0-canary.7fc2fb35",
+  "version": "0.0.0-canary.821d62d",
   "license": "Apache-2.0",
   "type": "module",
   "sideEffects": false,
@@ -26,7 +26,7 @@
     "type-check": "tsc --project tsconfig.json"
   },
   "dependencies": {
-    "@paper-design/shaders": "0.0.0-canary.7fc2fb35"
+    "@paper-design/shaders": "0.0.0-canary.821d62d"
   },
   "devDependencies": {
     "@types/react": "19.1.0"