asciify-engine 1.0.16 → 1.0.17

package/dist/index.cjs

@@ -832,7 +832,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,
@@ -1417,6 +1417,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) {
@@ -1505,6 +1715,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();
@@ -1513,6 +1738,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();
@@ -1553,6 +1781,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);
     }
@@ -2037,10 +2271,13 @@ exports.mountWaveBackground = mountWaveBackground;
 exports.renderAuroraBackground = renderAuroraBackground;
 exports.renderFrameToCanvas = renderFrameToCanvas;
 exports.renderGridBackground = renderGridBackground;
+exports.renderMorphBackground = renderMorphBackground;
 exports.renderNoiseBackground = renderNoiseBackground;
 exports.renderPulseBackground = renderPulseBackground;
 exports.renderRainBackground = renderRainBackground;
+exports.renderSilkBackground = renderSilkBackground;
 exports.renderStarsBackground = renderStarsBackground;
+exports.renderVoidBackground = renderVoidBackground;
 exports.renderWaveBackground = renderWaveBackground;
 exports.tryCreateWebGLRenderer = tryCreateWebGLRenderer;
 exports.videoToAsciiFrames = videoToAsciiFrames;