asciify-engine 1.0.16 → 1.0.17

package/dist/index.d.cts

@@ -431,6 +431,62 @@ declare function renderAuroraBackground(ctx: CanvasRenderingContext2D, width: nu
     x: number;
     y: number;
 }, options?: AuroraBackgroundOptions): void;
+interface SilkBackgroundOptions {
+    /** Character grid density. Default 13. */
+    fontSize?: number;
+    /** Base character color. Default theme-aware white/black. */
+    color?: string;
+    /** Accent color for intensity peaks. Default '#d4ff00'. */
+    accentColor?: string;
+    /** Animation speed multiplier. Default 0.4 (intentionally slow). */
+    speed?: number;
+    /** Number of flow-field layers. More = richer ribbons. Default 4. */
+    layers?: number;
+    /** Flow turbulence (0–2). Higher = more folded, tangled ribbons. Default 0.8. */
+    turbulence?: number;
+    /** Force light mode. Default false. */
+    lightMode?: boolean;
+}
+declare function renderSilkBackground(ctx: CanvasRenderingContext2D, width: number, height: number, time: number, options?: SilkBackgroundOptions): void;
+interface VoidBackgroundOptions {
+    /** Character grid density. Default 13. */
+    fontSize?: number;
+    /** Character ramp. Default space-to-dense. */
+    chars?: string;
+    /** Base character color. Default theme-aware. */
+    color?: string;
+    /** Accent color for the inner singularity ring. Default '#d4ff00'. */
+    accentColor?: string;
+    /** Animation speed multiplier. Default 1. */
+    speed?: number;
+    /** Gravity well radius (fraction of canvas width). Default 0.38. */
+    radius?: number;
+    /** Spiral tightness — higher = more rotation per unit distance. Default 3. */
+    swirl?: number;
+    /** Force light mode. Default false. */
+    lightMode?: boolean;
+}
+declare function renderVoidBackground(ctx: CanvasRenderingContext2D, width: number, height: number, time: number, mousePos?: {
+    x: number;
+    y: number;
+}, options?: VoidBackgroundOptions): void;
+interface MorphBackgroundOptions {
+    /** Character grid density. Default 14. */
+    fontSize?: number;
+    /** Character ramp. Default clean gradient. */
+    chars?: string;
+    /** Base character color. Default theme-aware. */
+    color?: string;
+    /** Accent color for intensity peaks. Default '#d4ff00'. */
+    accentColor?: string;
+    /** Animation speed multiplier. Default 0.5 (intentionally slow). */
+    speed?: number;
+    /** How many frequency harmonics per cell. More = richer shimmer. Default 3. */
+    harmonics?: number;
+    /** Force light mode. Default false. */
+    lightMode?: boolean;
+}
+declare function renderMorphBackground(ctx: CanvasRenderingContext2D, width: number, height: number, time: number, options?: MorphBackgroundOptions): void;
 /**
  * Drop-in helper that mounts an interactive ASCII wave background onto any
  * element. Injects a canvas, wires DPR resize, mouse tracking, and the RAF
@@ -453,7 +509,7 @@ declare function renderAuroraBackground(ctx: CanvasRenderingContext2D, width: nu
  * useEffect(() => asciiBackground(ref.current).destroy, []);
  * ```
  */
