asciify-engine 1.0.15 → 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.15";
+var EMBED_CDN_VERSION = "1.0.17";
 function buildEmbedOpts(options, rows, cols, width, height, fps, animated) {
   const o = {
     r: rows,
@@ -1328,6 +1328,305 @@ function renderGridBackground(ctx, width, height, time, mousePos = { x: 0.5, y:
     }
   }
 }
+function renderAuroraBackground(ctx, width, height, time, mousePos = { x: 0.5, y: 0.5 }, options = {}) {
+  const {
+    fontSize = 14,
+    chars = " \xB7\u2219\u2022:;+=\u2261\u2263#@",
+    color,
+    accentColor = "#d4ff00",
+    speed = 1,
+    layers = 5,
+    softness = 1.2,
+    mouseRipple = 0.2,
+    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 layerParams = [];
+  for (let l = 0; l < layers; l++) {
+    const seed = _hash2(l * 17, l * 31 + 7);
+    const seed2 = _hash2(l * 23 + 5, l * 11);
+    layerParams.push({
+      fx: 0.8 + seed * 2.2,
+      // x spatial frequency
+      fy: 1.2 + seed2 * 1.8,
+      // y spatial frequency
+      phase: seed * Math.PI * 4,
+      // phase offset
+      dt: (0.3 + _hash2(l * 7, l * 13 + 3) * 0.5) * (l % 2 === 0 ? 1 : -1),
+      // drift speed & direction
+      amp: 0.55 + _hash2(l * 29, l * 3) * 0.45
+      // amplitude weight
+    });
+  }
+  for (let row = 0; row < rows; row++) {
+    const ny = row / rows;
+    for (let col = 0; col < cols; col++) {
+      const nx = col / cols;
+      const mdx = nx - mousePos.x;
+      const mdy = ny - mousePos.y;
+      const md = Math.sqrt(mdx * mdx + mdy * mdy);
+      const warp = mouseRipple * Math.exp(-md * md / 0.06);
+      const wx = nx + mdx * warp;
+      const wy = ny + mdy * warp;
+      let sum = 0;
+      let totalAmp = 0;
+      for (let l = 0; l < layers; l++) {
+        const { fx, fy, phase, dt, amp } = layerParams[l];
+        const wave = Math.sin(wx * fx * Math.PI * 2 + t * dt + phase) * Math.cos(wy * fy * Math.PI * 2 + t * dt * 0.7 + phase * 1.3);
+        sum += wave * amp;
+        totalAmp += amp;
+      }
+      const rawVal = sum / totalAmp;
+      const curved = 0.5 + 0.5 * Math.tanh(rawVal * softness * 2.2);
+      if (curved < 0.12) continue;
+      const normalized = (curved - 0.12) / 0.88;
+      const charIdx = Math.min(chars.length - 1, Math.floor(normalized * chars.length));
+      const ch = chars[charIdx];
+      const isAccent = curved > 0.82;
+      const alpha = lightMode ? curved * 0.18 : curved * 0.14;
+      ctx.fillStyle = isAccent ? `rgba(${acR},${acG},${acB},${lightMode ? 0.5 : 0.32})` : `rgba(${cr},${cg},${cb},${alpha})`;
+      ctx.fillText(ch, col * charW, row * lineH);
+    }
+  }
+}
+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) {
@@ -1411,6 +1710,26 @@ function asciiBackground(target, options = {}) {
     lightMode: renderOpts.lightMode !== void 0 ? renderOpts.lightMode : isLight(),
     color: color ?? renderOpts.color
   });
+  const buildAuroraOpts = () => ({
+    ...renderOpts,
+    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();
@@ -1418,6 +1737,10 @@ function asciiBackground(target, options = {}) {
     else if (type === "pulse") optsRef.current = buildPulseOpts();
     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();
@@ -1456,6 +1779,14 @@ function asciiBackground(target, options = {}) {
       renderNoiseBackground(ctx, r.width, r.height, time, smoothMouse, optsRef.current);
     } else if (type === "grid") {
       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);
     }
@@ -1937,12 +2268,16 @@ exports.generateEmbedCode = generateEmbedCode;
 exports.gifToAsciiFrames = gifToAsciiFrames;
 exports.imageToAsciiFrame = imageToAsciiFrame;
 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;