@toriistudio/shader-ui 0.0.9 → 0.0.11

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 (5) hide show
  1. package/dist/index.d.mts +19 -3
  2. package/dist/index.d.ts +19 -3
  3. package/dist/index.js +459 -9
  4. package/dist/index.mjs +472 -18
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -313,7 +313,11 @@ type DitherStreamProps = {
313
313
  height?: string | number;
314
314
  className?: string;
315
315
  style?: React.CSSProperties;
316
+ children?: React.ReactNode;
316
317
  imageTextureSrc?: string;
318
+ backgroundImageSrc?: string;
319
+ backgroundImageScale?: number;
320
+ backgroundDithered?: boolean;
317
321
  projectionSpeed?: number;
318
322
  beamSpeed?: number;
319
323
  beamDirection?: "counterclockwise" | "clockwise";
@@ -321,11 +325,23 @@ type DitherStreamProps = {
321
325
  beamCenter?: [number, number];
322
326
  beamRadius?: number;
323
327
  beamScale?: number;
324
- beamPathShape?: "circle" | "square" | "diamond" | "triangle" | "oval";
328
+ beamPathShape?: "circle" | "square" | "diamond" | "triangle" | "oval" | "custom";
329
+ beamCustomPathPoints?: Array<[number, number]>;
330
+ beamEnabled?: boolean;
325
331
  pathPos?: [number, number];
326
332
  pathAngle?: number;
327
333
  godrayIntensity?: number;
328
334
  };
329
- declare function DitherStream({ width, height, className, style, imageTextureSrc, projectionSpeed, beamSpeed, beamDirection, beamColor, beamCenter, beamRadius, beamScale, beamPathShape, pathPos, pathAngle, godrayIntensity, }: DitherStreamProps): react_jsx_runtime.JSX.Element;
335
+ declare function DitherStream({ width, height, className, style, children, imageTextureSrc, backgroundImageSrc, backgroundImageScale, backgroundDithered, projectionSpeed, beamSpeed, beamDirection, beamColor, beamCenter, beamRadius, beamScale, beamPathShape, beamCustomPathPoints, beamEnabled, pathPos, pathAngle, godrayIntensity, }: DitherStreamProps): react_jsx_runtime.JSX.Element;
330
336
 
331
- export { AnimatedDrawingSVG, type CombineShaderMode, DitherPulseRing, DitherStream, EFECTO_ASCII_COMPONENT_DEFAULTS, EFECTO_ASCII_POST_PROCESSING_DEFAULTS, Efecto, type EfectoAsciiColorPalette, type EfectoAsciiStyle, type PublicPostProcessingSettings as EfectoPublicAsciiPostProcessingSettings, FractalFlower, MenuGlitch, type MenuGlitchUniforms, OranoParticles, type OranoParticlesUniforms, RippleWave, ShaderArt, type ShaderArtUniforms, Snow, WANDY_HAND_DEFAULTS, WandyHand };
337
+ type DitherStreamPathDrawerProps = {
338
+ enabled: boolean;
339
+ beamColor?: string;
340
+ backgroundImageSrc?: string;
341
+ backgroundImageScale?: number;
342
+ onCommit: (points: Array<[number, number]>) => void;
343
+ onCancel?: () => void;
344
+ };
345
+ declare function DitherStreamPathDrawer({ enabled, beamColor, backgroundImageSrc, backgroundImageScale, onCommit, onCancel, }: DitherStreamPathDrawerProps): react_jsx_runtime.JSX.Element | null;
346
+
347
+ export { AnimatedDrawingSVG, type CombineShaderMode, DitherPulseRing, DitherStream, DitherStreamPathDrawer, EFECTO_ASCII_COMPONENT_DEFAULTS, EFECTO_ASCII_POST_PROCESSING_DEFAULTS, Efecto, type EfectoAsciiColorPalette, type EfectoAsciiStyle, type PublicPostProcessingSettings as EfectoPublicAsciiPostProcessingSettings, FractalFlower, MenuGlitch, type MenuGlitchUniforms, OranoParticles, type OranoParticlesUniforms, RippleWave, ShaderArt, type ShaderArtUniforms, Snow, WANDY_HAND_DEFAULTS, WandyHand };
package/dist/index.d.ts CHANGED
@@ -313,7 +313,11 @@ type DitherStreamProps = {
313
313
  height?: string | number;
314
314
  className?: string;
315
315
  style?: React.CSSProperties;
316
+ children?: React.ReactNode;
316
317
  imageTextureSrc?: string;
318
+ backgroundImageSrc?: string;
319
+ backgroundImageScale?: number;
320
+ backgroundDithered?: boolean;
317
321
  projectionSpeed?: number;
318
322
  beamSpeed?: number;
319
323
  beamDirection?: "counterclockwise" | "clockwise";
@@ -321,11 +325,23 @@ type DitherStreamProps = {
321
325
  beamCenter?: [number, number];
322
326
  beamRadius?: number;
323
327
  beamScale?: number;
324
- beamPathShape?: "circle" | "square" | "diamond" | "triangle" | "oval";
328
+ beamPathShape?: "circle" | "square" | "diamond" | "triangle" | "oval" | "custom";
329
+ beamCustomPathPoints?: Array<[number, number]>;
330
+ beamEnabled?: boolean;
325
331
  pathPos?: [number, number];
326
332
  pathAngle?: number;
327
333
  godrayIntensity?: number;
328
334
  };
329
- declare function DitherStream({ width, height, className, style, imageTextureSrc, projectionSpeed, beamSpeed, beamDirection, beamColor, beamCenter, beamRadius, beamScale, beamPathShape, pathPos, pathAngle, godrayIntensity, }: DitherStreamProps): react_jsx_runtime.JSX.Element;
335
+ declare function DitherStream({ width, height, className, style, children, imageTextureSrc, backgroundImageSrc, backgroundImageScale, backgroundDithered, projectionSpeed, beamSpeed, beamDirection, beamColor, beamCenter, beamRadius, beamScale, beamPathShape, beamCustomPathPoints, beamEnabled, pathPos, pathAngle, godrayIntensity, }: DitherStreamProps): react_jsx_runtime.JSX.Element;
330
336
 
331
- export { AnimatedDrawingSVG, type CombineShaderMode, DitherPulseRing, DitherStream, EFECTO_ASCII_COMPONENT_DEFAULTS, EFECTO_ASCII_POST_PROCESSING_DEFAULTS, Efecto, type EfectoAsciiColorPalette, type EfectoAsciiStyle, type PublicPostProcessingSettings as EfectoPublicAsciiPostProcessingSettings, FractalFlower, MenuGlitch, type MenuGlitchUniforms, OranoParticles, type OranoParticlesUniforms, RippleWave, ShaderArt, type ShaderArtUniforms, Snow, WANDY_HAND_DEFAULTS, WandyHand };
337
+ type DitherStreamPathDrawerProps = {
338
+ enabled: boolean;
339
+ beamColor?: string;
340
+ backgroundImageSrc?: string;
341
+ backgroundImageScale?: number;
342
+ onCommit: (points: Array<[number, number]>) => void;
343
+ onCancel?: () => void;
344
+ };
345
+ declare function DitherStreamPathDrawer({ enabled, beamColor, backgroundImageSrc, backgroundImageScale, onCommit, onCancel, }: DitherStreamPathDrawerProps): react_jsx_runtime.JSX.Element | null;
346
+
347
+ export { AnimatedDrawingSVG, type CombineShaderMode, DitherPulseRing, DitherStream, DitherStreamPathDrawer, EFECTO_ASCII_COMPONENT_DEFAULTS, EFECTO_ASCII_POST_PROCESSING_DEFAULTS, Efecto, type EfectoAsciiColorPalette, type EfectoAsciiStyle, type PublicPostProcessingSettings as EfectoPublicAsciiPostProcessingSettings, FractalFlower, MenuGlitch, type MenuGlitchUniforms, OranoParticles, type OranoParticlesUniforms, RippleWave, ShaderArt, type ShaderArtUniforms, Snow, WANDY_HAND_DEFAULTS, WandyHand };