-interface AsciiBackgroundOptions extends WaveBackgroundOptions, RainBackgroundOptions, StarsBackgroundOptions, PulseBackgroundOptions, NoiseBackgroundOptions, GridBackgroundOptions, AuroraBackgroundOptions {
+interface AsciiBackgroundOptions extends WaveBackgroundOptions, RainBackgroundOptions, StarsBackgroundOptions, PulseBackgroundOptions, NoiseBackgroundOptions, GridBackgroundOptions, AuroraBackgroundOptions, SilkBackgroundOptions, VoidBackgroundOptions, MorphBackgroundOptions {
     /**
      * Which background to render (default: 'wave').
      * - 'wave'  — interactive ASCII field with vortex, sparkles, breathe
@@ -463,7 +519,7 @@ interface AsciiBackgroundOptions extends WaveBackgroundOptions, RainBackgroundOp
      * - 'noise' — slow-drifting organic fractal noise field
      * - 'grid'  — CRT-style horizontal scan bands with cursor glitch zone
      */
-    type?: 'wave' | 'rain' | 'stars' | 'pulse' | 'noise' | 'grid' | 'aurora';
+    type?: 'wave' | 'rain' | 'stars' | 'pulse' | 'noise' | 'grid' | 'aurora' | 'silk' | 'void' | 'morph';
     /** CSS opacity applied to the canvas element (default: 0.2) */
     opacity?: number;
     /** Extra CSS class names added to the injected canvas */
@@ -509,4 +565,4 @@ interface WebGLRenderer {
  */
 declare function tryCreateWebGLRenderer(canvas: HTMLCanvasElement): WebGLRenderer | null;
 
-export { ART_STYLE_PRESETS, type AnimationStyle, type ArtStyle, type AsciiBackgroundOptions, type AsciiCell, type AsciiFrame, type AsciiOptions, type AsciiResult, type AsciifySimpleOptions, type AuroraBackgroundOptions, CHARSETS, type CharsetKey, type ColorMode, DEFAULT_OPTIONS, type GridBackgroundOptions, HOVER_PRESETS, type HoverEffect, type HoverPreset, type MountWaveOptions, type NoiseBackgroundOptions, type PulseBackgroundOptions, type RainBackgroundOptions, type RenderMode, type SourceType, type StarsBackgroundOptions, type WaveBackgroundOptions, type WebGLRenderer, asciiBackground, asciify, asciifyGif, asciifyVideo, generateAnimatedEmbedCode, generateEmbedCode, gifToAsciiFrames, imageToAsciiFrame, mountWaveBackground, renderAuroraBackground, renderFrameToCanvas, renderGridBackground, renderNoiseBackground, renderPulseBackground, renderRainBackground, renderStarsBackground, renderWaveBackground, tryCreateWebGLRenderer, videoToAsciiFrames };
+export { ART_STYLE_PRESETS, type AnimationStyle, type ArtStyle, type AsciiBackgroundOptions, type AsciiCell, type AsciiFrame, type AsciiOptions, type AsciiResult, type AsciifySimpleOptions, type AuroraBackgroundOptions, CHARSETS, type CharsetKey, type ColorMode, DEFAULT_OPTIONS, type GridBackgroundOptions, HOVER_PRESETS, type HoverEffect, type HoverPreset, type MorphBackgroundOptions, type MountWaveOptions, type NoiseBackgroundOptions, type PulseBackgroundOptions, type RainBackgroundOptions, type RenderMode, type SilkBackgroundOptions, type SourceType, type StarsBackgroundOptions, type VoidBackgroundOptions, type WaveBackgroundOptions, type WebGLRenderer, asciiBackground, asciify, asciifyGif, asciifyVideo, generateAnimatedEmbedCode, generateEmbedCode, gifToAsciiFrames, imageToAsciiFrame, mountWaveBackground, renderAuroraBackground, renderFrameToCanvas, renderGridBackground, renderMorphBackground, renderNoiseBackground, renderPulseBackground, renderRainBackground, renderSilkBackground, renderStarsBackground, renderVoidBackground, renderWaveBackground, tryCreateWebGLRenderer, videoToAsciiFrames };

package/dist/index.d.ts

@@ -431,6 +431,62 @@ declare function renderAuroraBackground(ctx: CanvasRenderingContext2D, width: nu
     x: number;
     y: number;
 }, options?: AuroraBackgroundOptions): void;
+interface SilkBackgroundOptions {
+    /** Character grid density. Default 13. */
+    fontSize?: number;
+    /** Base character color. Default theme-aware white/black. */
+    color?: string;
+    /** Accent color for intensity peaks. Default '#d4ff00'. */
+    accentColor?: string;
+    /** Animation speed multiplier. Default 0.4 (intentionally slow). */
+    speed?: number;
+    /** Number of flow-field layers. More = richer ribbons. Default 4. */
+    layers?: number;
+    /** Flow turbulence (0–2). Higher = more folded, tangled ribbons. Default 0.8. */
+    turbulence?: number;
+    /** Force light mode. Default false. */
+    lightMode?: boolean;
+}
+declare function renderSilkBackground(ctx: CanvasRenderingContext2D, width: number, height: number, time: number, options?: SilkBackgroundOptions): void;
+interface VoidBackgroundOptions {
+    /** Character grid density. Default 13. */
+    fontSize?: number;
+    /** Character ramp. Default space-to-dense. */
+    chars?: string;
+    /** Base character color. Default theme-aware. */
+    color?: string;
+    /** Accent color for the inner singularity ring. Default '#d4ff00'. */
+    accentColor?: string;
+    /** Animation speed multiplier. Default 1. */
+    speed?: number;
+    /** Gravity well radius (fraction of canvas width). Default 0.38. */
+    radius?: number;
+    /** Spiral tightness — higher = more rotation per unit distance. Default 3. */
+    swirl?: number;
+    /** Force light mode. Default false. */
+    lightMode?: boolean;
+}
+declare function renderVoidBackground(ctx: CanvasRenderingContext2D, width: number, height: number, time: number, mousePos?: {
+    x: number;
+    y: number;
+}, options?: VoidBackgroundOptions): void;
+interface MorphBackgroundOptions {
+    /** Character grid density. Default 14. */
+    fontSize?: number;
+    /** Character ramp. Default clean gradient. */
+    chars?: string;
+    /** Base character color. Default theme-aware. */
+    color?: string;
+    /** Accent color for intensity peaks. Default '#d4ff00'. */
+    accentColor?: string;
+    /** Animation speed multiplier. Default 0.5 (intentionally slow). */
+    speed?: number;
+    /** How many frequency harmonics per cell. More = richer shimmer. Default 3. */
+    harmonics?: number;
+    /** Force light mode. Default false. */
+    lightMode?: boolean;
+}
+declare function renderMorphBackground(ctx: CanvasRenderingContext2D, width: number, height: number, time: number, options?: MorphBackgroundOptions): void;
 /**
  * Drop-in helper that mounts an interactive ASCII wave background onto any
  * element. Injects a canvas, wires DPR resize, mouse tracking, and the RAF
@@ -453,7 +509,7 @@ declare function renderAuroraBackground(ctx: CanvasRenderingContext2D, width: nu
  * useEffect(() => asciiBackground(ref.current).destroy, []);
  * ```
  */
-interface AsciiBackgroundOptions extends WaveBackgroundOptions, RainBackgroundOptions, StarsBackgroundOptions, PulseBackgroundOptions, NoiseBackgroundOptions, GridBackgroundOptions, AuroraBackgroundOptions {
+interface AsciiBackgroundOptions extends WaveBackgroundOptions, RainBackgroundOptions, StarsBackgroundOptions, PulseBackgroundOptions, NoiseBackgroundOptions, GridBackgroundOptions, AuroraBackgroundOptions, SilkBackgroundOptions, VoidBackgroundOptions, MorphBackgroundOptions {
     /**
      * Which background to render (default: 'wave').
      * - 'wave'  — interactive ASCII field with vortex, sparkles, breathe
@@ -463,7 +519,7 @@ interface AsciiBackgroundOptions extends WaveBackgroundOptions, RainBackgroundOp
      * - 'noise' — slow-drifting organic fractal noise field
      * - 'grid'  — CRT-style horizontal scan bands with cursor glitch zone
      */
-    type?: 'wave' | 'rain' | 'stars' | 'pulse' | 'noise' | 'grid' | 'aurora';
+    type?: 'wave' | 'rain' | 'stars' | 'pulse' | 'noise' | 'grid' | 'aurora' | 'silk' | 'void' | 'morph';
     /** CSS opacity applied to the canvas element (default: 0.2) */
     opacity?: number;
     /** Extra CSS class names added to the injected canvas */
@@ -509,4 +565,4 @@ interface WebGLRenderer {
  */
 declare function tryCreateWebGLRenderer(canvas: HTMLCanvasElement): WebGLRenderer | null;
 
-export { ART_STYLE_PRESETS, type AnimationStyle, type ArtStyle, type AsciiBackgroundOptions, type AsciiCell, type AsciiFrame, type AsciiOptions, type AsciiResult, type AsciifySimpleOptions, type AuroraBackgroundOptions, CHARSETS, type CharsetKey, type ColorMode, DEFAULT_OPTIONS, type GridBackgroundOptions, HOVER_PRESETS, type HoverEffect, type HoverPreset, type MountWaveOptions, type NoiseBackgroundOptions, type PulseBackgroundOptions, type RainBackgroundOptions, type RenderMode, type SourceType, type StarsBackgroundOptions, type WaveBackgroundOptions, type WebGLRenderer, asciiBackground, asciify, asciifyGif, asciifyVideo, generateAnimatedEmbedCode, generateEmbedCode, gifToAsciiFrames, imageToAsciiFrame, mountWaveBackground, renderAuroraBackground, renderFrameToCanvas, renderGridBackground, renderNoiseBackground, renderPulseBackground, renderRainBackground, renderStarsBackground, renderWaveBackground, tryCreateWebGLRenderer, videoToAsciiFrames };
+export { ART_STYLE_PRESETS, type AnimationStyle, type ArtStyle, type AsciiBackgroundOptions, type AsciiCell, type AsciiFrame, type AsciiOptions, type AsciiResult, type AsciifySimpleOptions, type AuroraBackgroundOptions, CHARSETS, type CharsetKey, type ColorMode, DEFAULT_OPTIONS, type GridBackgroundOptions, HOVER_PRESETS, type HoverEffect, type HoverPreset, type MorphBackgroundOptions, type MountWaveOptions, type NoiseBackgroundOptions, type PulseBackgroundOptions, type RainBackgroundOptions, type RenderMode, type SilkBackgroundOptions, type SourceType, type StarsBackgroundOptions, type VoidBackgroundOptions, type WaveBackgroundOptions, type WebGLRenderer, asciiBackground, asciify, asciifyGif, asciifyVideo, generateAnimatedEmbedCode, generateEmbedCode, gifToAsciiFrames, imageToAsciiFrame, mountWaveBackground, renderAuroraBackground, renderFrameToCanvas, renderGridBackground, renderMorphBackground, renderNoiseBackground, renderPulseBackground, renderRainBackground, renderSilkBackground, renderStarsBackground, renderVoidBackground, renderWaveBackground, tryCreateWebGLRenderer, videoToAsciiFrames };

package/dist/index.js

@@ -830,7 +830,7 @@ async function asciifyVideo(source, canvas, { fontSize = 10, style = "classic",
     cancelAnimationFrame(animId);
   };
 }
-var EMBED_CDN_VERSION = "1.0.16";
+var EMBED_CDN_VERSION = "1.0.17";
 function buildEmbedOpts(options, rows, cols, width, height, fps, animated) {
   const o = {
     r: rows,
@@ -1415,6 +1415,216 @@ function renderAuroraBackground(ctx, width, height, time, mousePos = { x: 0.5, y
     }
   }
 }
+function renderSilkBackground(ctx, width, height, time, options = {}) {
+  const {
+    fontSize = 13,
+    color,
+    accentColor = "#d4ff00",
+    speed = 0.4,
+    layers = 4,
+    turbulence = 0.8,
+    lightMode = false
+  } = options;
+  const charW = fontSize * 0.62;
+  const lineH = fontSize * 1.4;
+  const cols = Math.ceil(width / charW);
+  const rows = Math.ceil(height / lineH);
+  ctx.clearRect(0, 0, width, height);
+  ctx.font = `${fontSize}px monospace`;
+  ctx.textBaseline = "top";
+  let cr = 255, cg = 255, cb = 255;
+  if (lightMode) {
+    cr = 0;
+    cg = 0;
+    cb = 0;
+  }
+  if (color) {
+    const p = _parseColor(color);
+    if (p) {
+      cr = p.r;
+      cg = p.g;
+      cb = p.b;
+    }
+  }
+  let acR = 212, acG = 255, acB = 0;
+  const ap = _parseColor(accentColor);
+  if (ap) {
+    acR = ap.r;
+    acG = ap.g;
+    acB = ap.b;
+  }
+  const t = time * speed;
+  const dirChars = ["\u2500", "\u2500", "\u254C", "\xB7", "\u254C", "\u2500", "\u2500", "\u254C", "\xB7"];
+  for (let row = 0; row < rows; row++) {
+    const ny = row / rows;
+    for (let col = 0; col < cols; col++) {
+      const nx = col / cols;
+      let angleSum = 0;
+      let intensitySum = 0;
+      for (let l = 0; l < layers; l++) {
+        const ls = _hash2(l * 13, l * 7 + 3);
+        const ls2 = _hash2(l * 29, l * 11 + 1);
+        const fx = 1.1 + ls * 2.4;
+        const fy = 0.9 + ls2 * 2;
+        const ph = ls * Math.PI * 6;
+        const dr = (0.2 + _hash2(l * 41, l * 17) * 0.5) * (l % 2 === 0 ? 1 : -1.3);
+        const u = Math.sin(nx * fx * Math.PI * 2 + t * dr + ph);
+        const v = Math.cos(ny * fy * Math.PI * 2 + t * dr * 0.6 + ph * 1.7);
+        const cross = Math.sin(nx * fy * Math.PI * turbulence + ny * fx * Math.PI * turbulence + t * dr * 0.4);
+        angleSum += Math.atan2(v + cross * 0.3, u);
+        intensitySum += (u * v + 1) * 0.5;
+      }
+      const angle = angleSum / layers;
+      const intensity = Math.min(1, intensitySum / layers);
+      if (intensity < 0.1) continue;
+      const angleNorm = (angle + Math.PI) / (Math.PI * 2);
+      const charIdx = Math.floor(angleNorm * dirChars.length) % dirChars.length;
+      const ch = dirChars[charIdx];
+      const isAccent = intensity > 0.8;
+      const alpha = lightMode ? intensity * 0.16 : intensity * 0.13;
+      ctx.fillStyle = isAccent ? `rgba(${acR},${acG},${acB},${lightMode ? 0.44 : 0.26})` : `rgba(${cr},${cg},${cb},${alpha})`;
+      ctx.fillText(ch, col * charW, row * lineH);
+    }
+  }
+}
+function renderVoidBackground(ctx, width, height, time, mousePos = { x: 0.5, y: 0.5 }, options = {}) {
+  const {
+    fontSize = 13,
+    chars = " \xB7:;=+*#%@",
+    color,
+    accentColor = "#d4ff00",
+    speed = 1,
+    radius = 0.38,
+    swirl = 3,
+    lightMode = false
+  } = options;
+  const charW = fontSize * 0.62;
+  const lineH = fontSize * 1.4;
+  const cols = Math.ceil(width / charW);
+  const rows = Math.ceil(height / lineH);
+  const aspect = width / height;
+  ctx.clearRect(0, 0, width, height);
+  ctx.font = `${fontSize}px monospace`;
+  ctx.textBaseline = "top";
+  let cr = 255, cg = 255, cb = 255;
+  if (lightMode) {
+    cr = 0;
+    cg = 0;
+    cb = 0;
+  }
+  if (color) {
+    const p = _parseColor(color);
+    if (p) {
+      cr = p.r;
+      cg = p.g;
+      cb = p.b;
+    }
+  }
+  let acR = 212, acG = 255, acB = 0;
+  const ap = _parseColor(accentColor);
+  if (ap) {
+    acR = ap.r;
+    acG = ap.g;
+    acB = ap.b;
+  }
+  const t = time * speed;
+  for (let row = 0; row < rows; row++) {
+    const ny = row / rows;
+    for (let col = 0; col < cols; col++) {
+      const nx = col / cols;
+      const dx = (nx - mousePos.x) * aspect;
+      const dy = ny - mousePos.y;
+      const dist = Math.sqrt(dx * dx + dy * dy);
+      const r = dist / radius;
+      if (r > 1) {
+        const outerNoise = _hash2(col * 3, row * 7) * Math.max(0, 1 - (r - 1) * 3);
+        if (outerNoise < 0.62) continue;
+        const alpha2 = outerNoise * (lightMode ? 0.05 : 0.04);
+        const ch2 = chars[1];
+        ctx.fillStyle = `rgba(${cr},${cg},${cb},${alpha2})`;
+        ctx.fillText(ch2, col * charW, row * lineH);
+        continue;
+      }
+      const baseAngle = Math.atan2(dy, dx * aspect);
+      const swirlAmt = (1 - r) * swirl;
+      const angle = baseAngle + swirlAmt + t * 0.4;
+      const pulseRing = Math.max(0, 1 - Math.abs(r - (0.15 + 0.12 * Math.sin(t * 1.1))) / 0.07);
+      const gravity = Math.pow(1 - r, 2.2);
+      const intensity = Math.min(1, gravity + pulseRing * 0.6);
+      if (intensity < 0.06) continue;
+      const angleIdx = Math.floor((angle % (Math.PI * 2) + Math.PI * 2) % (Math.PI * 2) / (Math.PI * 2) * 4);
+      const densityI = Math.floor(intensity * (chars.length - 1));
+      const charIdx = Math.min(chars.length - 1, densityI);
+      const ch = chars[charIdx + (angleIdx > 2 && densityI > 2 ? 0 : 0)];
+      const isAccent = pulseRing > 0.35 || r < 0.08;
+      const alpha = lightMode ? intensity * 0.22 : intensity * 0.18;
+      ctx.fillStyle = isAccent ? `rgba(${acR},${acG},${acB},${lightMode ? 0.55 : 0.38})` : `rgba(${cr},${cg},${cb},${alpha})`;
+      ctx.fillText(ch, col * charW, row * lineH);
+    }
+  }
+}
+function renderMorphBackground(ctx, width, height, time, options = {}) {
+  const {
+    fontSize = 14,
+    chars = " \xB7\u2219\u2022:-=+*#",
+    color,
+    accentColor = "#d4ff00",
+    speed = 0.5,
+    harmonics = 3,
+    lightMode = false
+  } = options;
+  const charW = fontSize * 0.62;
+  const lineH = fontSize * 1.4;
+  const cols = Math.ceil(width / charW);
+  const rows = Math.ceil(height / lineH);
+  ctx.clearRect(0, 0, width, height);
+  ctx.font = `${fontSize}px monospace`;
+  ctx.textBaseline = "top";
+  let cr = 255, cg = 255, cb = 255;
+  if (lightMode) {
+    cr = 0;
+    cg = 0;
+    cb = 0;
+  }
+  if (color) {
+    const p = _parseColor(color);
+    if (p) {
+      cr = p.r;
+      cg = p.g;
+      cb = p.b;
+    }
+  }
+  let acR = 212, acG = 255, acB = 0;
+  const ap = _parseColor(accentColor);
+  if (ap) {
+    acR = ap.r;
+    acG = ap.g;
+    acB = ap.b;
+  }
+  const t = time * speed;
+  for (let row = 0; row < rows; row++) {
+    for (let col = 0; col < cols; col++) {
+      let v = 0;
+      for (let h = 0; h < harmonics; h++) {
+        const fBase = _hash2(col * (h + 3) + 7, row * (h + 5) + 11);
+        const fineF = 0.18 + fBase * 1.4;
+        const phase = _hash2(col * (h + 7), row * (h + 9) + 3) * Math.PI * 2;
+        const weight = 1 / (h + 1);
+        v += Math.sin(t * fineF + phase) * weight;
+      }
+      const maxV = Array.from({ length: harmonics }, (_, h) => 1 / (h + 1)).reduce((a, b) => a + b, 0);
+      const norm = (v / maxV + 1) * 0.5;
+      if (norm < 0.28) continue;
+      const remapped = (norm - 0.28) / 0.72;
+      const charIdx = Math.min(chars.length - 1, Math.floor(remapped * chars.length));
+      const ch = chars[charIdx];
+      const isAccent = norm > 0.88;
+      const alpha = lightMode ? remapped * 0.17 : remapped * 0.13;
+      ctx.fillStyle = isAccent ? `rgba(${acR},${acG},${acB},${lightMode ? 0.45 : 0.28})` : `rgba(${cr},${cg},${cb},${alpha})`;
+      ctx.fillText(ch, col * charW, row * lineH);
+    }
+  }
+}
 function _parseColor(c) {
   const hex = c.match(/^#([0-9a-f]{3,8})$/i)?.[1];
   if (hex) {
@@ -1503,6 +1713,21 @@ function asciiBackground(target, options = {}) {
     lightMode: renderOpts.lightMode !== void 0 ? renderOpts.lightMode : isLight(),
     color: color ?? renderOpts.color
   });
+  const buildSilkOpts = () => ({
+    ...renderOpts,
+    lightMode: renderOpts.lightMode !== void 0 ? renderOpts.lightMode : isLight(),
+    color: color ?? renderOpts.color
+  });
+  const buildVoidOpts = () => ({
+    ...renderOpts,
+    lightMode: renderOpts.lightMode !== void 0 ? renderOpts.lightMode : isLight(),
+    color: color ?? renderOpts.color
+  });
+  const buildMorphOpts = () => ({
+    ...renderOpts,
+    lightMode: renderOpts.lightMode !== void 0 ? renderOpts.lightMode : isLight(),
+    color: color ?? renderOpts.color
+  });
   const optsRef = { current: buildWaveOpts() };
   const rebuildOpts = () => {
     if (type === "rain") optsRef.current = buildRainOpts();
@@ -1511,6 +1736,9 @@ function asciiBackground(target, options = {}) {
     else if (type === "noise") optsRef.current = buildNoiseOpts();
     else if (type === "grid") optsRef.current = buildGridOpts();
     else if (type === "aurora") optsRef.current = buildAuroraOpts();
+    else if (type === "silk") optsRef.current = buildSilkOpts();
+    else if (type === "void") optsRef.current = buildVoidOpts();
+    else if (type === "morph") optsRef.current = buildMorphOpts();
     else optsRef.current = buildWaveOpts();
   };
   rebuildOpts();
@@ -1551,6 +1779,12 @@ function asciiBackground(target, options = {}) {
       renderGridBackground(ctx, r.width, r.height, time, smoothMouse, optsRef.current);
     } else if (type === "aurora") {
       renderAuroraBackground(ctx, r.width, r.height, time, smoothMouse, optsRef.current);
+    } else if (type === "silk") {
+      renderSilkBackground(ctx, r.width, r.height, time, optsRef.current);
+    } else if (type === "void") {
+      renderVoidBackground(ctx, r.width, r.height, time, smoothMouse, optsRef.current);
+    } else if (type === "morph") {
+      renderMorphBackground(ctx, r.width, r.height, time, optsRef.current);
     } else {
       renderWaveBackground(ctx, r.width, r.height, time, smoothMouse, optsRef.current);
     }
@@ -2019,6 +2253,6 @@ function tryCreateWebGLRenderer(canvas) {
   }
 }
 
-export { ART_STYLE_PRESETS, CHARSETS, DEFAULT_OPTIONS, HOVER_PRESETS, asciiBackground, asciify, asciifyGif, asciifyVideo, generateAnimatedEmbedCode, generateEmbedCode, gifToAsciiFrames, imageToAsciiFrame, mountWaveBackground, renderAuroraBackground, renderFrameToCanvas, renderGridBackground, renderNoiseBackground, renderPulseBackground, renderRainBackground, renderStarsBackground, renderWaveBackground, tryCreateWebGLRenderer, videoToAsciiFrames };
+export { ART_STYLE_PRESETS, CHARSETS, DEFAULT_OPTIONS, HOVER_PRESETS, asciiBackground, asciify, asciifyGif, asciifyVideo, generateAnimatedEmbedCode, generateEmbedCode, gifToAsciiFrames, imageToAsciiFrame, mountWaveBackground, renderAuroraBackground, renderFrameToCanvas, renderGridBackground, renderMorphBackground, renderNoiseBackground, renderPulseBackground, renderRainBackground, renderSilkBackground, renderStarsBackground, renderVoidBackground, renderWaveBackground, tryCreateWebGLRenderer, videoToAsciiFrames };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map