@paper-design/shaders 0.0.31 → 0.0.32

package/dist/index.d.ts

@@ -1,45 +1,43 @@
 /** The core Shader Mount class. Pass it a parent element and a fragment shader to get started. */
-export { ShaderMount, isPaperShaderElement } from './shader-mount.js';
-export type { PaperShaderElement, ShaderMotionParams, ShaderMountUniforms, ShaderPreset } from './shader-mount.js';
+export { ShaderMount, isPaperShaderElement } from './shader-mount';
+export type { PaperShaderElement, ShaderMotionParams, ShaderMountUniforms, ShaderPreset } from './shader-mount';
 /** Shader sizing options and uniforms */
-export { defaultObjectSizing, defaultPatternSizing, ShaderFitOptions, type ShaderFit, type ShaderSizingParams, type ShaderSizingUniforms, } from './shader-sizing.js';
+export { defaultObjectSizing, defaultPatternSizing, ShaderFitOptions, type ShaderFit, type ShaderSizingParams, type ShaderSizingUniforms, } from './shader-sizing';
 /** A shader that renders a mesh gradient with a rotating noise pattern and several layers of fractal noise */
-export { meshGradientFragmentShader, meshGradientMeta, type MeshGradientParams, type MeshGradientUniforms, } from './shaders/mesh-gradient.js';
+export { meshGradientFragmentShader, meshGradientMeta, type MeshGradientParams, type MeshGradientUniforms, } from './shaders/mesh-gradient';
 /** Fractional Brownian motion (fBm) noise over the polar coordinates, masked with ring shape */
-export { smokeRingMeta, smokeRingFragmentShader, type SmokeRingParams, type SmokeRingUniforms, } from './shaders/smoke-ring.js';
+export { smokeRingMeta, smokeRingFragmentShader, type SmokeRingParams, type SmokeRingUniforms, } from './shaders/smoke-ring';
 /** A shader rendering a fractal-like structure made of several layers of since-arches */
-export { neuroNoiseFragmentShader, type NeuroNoiseParams, type NeuroNoiseUniforms } from './shaders/neuro-noise.js';
+export { neuroNoiseFragmentShader, type NeuroNoiseParams, type NeuroNoiseUniforms } from './shaders/neuro-noise';
 /** A shader rendering an animated dot pattern based on Voronoi diagram */
-export { dotOrbitMeta, dotOrbitFragmentShader, type DotOrbitParams, type DotOrbitUniforms, } from './shaders/dot-orbit.js';
+export { dotOrbitMeta, dotOrbitFragmentShader, type DotOrbitParams, type DotOrbitUniforms } from './shaders/dot-orbit';
 /** A shader rendering a static dot pattern */
-export { dotGridFragmentShader, DotGridShapes, type DotGridShape, type DotGridParams, type DotGridUniforms, } from './shaders/dot-grid.js';
+export { dotGridFragmentShader, DotGridShapes, type DotGridShape, type DotGridParams, type DotGridUniforms, } from './shaders/dot-grid';
 /** A shader that calculates a combination of 2 simplex noises with result rendered as a gradient */
-export { simplexNoiseMeta, simplexNoiseFragmentShader, type SimplexNoiseParams, type SimplexNoiseUniforms, } from './shaders/simplex-noise.js';
+export { simplexNoiseMeta, simplexNoiseFragmentShader, type SimplexNoiseParams, type SimplexNoiseUniforms, } from './shaders/simplex-noise';
 /** A number of circlular shapes blened in a gooey way */
-export { metaballsMeta, metaballsFragmentShader, type MetaballsParams, type MetaballsUniforms, } from './shaders/metaballs.js';
+export { metaballsMeta, metaballsFragmentShader, type MetaballsParams, type MetaballsUniforms, } from './shaders/metaballs';
 /** 2d noise with max number of parameters to be exposed to users */
-export { perlinNoiseFragmentShader, type PerlinNoiseParams, type PerlinNoiseUniforms } from './shaders/perlin-noise.js';
+export { perlinNoiseFragmentShader, type PerlinNoiseParams, type PerlinNoiseUniforms } from './shaders/perlin-noise';
 /** Voronoi diagram: classic + rounded edges */
-export { voronoiMeta, voronoiFragmentShader, type VoronoiParams, type VoronoiUniforms } from './shaders/voronoi.js';
+export { voronoiMeta, voronoiFragmentShader, type VoronoiParams, type VoronoiUniforms } from './shaders/voronoi';
 /** Waves pattern */
-export { wavesFragmentShader, type WavesParams, type WavesUniforms } from './shaders/waves.js';
+export { wavesFragmentShader, type WavesParams, type WavesUniforms } from './shaders/waves';
 /** Warp: distortion + swirl + underlying shapes */
-export { warpMeta, warpFragmentShader, WarpPatterns, type WarpParams, type WarpUniforms, type WarpPattern, } from './shaders/warp.js';
+export { warpMeta, warpFragmentShader, WarpPatterns, type WarpParams, type WarpUniforms, type WarpPattern, } from './shaders/warp';
 /** Radial shape made of randomized stripes */
-export { godRaysMeta, godRaysFragmentShader, type GodRaysParams, type GodRaysUniforms } from './shaders/god-rays.js';
+export { godRaysMeta, godRaysFragmentShader, type GodRaysParams, type GodRaysUniforms } from './shaders/god-rays';
 /** Single-color spiral shape */
-export { spiralFragmentShader, type SpiralParams, type SpiralUniforms } from './shaders/spiral.js';
+export { spiralFragmentShader, type SpiralParams, type SpiralUniforms } from './shaders/spiral';
 /** Multi-color radial swirl  */
-export { swirlMeta, swirlFragmentShader, type SwirlParams, type SwirlUniforms } from './shaders/swirl.js';
+export { swirlMeta, swirlFragmentShader, type SwirlParams, type SwirlUniforms } from './shaders/swirl';
 /** Dithering effect applied over abstract shapes */
-export { ditheringFragmentShader, DitheringShapes, DitheringTypes, type DitheringParams, type DitheringUniforms, type DitheringShape, type DitheringType, } from './shaders/dithering.js';
+export { ditheringFragmentShader, DitheringShapes, DitheringTypes, type DitheringParams, type DitheringUniforms, type DitheringShape, type DitheringType, } from './shaders/dithering';
 /** N-color gradient applied to the abstract shapes w/ grainy overlay & distortion  */
-export { grainGradientFragmentShader, grainGradientMeta, GrainGradientShapes, type GrainGradientParams, type GrainGradientUniforms, type GrainGradientShape, } from './shaders/grain-gradient.js';
+export { grainGradientFragmentShader, grainGradientMeta, GrainGradientShapes, type GrainGradientParams, type GrainGradientUniforms, type GrainGradientShape, } from './shaders/grain-gradient';
 /** Liquid metal effect applied to the abstract shapes */
-export { liquidMetalFragmentShader, LiquidMetalShapes, type LiquidMetalParams, type LiquidMetalUniforms, type LiquidMetalShape, } from './shaders/liquid-metal.js';
+export { liquidMetalFragmentShader, type LiquidMetalParams, type LiquidMetalUniforms } from './shaders/liquid-metal';
 /** Border with configurable size & radius ade of rotating pulsing light spots  */
-export { pulsingBorderMeta, pulsingBorderFragmentShader, type PulsingBorderParams, type PulsingBorderUniforms, } from './shaders/pulsing-border.js';
-/**  */
-export { colorPanelsFragmentShader, colorPanelsMeta, type ColorPanelsParams, type ColorPanelsUniforms, } from './shaders/color-panels.js';
-export { getShaderColorFromString } from './get-shader-color-from-string.js';
-export { getShaderNoiseTexture } from './get-shader-noise-texture.js';
+export { pulsingBorderMeta, pulsingBorderFragmentShader, type PulsingBorderParams, type PulsingBorderUniforms, } from './shaders/pulsing-border';
+export { getShaderColorFromString } from './get-shader-color-from-string';
+export { getShaderNoiseTexture } from './get-shader-noise-texture';

package/dist/shaders/dithering.d.ts

@@ -1,13 +1,13 @@
-import type { ShaderMotionParams } from '../shader-mount.js';
-import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing.js';
+import type { ShaderMotionParams } from '../shader-mount';
+import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing';
 /**
  * Dithering Fragment Shader by Ksenia Kondrashova
  * Applies dithering (4 dithering types available) over the
  * abstract shapes animation (7 animated shapes available)
  *
  * Uniforms include:
- * - u_colorBack: background color, RGBA
- * - u_colorFront: pixels color, RGBA
+ * - u_color1: background color, RGBA
+ * - u_color2: pixels color, RGBA
  *
  * - u_shape (float, used as int, 1 to 7):
  *  --- shape = 1: Simplex noise pattern
@@ -29,15 +29,15 @@ import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-si
  */
 export declare const ditheringFragmentShader: string;
 export interface DitheringUniforms extends ShaderSizingUniforms {
-    u_colorBack: [number, number, number, number];
-    u_colorFront: [number, number, number, number];
+    u_color1: [number, number, number, number];
+    u_color2: [number, number, number, number];
     u_shape: (typeof DitheringShapes)[DitheringShape];
     u_type: (typeof DitheringTypes)[DitheringType];
     u_pxSize: number;
 }
 export interface DitheringParams extends ShaderSizingParams, ShaderMotionParams {
-    colorBack?: string;
-    colorFront?: string;
+    color1?: string;
+    color2?: string;
     shape?: DitheringShape;
     type?: DitheringType;
     pxSize?: number;

package/dist/shaders/dot-grid.d.ts

@@ -1,4 +1,4 @@
-import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing.js';
+import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing';
 /**
  * Dot Grid Pattern
  * (the size parameters are set in pixels)

package/dist/shaders/dot-orbit.d.ts

@@ -1,6 +1,6 @@
-import type { vec4 } from '../types.js';
-import type { ShaderMotionParams } from '../shader-mount.js';
-import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing.js';
+import type { vec4 } from '../types';
+import type { ShaderMotionParams } from '../shader-mount';
+import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing';
 export declare const dotOrbitMeta: {
     readonly maxColorCount: 10;
 };
@@ -10,7 +10,6 @@ export declare const dotOrbitMeta: {
  * Renders a dot pattern with dot placed in the center of each cell of animated Voronoi diagram
  *
  * Uniforms include:
- * - u_colorBack (vec4): the background color of the scene
  * - u_colors (vec4[]): Input RGBA colors
  * - u_colorsCount (float): Number of active colors (`u_colors` length)
  * - u_stepsPerColor (float): Discretization of the color transition
@@ -20,7 +19,6 @@ export declare const dotOrbitMeta: {
  */
 export declare const dotOrbitFragmentShader: string;
 export interface DotOrbitUniforms extends ShaderSizingUniforms {
-    u_colorBack: [number, number, number, number];
     u_colors: vec4[];
     u_colorsCount: number;
     u_size: number;
@@ -29,7 +27,6 @@ export interface DotOrbitUniforms extends ShaderSizingUniforms {
     u_stepsPerColor: number;
 }
 export interface DotOrbitParams extends ShaderSizingParams, ShaderMotionParams {
-    colorBack?: string;
     colors?: string[];
     size?: number;
     sizeRange?: number;

package/dist/shaders/god-rays.d.ts

@@ -1,6 +1,6 @@
-import type { vec4 } from '../types.js';
-import type { ShaderMotionParams } from '../shader-mount.js';
-import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing.js';
+import type { vec4 } from '../types';
+import type { ShaderMotionParams } from '../shader-mount';
+import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing';
 export declare const godRaysMeta: {
     readonly maxColorCount: 5;
 };
@@ -12,19 +12,17 @@ export declare const godRaysMeta: {
  * Uniforms include:
  *
  * - u_colorBack: background RGBA color
- * - u_colorBloom:
  * - uColors (vec4[]): Input RGBA colors
  * - u_frequency: the frequency of rays (the number of sectors)
  * - u_spotty: the density of spots in the rings (higher = more spots)
  * - u_midSize: the size of the central shape within the rings
  * - u_midIntensity: the influence of the central shape on the rings
  * - u_density (0 .. 1): the number of visible rays
- * - u_bloom (0 .. 1): normal / additive bloom
+ * - u_blending (0 .. 1): normal / additive blending
  */
 export declare const godRaysFragmentShader: string;
 export interface GodRaysUniforms extends ShaderSizingUniforms {
     u_colorBack: [number, number, number, number];
-    u_colorBloom: [number, number, number, number];
     u_colors: vec4[];
     u_colorsCount: number;
     u_spotty: number;
@@ -32,16 +30,15 @@ export interface GodRaysUniforms extends ShaderSizingUniforms {
     u_midIntensity: number;
     u_frequency: number;
     u_density: number;
-    u_bloom: number;
+    u_blending: number;
 }
 export interface GodRaysParams extends ShaderSizingParams, ShaderMotionParams {
     colorBack?: string;
-    colorBloom?: string;
     colors?: string[];
     spotty?: number;
     midSize?: number;
     midIntensity?: number;
     frequency?: number;
     density?: number;
-    bloom?: number;
+    blending?: number;
 }

package/dist/shaders/grain-gradient.d.ts

@@ -1,6 +1,6 @@
-import type { vec4 } from '../types.js';
-import type { ShaderMotionParams } from '../shader-mount.js';
-import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing.js';
+import type { vec4 } from '../types';
+import type { ShaderMotionParams } from '../shader-mount';
+import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing';
 export declare const grainGradientMeta: {
     readonly maxColorCount: 7;
 };
@@ -9,7 +9,6 @@ export declare const grainGradientMeta: {
  */
 export declare const grainGradientFragmentShader: string;
 export interface GrainGradientUniforms extends ShaderSizingUniforms {
-    u_colorBack: [number, number, number, number];
     u_colors: vec4[];
     u_colorsCount: number;
     u_softness: number;
@@ -18,7 +17,6 @@ export interface GrainGradientUniforms extends ShaderSizingUniforms {
     u_shape: (typeof GrainGradientShapes)[GrainGradientShape];
 }
 export interface GrainGradientParams extends ShaderSizingParams, ShaderMotionParams {
-    colorBack?: string;
     colors?: string[];
     softness?: number;
     intensity?: number;

package/dist/shaders/liquid-metal.d.ts

@@ -1,34 +1,19 @@
-import type { ShaderMotionParams } from '../shader-mount.js';
-import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing.js';
+import type { ShaderMotionParams } from '../shader-mount';
+import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing';
 /**
  */
 export declare const liquidMetalFragmentShader: string;
 export interface LiquidMetalUniforms extends ShaderSizingUniforms {
-    u_colorBack: [number, number, number, number];
-    u_colorTint: [number, number, number, number];
-    u_softness: number;
-    u_repetition: number;
-    u_shiftRed: number;
-    u_shiftBlue: number;
-    u_distortion: number;
-    u_contour: number;
-    u_shape: (typeof LiquidMetalShapes)[LiquidMetalShape];
+    u_patternBlur: number;
+    u_patternScale: number;
+    u_dispersion: number;
+    u_liquid: number;
+    u_shape: number;
 }
 export interface LiquidMetalParams extends ShaderSizingParams, ShaderMotionParams {
-    colorBack?: string;
-    colorTint?: string;
-    softness?: number;
-    repetition?: number;
-    shiftRed?: number;
-    shiftBlue?: number;
-    distortion?: number;
-    contour?: number;
-    shape?: LiquidMetalShape;
+    patternBlur?: number;
+    patternScale?: number;
+    dispersion?: number;
+    liquid?: number;
+    shape?: number;
 }
-export declare const LiquidMetalShapes: {
-    readonly none: 0;
-    readonly circle: 1;
-    readonly daisy: 2;
-    readonly metaballs: 3;
-};
-export type LiquidMetalShape = keyof typeof LiquidMetalShapes;

package/dist/shaders/mesh-gradient.d.ts

@@ -1,6 +1,6 @@
-import type { vec4 } from '../types.js';
-import type { ShaderMotionParams } from '../shader-mount.js';
-import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing.js';
+import type { vec4 } from '../types';
+import type { ShaderMotionParams } from '../shader-mount';
+import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing';
 export declare const meshGradientMeta: {
     readonly maxColorCount: 10;
 };

package/dist/shaders/metaballs.d.ts

@@ -1,6 +1,6 @@
-import type { vec4 } from '../types.js';
-import type { ShaderMotionParams } from '../shader-mount.js';
-import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing.js';
+import type { vec4 } from '../types';
+import type { ShaderMotionParams } from '../shader-mount';
+import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing';
 export declare const metaballsMeta: {
     readonly maxColorCount: 8;
     readonly maxBallsCount: 20;
@@ -10,7 +10,6 @@ export declare const metaballsMeta: {
  * The artwork by Ksenia Kondrashova
  *
  * Uniforms include:
- * - u_colorBack: the background color of the scene
  * - uColors (vec4[]): Input RGBA colors
  * - uColorsCount (float): Number of active colors (`uColors` length)
  * - u_count (float)
@@ -18,14 +17,12 @@ export declare const metaballsMeta: {
  */
 export declare const metaballsFragmentShader: string;
 export interface MetaballsUniforms extends ShaderSizingUniforms {
-    u_colorBack: [number, number, number, number];
     u_colors: vec4[];
     u_colorsCount: number;
     u_count: number;
     u_size: number;
 }
 export interface MetaballsParams extends ShaderSizingParams, ShaderMotionParams {
-    colorBack?: string;
     colors?: string[];
     count?: number;
     size?: number;

package/dist/shaders/neuro-noise.d.ts

@@ -1,29 +1,23 @@
-import type { ShaderMotionParams } from '../shader-mount.js';
-import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing.js';
+import type { ShaderMotionParams } from '../shader-mount';
+import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing';
 /**
  * Neuro Noise Pattern
- * Original algo: https://x.com/zozuar/status/1625182758745128981/
+ * The original artwork: https://codepen.io/ksenia-k/full/vYwgrWv by Ksenia Kondrashova
  * Renders a fractal-like structure made of several layers of since-arches
  *
  * Uniforms include:
- * u_colorFront - the highlights (overexposed noise areas)
- * u_colorMid - the base color of pattern
- * u_colorBack - the backgrond color of pattern
- * u_brightness - increase/decrease the weight of strong lines
- * u_contrast - show/hide the weak pattern lines
+ * u_colorFront - the front color of pattern
+ * u_colorBack - the back color of pattern
+ * u_brightness - the power (brightness) of pattern lines
  */
 export declare const neuroNoiseFragmentShader: string;
 export interface NeuroNoiseUniforms extends ShaderSizingUniforms {
     u_colorFront: [number, number, number, number];
-    u_colorMid: [number, number, number, number];
     u_colorBack: [number, number, number, number];
     u_brightness: number;
-    u_contrast: number;
 }
 export interface NeuroNoiseParams extends ShaderSizingParams, ShaderMotionParams {
     colorFront?: string;
-    colorMid?: string;
     colorBack?: string;
     brightness?: number;
-    contrast?: number;
 }

package/dist/shaders/perlin-noise.d.ts

@@ -1,14 +1,14 @@
-import type { ShaderMotionParams } from '../shader-mount.js';
-import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing.js';
+import type { ShaderMotionParams } from '../shader-mount';
+import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing';
 /**
  * 3d Perlin noise with exposed parameters
  * Based on https://www.shadertoy.com/view/NlSGDz
  *
  * Uniforms include:
- * u_colorFront - the first mixed color
- * u_colorBack - the second mixed color
- * u_proportion (0 .. 1) - the proportion between u_colorFront and u_colorBack;
- * u_softness - the sharpness of the transition between u_colorFront and u_colorBack in the noise output
+ * u_color1 - the first mixed color
+ * u_color2 - the second mixed color
+ * u_proportion (0 .. 1) - the proportion between u_color1 and u_color2;
+ * u_softness - the sharpness of the transition between u_color1 and u_color2 in the noise output
  * u_octaveCount - the number of octaves for Perlin noise;
  *    higher values increase the complexity of the noise
  * u_persistence (0 .. 1) - the amplitude of each successive octave of the noise;
@@ -18,8 +18,8 @@ import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-si
  */
 export declare const perlinNoiseFragmentShader: string;
 export interface PerlinNoiseUniforms extends ShaderSizingUniforms {
-    u_colorFront: [number, number, number, number];
-    u_colorBack: [number, number, number, number];
+    u_color1: [number, number, number, number];
+    u_color2: [number, number, number, number];
     u_proportion: number;
     u_softness: number;
     u_octaveCount: number;
@@ -27,8 +27,8 @@ export interface PerlinNoiseUniforms extends ShaderSizingUniforms {
     u_lacunarity: number;
 }
 export interface PerlinNoiseParams extends ShaderSizingParams, ShaderMotionParams {
-    colorFront?: string;
-    colorBack?: string;
+    color1?: string;
+    color2?: string;
     proportion?: number;
     softness?: number;
     octaveCount?: number;

package/dist/shaders/pulsing-border.d.ts

@@ -1,6 +1,6 @@
-import type { vec4 } from '../types.js';
-import type { ShaderMotionParams } from '../shader-mount.js';
-import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing.js';
+import type { vec4 } from '../types';
+import type { ShaderMotionParams } from '../shader-mount';
+import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing';
 export declare const pulsingBorderMeta: {
     readonly maxColorCount: 5;
     readonly maxSpotsPerColor: 5;

package/dist/shaders/simplex-noise.d.ts

@@ -1,6 +1,6 @@
-import type { vec4 } from '../types.js';
-import type { ShaderMotionParams } from '../shader-mount.js';
-import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing.js';
+import type { vec4 } from '../types';
+import type { ShaderMotionParams } from '../shader-mount';
+import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing';
 export declare const simplexNoiseMeta: {
     readonly maxColorCount: 10;
 };

package/dist/shaders/smoke-ring.d.ts

@@ -1,6 +1,6 @@
-import type { vec4 } from '../types.js';
-import type { ShaderMotionParams } from '../shader-mount.js';
-import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing.js';
+import type { vec4 } from '../types';
+import type { ShaderMotionParams } from '../shader-mount';
+import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing';
 export declare const smokeRingMeta: {
     readonly maxColorCount: 10;
     readonly maxNoiseIterations: 8;

package/dist/shaders/spiral.d.ts

@@ -1,5 +1,5 @@
-import type { ShaderMotionParams } from '../shader-mount.js';
-import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing.js';
+import type { ShaderMotionParams } from '../shader-mount';
+import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing';
 /**
  * Spiral shape by Ksenia Kondrashova
  * Generates a dynamic spiral shape with configurable parameters
@@ -9,8 +9,8 @@ import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-si
  * u_scale - controls the overall scale of the spiral (u_scale = 1 makes it fit the viewport height)
  * u_offsetX - left / right pan
  * u_offsetY - up / down pan
- * u_colorBack - the first color used in the spiral (stroke)
- * u_colorFront - the second color used in the spiral (back)
+ * u_color1 - the first color used in the spiral (stroke)
+ * u_color2 - the second color used in the spiral (back)
  * u_density (0 .. 1) - the spacing of the spiral arms
  * u_distortion (0 .. 1) - adds a wavy distortion effect to the spiral arms
  * u_strokeWidth (0 .. 1) - defines the thickness of the spiral lines.
@@ -22,8 +22,8 @@ import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-si
  */
 export declare const spiralFragmentShader: string;
 export interface SpiralUniforms extends ShaderSizingUniforms {
-    u_colorBack: [number, number, number, number];
-    u_colorFront: [number, number, number, number];
+    u_color1: [number, number, number, number];
+    u_color2: [number, number, number, number];
     u_density: number;
     u_distortion: number;
     u_strokeWidth: number;
@@ -34,8 +34,8 @@ export interface SpiralUniforms extends ShaderSizingUniforms {
     u_softness: number;
 }
 export interface SpiralParams extends ShaderSizingParams, ShaderMotionParams {
-    colorBack?: string;
-    colorFront?: string;
+    color1?: string;
+    color2?: string;
     density?: number;
     distortion?: number;
     strokeWidth?: number;

package/dist/shaders/swirl.d.ts

@@ -1,6 +1,6 @@
-import type { vec4 } from '../types.js';
-import type { ShaderMotionParams } from '../shader-mount.js';
-import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing.js';
+import type { vec4 } from '../types';
+import type { ShaderMotionParams } from '../shader-mount';
+import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing';
 export declare const swirlMeta: {
     readonly maxColorCount: 10;
 };
@@ -8,7 +8,6 @@ export declare const swirlMeta: {
  */
 export declare const swirlFragmentShader: string;
 export interface SwirlUniforms extends ShaderSizingUniforms {
-    u_colorBack: [number, number, number, number];
     u_colors: vec4[];
     u_colorsCount: number;
     u_bandCount: number;
@@ -18,7 +17,6 @@ export interface SwirlUniforms extends ShaderSizingUniforms {
     u_noisePower: number;
 }
 export interface SwirlParams extends ShaderSizingParams, ShaderMotionParams {
-    colorBack?: string;
     colors?: string[];
     bandCount?: number;
     twist?: number;

package/dist/shaders/voronoi.d.ts

@@ -1,6 +1,6 @@
-import type { vec4 } from '../types.js';
-import type { ShaderMotionParams } from '../shader-mount.js';
-import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing.js';
+import type { vec4 } from '../types';
+import type { ShaderMotionParams } from '../shader-mount';
+import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing';
 export declare const voronoiMeta: {
     readonly maxColorCount: 5;
 };
@@ -17,7 +17,7 @@ export declare const voronoiMeta: {
  * - `u_colorGlow` (`vec4`): RGBA color for the radial shape on the cell edges
  * - `u_distortion` (`float`, 0 – 0.5): Controls how far cell centers can be displaced from the regular grid
  * - `u_gap` (`float`): Width of the gaps between cells (gaps can't be removed completely due to artifacts of Voronoi cells)
- * - `u_glow` (`float`): Controls the size of the radial glow inside each cell
+ * - `u_innerGlow` (`float`): Controls the size of the radial glow inside each cell
  * - `u_stepsPerColor` (`float`): Discretization of the color transition
  * - `u_noiseTexture` (`sampler2D`): Replacement of standard hash function, added for better performance
  */
@@ -26,19 +26,19 @@ export interface VoronoiUniforms extends ShaderSizingUniforms {
     u_colors: vec4[];
     u_colorsCount: number;
     u_stepsPerColor: number;
-    u_colorGap: [number, number, number, number];
+    u_colorBack: [number, number, number, number];
     u_colorGlow: [number, number, number, number];
     u_distortion: number;
     u_gap: number;
-    u_glow: number;
+    u_innerGlow: number;
     u_noiseTexture?: HTMLImageElement;
 }
 export interface VoronoiParams extends ShaderSizingParams, ShaderMotionParams {
     colors?: string[];
     stepsPerColor?: number;
-    colorGap?: string;
+    colorBack?: string;
     colorGlow?: string;
     distortion?: number;
     gap?: number;
-    glow?: number;
+    innerGlow?: number;
 }

package/dist/shaders/warp.d.ts

@@ -1,6 +1,6 @@
-import type { vec4 } from '../types.js';
-import type { ShaderMotionParams } from '../shader-mount.js';
-import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing.js';
+import type { vec4 } from '../types';
+import type { ShaderMotionParams } from '../shader-mount';
+import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing';
 export declare const warpMeta: {
     readonly maxColorCount: 10;
 };

package/dist/shaders/waves.d.ts

@@ -1,10 +1,10 @@
-import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing.js';
+import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing';
 /**
  * Waves static pattern on the transparent background
  *
  * Uniforms include:
- * u_colorFront - the first color
- * u_colorBack - the second color
+ * u_color1 - the first color
+ * u_color2 - the second color
  * u_shape (0 ... 3) - the line shaping coefficient, non-integer
    values allowed and produce mixed shapes
    - u_shape = 0 is zigzag
@@ -19,8 +19,8 @@ import { type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-si
  */
 export declare const wavesFragmentShader: string;
 export interface WavesUniforms extends ShaderSizingUniforms {
-    u_colorFront: [number, number, number, number];
-    u_colorBack: [number, number, number, number];
+    u_color1: [number, number, number, number];
+    u_color2: [number, number, number, number];
     u_shape: number;
     u_frequency: number;
     u_amplitude: number;
@@ -29,8 +29,8 @@ export interface WavesUniforms extends ShaderSizingUniforms {
     u_softness: number;
 }
 export interface WavesParams extends ShaderSizingParams {
-    colorFront?: string;
-    colorBack?: string;
+    color1?: string;
+    color2?: string;
     rotation?: number;
     shape?: number;
     frequency?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paper-design/shaders",
-  "version": "0.0.31",
+  "version": "0.0.32",
   "license": "MIT",
   "type": "module",
   "sideEffects": false,
@@ -24,4 +24,4 @@
     "type-check": "tsc --project tsconfig.json"
   },
   "dependencies": {}
-}
+}