asciify-engine 1.0.4 → 1.0.6

package/dist/index.js

@@ -274,6 +274,8 @@ function getAnimationMultiplier(x, y, cols, rows, time, style, speed) {
       }
       return 0.7 + 0.3 * Math.sin(sdist * 10 - t * 2);
     }
+    case "waveField":
+      return 1;
     default:
       return 1;
   }
@@ -466,6 +468,24 @@ function computeHoverEffect(nx, ny, hoverX, hoverY, hoverIntensity, strength, ce
   return _hoverResult;
 }
 function renderFrameToCanvas(ctx, frame, options, canvasWidth, canvasHeight, time = 0, hoverPos) {
+  if (options.animationStyle === "waveField") {
+    const mouseNorm = hoverPos ? { x: hoverPos.x, y: hoverPos.y } : { x: 0.5, y: 0.5 };
+    const acHexWF = (options.accentColor || "#d4ff00").replace("#", "");
+    parseInt(acHexWF.substring(0, 2), 16) || 212;
+    parseInt(acHexWF.substring(2, 4), 16) || 255;
+    parseInt(acHexWF.substring(4, 6), 16) || 0;
+    renderWaveBackground(ctx, canvasWidth, canvasHeight, time, mouseNorm, {
+      accentColor: `#${acHexWF}`,
+      accentThreshold: 0.52,
+      mouseInfluence: options.hoverStrength > 0 ? Math.min(1, 0.3 + options.hoverStrength * 0.5) : 0.55,
+      mouseFalloff: 2.8,
+      speed: options.animationSpeed,
+      vortex: options.hoverStrength > 0,
+      sparkles: true,
+      breathe: true
+    });
+    return;
+  }
   const rows = frame.length;
   if (rows === 0) return;
   const cols = frame[0].length;
@@ -698,36 +718,27 @@ function renderFrameToCanvas(ctx, frame, options, canvasWidth, canvasHeight, tim
   ctx.globalAlpha = 1;
 }
 function serializeFrame(frame, includeChars) {
-  return frame.map((row) => row.map((cell) => {
-    const obj = { r: cell.r, g: cell.g, b: cell.b, a: cell.a };
-    if (includeChars) obj.c = cell.char.charCodeAt(0);
-    else obj.l = Math.round(0.299 * cell.r + 0.587 * cell.g + 0.114 * cell.b);
-    return obj;
-  }));
-}
-function buildAnimFnJS(style, speed) {
-  if (style === "none") return "function(){return 1}";
-  return `function(x,y,cols,rows,t){
-  var s=${speed},T=t*s;
-  ${style === "wave" ? `var w=Math.sin(x/cols*Math.PI*4+T*3)*.5+.5,w2=Math.sin(y/rows*Math.PI*3+T*2)*.5+.5;return .3+.7*(w*.6+w2*.4);` : ""}${style === "pulse" ? `var cx=cols/2,cy=rows/2,d=Math.sqrt((x-cx)*(x-cx)+(y-cy)*(y-cy)),m=Math.sqrt(cx*cx+cy*cy);return .2+.8*(Math.sin(d/m*Math.PI*6-T*4)*.5+.5);` : ""}${style === "rain" ? `return .1+.9*(Math.sin(y/rows*Math.PI*8-T*5+x*.3)*.5+.5)*(Math.sin(x/cols*Math.PI*2+T)*.3+.7);` : ""}${style === "breathe" ? `return Math.max(.1,Math.min(1,Math.sin(T*2)*.3+.7+Math.sin((x+y)*.1+T)*.1));` : ""}${style === "sparkle" ? `var h=Math.sin(x*127.1+y*311.7+Math.floor(T*8)*43758.5453)*43758.5453;var sp=h-Math.floor(h);return sp>.7?1:.15+sp*.4;` : ""}${style === "glitch" ? `var b=Math.floor(y/(rows*.05)),gh=Math.sin(b*43.23+Math.floor(T*6)*17.89)*43758.5453,gv=gh-Math.floor(gh);if(gv>.85){var fl=Math.sin(T*30+b)*.5+.5;return fl<.3?0:fl}return 1;` : ""}${style === "spiral" ? `var cx=cols/2,cy=rows/2,dx=x-cx,dy=y-cy,a=Math.atan2(dy,dx),d=Math.sqrt(dx*dx+dy*dy),m=Math.sqrt(cx*cx+cy*cy);return .15+.85*(Math.sin(a*3+d/m*Math.PI*8-T*3)*.5+.5);` : ""}${style === "typewriter" ? `var tc=cols*rows,ci=y*cols+x,p=(T*.5)%1,rp=p*tc*1.3,dd=ci-rp;if(dd>0)return 0;return Math.min(1,Math.max(0,1+dd/(tc*.15)));` : ""}${style === "scatter" ? `var cx=cols/2,cy=rows/2,dx=x-cx,dy=y-cy,sd=Math.sqrt(dx*dx+dy*dy)/Math.sqrt(cx*cx+cy*cy),ph=Math.sin(T*1.5)*.5+.5;if(sd>ph)return Math.max(0,1-(sd-ph)*3);return .7+.3*Math.sin(sd*10-T*2);` : ""}
-}`;
-}
-function buildColorFnJS(options) {
-  switch (options.colorMode) {
-    case "fullcolor":
-      return `function(c){return 'rgb('+c.r+','+c.g+','+c.b+')'}`;
-    case "matrix":
-      return `function(c){var b=Math.floor(.299*c.r+.587*c.g+.114*c.b);return 'rgb(0,'+b+',0)'}`;
-    case "accent": {
-      const hex = options.accentColor.replace("#", "");
-      const ar = parseInt(hex.substring(0, 2), 16);
-      const ag = parseInt(hex.substring(2, 4), 16);
-      const ab = parseInt(hex.substring(4, 6), 16);
-      return `function(c){var b=(.299*c.r+.587*c.g+.114*c.b)/255;return 'rgb('+Math.floor(${ar}*b)+','+Math.floor(${ag}*b)+','+Math.floor(${ab}*b)+')'}`;
+  const rows = frame.length;
+  const cols = rows > 0 ? frame[0].length : 0;
+  const buf = new Uint8Array(rows * cols * 5);
+  let i = 0;
+  for (let y = 0; y < rows; y++) {
+    for (let x = 0; x < cols; x++) {
+      const cell = frame[y][x];
+      buf[i++] = cell.r;
+      buf[i++] = cell.g;
+      buf[i++] = cell.b;
+      buf[i++] = cell.a;
+      if (includeChars) {
+        buf[i++] = cell.char.charCodeAt(0) & 255;
+      } else {
+        buf[i++] = Math.round(0.299 * cell.r + 0.587 * cell.g + 0.114 * cell.b);
+      }
     }
-    default:
-      return `function(c){var g=Math.floor(.299*c.r+.587*c.g+.114*c.b);return 'rgb('+g+','+g+','+g+')'}`;
   }
+  let binary = "";
+  for (let j = 0; j < buf.length; j++) binary += String.fromCharCode(buf[j]);
+  return btoa(binary);
 }
 async function asciify(source, canvas, { fontSize = 10, style = "classic", options = {} } = {}) {
   let el;
@@ -819,188 +830,171 @@ async function asciifyVideo(source, canvas, { fontSize = 10, style = "classic",
     cancelAnimationFrame(animId);
   };
 }
+var EMBED_CDN_VERSION = "1.0.5";
+function buildEmbedOpts(options, rows, cols, width, height, fps, animated) {
+  const o = {
+    r: rows,
+    c: cols,
+    w: width,
+    h: height,
+    cs: options.charset,
+    cm: options.colorMode,
+    as: options.animationStyle,
+    sp: options.animationSpeed,
+    inv: options.invert,
+    hs: options.hoverStrength,
+    hr: options.hoverRadius,
+    he: options.hoverEffect,
+    hc: options.hoverColor,
+    dr: options.dotSizeRatio,
+    dots: options.renderMode === "dots"
+  };
+  if (options.colorMode === "accent") o.ac = options.accentColor;
+  if (fps !== void 0) o.fps = fps;
+  if (animated) o.anim = true;
+  return JSON.stringify(o);
+}
 function generateEmbedCode(frame, options, width, height) {
   const rows = frame.length;
   if (rows === 0) return "";
   const cols = frame[0].length;
   const isDots = options.renderMode === "dots";
   const data = serializeFrame(frame, !isDots);
-  const hasAnim = options.animationStyle !== "none";
-  const hasHover = options.hoverStrength > 0;
-  const charset = isDots ? "" : options.charset;
-  const hc = options.hoverColor || "#ffffff";
-  const hcR = parseInt(hc.slice(1, 3), 16) || 255;
-  const hcG = parseInt(hc.slice(3, 5), 16) || 255;
-  const hcB = parseInt(hc.slice(5, 7), 16) || 255;
-  const hasTransparency = frame.some((row) => row.some((cell) => cell.a < 200));
+  const id = `ar-${Math.random().toString(36).slice(2, 9)}`;
+  const opts = buildEmbedOpts(options, rows, cols, width, height);
   return `<!-- Asciify Embed -->
-<canvas id="ar-embed" width="${width}" height="${height}" style="${hasTransparency ? "" : "background:#0a0a0a;"}display:block;"></canvas>
-<script>
-(function(){
-  var D=${JSON.stringify(data)};
-  var R=${rows},C=${cols},W=${width},H=${height};
-  var cW=W/C,cH=H/R;
-  var isDots=${isDots};
-  var invert=${options.invert};
-  var dotR=${options.dotSizeRatio};
-  var hStr=${options.hoverStrength},hRad=${options.hoverRadius};
-  var hcR=${hcR},hcG=${hcG},hcB=${hcB};
-  var hEff='${options.hoverEffect}';
-  var charset=${JSON.stringify(charset)};
-  var hasTr=${hasTransparency};
-  var cv=document.getElementById('ar-embed'),ctx=cv.getContext('2d');
-  var mx=-1,my=-1,mIn=0;
-  var getColor=${buildColorFnJS(options)};
-  var getAnim=${buildAnimFnJS(options.animationStyle, options.animationSpeed)};
-  ${hasHover ? `
-  cv.addEventListener('mousemove',function(e){var r=cv.getBoundingClientRect();mx=(e.clientX-r.left)/r.width;my=(e.clientY-r.top)/r.height});
-  cv.addEventListener('mouseleave',function(){mx=-1;my=-1});
-  function ss(t){return t*t*(3-2*t)}
-  ` : ""}
-  var smX=.5,smY=.5;
-  function draw(t){
-    var time=t/1000;
-    ctx.clearRect(0,0,W,H);
-    if(!hasTr){ctx.fillStyle='#0a0a0a';ctx.fillRect(0,0,W,H)};
-    ${hasHover ? `
-    if(mx>=0){smX+=(mx-smX)*.1;smY+=(my-smY)*.1;mIn+=(1-mIn)*.12}
-    else{mIn*=.96;if(mIn<.003)mIn=0}
-    ` : ""}
-    for(var y=0;y<R;y++)for(var x=0;x<C;x++){
-      var p=D[y][x];if(p.a<10)continue;
-      var am=getAnim(x,y,C,R,time);if(am<.05)continue;
-      var sc=1,ox=0,oy=0,gl=0,cb=0;
-      ${hasHover ? `
-      if(mIn>.003&&hStr>0){
-        var nx=x/C,ny=y/R,dx=nx-smX,dy=ny-smY,dd=Math.sqrt(dx*dx+dy*dy);
-        var rad=(.08+hRad*.35)+hStr*.04;
-        if(dd<rad){
-          var tt=1-dd/rad,e=ss(tt)*mIn,ang=Math.atan2(dy,dx);
-          if(hEff==='spotlight'){sc=1+e*hStr*1.8;var pf=e*e*hStr*.6;ox=Math.cos(ang)*pf*cW;oy=Math.sin(ang)*pf*cH;gl=e*hStr*.4;cb=e*e*hStr*.25}
-          else if(hEff==='magnify'){sc=1+e*hStr*2.5;gl=e*hStr*.15}
-          else if(hEff==='repel'){sc=1+e*hStr*.3;var pf=e*e*hStr*1.2;ox=Math.cos(ang)*pf*cW;oy=Math.sin(ang)*pf*cH}
-          else if(hEff==='glow'){gl=e*hStr*.8;cb=e*hStr*.4}
-          else if(hEff==='colorShift'){sc=1+e*hStr*.4;gl=e*hStr*.2;cb=e*hStr*.7}
-        }
-      }
-      ` : ""}
-      var px=x*cW+cW/2+ox,py=y*cH+cH/2+oy;
-      var col=getColor(p);
-      if(cb>0){var m=col.match(/rgb\\((\\d+),(\\d+),(\\d+)\\)/);if(m){var rr=+m[1],gg=+m[2],bb=+m[3];col='rgb('+Math.min(255,Math.round(rr+(hcR-rr)*cb))+','+Math.min(255,Math.round(gg+(hcG-gg)*cb))+','+Math.min(255,Math.round(bb+(hcB-bb)*cb))+')'}}
-      if(isDots){
-        var lum=p.l/255;var int=invert?1-lum:lum;if(int<.02)continue;
-        var rad=Math.min(cW,cH)*.5*dotR*int*am*sc;if(rad<.3)continue;
-        ctx.globalAlpha=Math.min(1,(p.a/255)*am*(1+gl));
-        ctx.fillStyle=col;ctx.beginPath();ctx.arc(px,py,rad,0,Math.PI*2);ctx.fill()
-      }else{
-        var lum=(.299*p.r+.587*p.g+.114*p.b)/255;if(invert)lum=1-lum;
-        var ci=Math.floor(lum*(charset.length-1));
-        var ch=charset[Math.max(0,Math.min(charset.length-1,ci))];
-        if(ch===' ')continue;
-        ctx.globalAlpha=Math.min(1,(p.a/255)*am*(1+gl));
-        ctx.fillStyle=col;
-        var fs=Math.min(cW/.55,cH)*.9*sc;
-        ctx.font=fs+'px "JetBrains Mono",monospace';ctx.textAlign='center';ctx.textBaseline='middle';
-        ctx.fillText(ch,px,py)
-      }
-    }
-    ctx.globalAlpha=1;
-    ${hasAnim || hasHover ? "requestAnimationFrame(draw)" : ""};
-  }
-  ${hasAnim || hasHover ? "requestAnimationFrame(draw)" : "draw(0)"};
-})();
-</script>
+<canvas id="${id}" width="${width}" height="${height}" style="display:block"></canvas>
+<script src="https://cdn.jsdelivr.net/npm/asciify-engine@${EMBED_CDN_VERSION}/dist/embed.js"></script>
+<script>Asciify('${id}','${data}',${opts})</script>
 <!-- /Asciify Embed -->`;
 }
 function generateAnimatedEmbedCode(frames, options, fps, width, height) {
+  if (frames.length === 0) return "";
   const rows = frames[0].length;
   const cols = frames[0][0].length;
   const isDots = options.renderMode === "dots";
   const allData = frames.map((f) => serializeFrame(f, !isDots));
-  const hasHover = options.hoverStrength > 0;
-  const hc = options.hoverColor || "#ffffff";
-  const hcR = parseInt(hc.slice(1, 3), 16) || 255;
-  const hcG = parseInt(hc.slice(3, 5), 16) || 255;
-  const hcB = parseInt(hc.slice(5, 7), 16) || 255;
-  const charset = isDots ? "" : options.charset;
-  const hasTransparency = frames.some((f) => f.some((row) => row.some((cell) => cell.a < 200)));
+  const id = `ar-${Math.random().toString(36).slice(2, 9)}`;
+  const opts = buildEmbedOpts(options, rows, cols, width, height, fps, true);
   return `<!-- Asciify Animated Embed -->
-<canvas id="ar-anim" width="${width}" height="${height}" style="${hasTransparency ? "" : "background:#0a0a0a;"}display:block;"></canvas>
-<script>
-(function(){
-  var F=${JSON.stringify(allData)};
-  var R=${rows},C=${cols},W=${width},H=${height},FPS=${fps};
-  var cW=W/C,cH=H/R;
-  var isDots=${isDots};
-  var invert=${options.invert};
-  var dotR=${options.dotSizeRatio};
-  var hStr=${options.hoverStrength},hRad=${options.hoverRadius};
-  var hcR=${hcR},hcG=${hcG},hcB=${hcB};
-  var hEff='${options.hoverEffect}';
-  var charset=${JSON.stringify(charset)};
-  var hasTr=${hasTransparency};
-  var cv=document.getElementById('ar-anim'),ctx=cv.getContext('2d');
-  var mx=-1,my=-1,mIn=0,smX=.5,smY=.5;
-  var fi=0,lastT=0;
-  var getColor=${buildColorFnJS(options)};
-  ${hasHover ? `
-  cv.addEventListener('mousemove',function(e){var r=cv.getBoundingClientRect();mx=(e.clientX-r.left)/r.width;my=(e.clientY-r.top)/r.height});
-  cv.addEventListener('mouseleave',function(){mx=-1;my=-1});
-  function ss(t){return t*t*(3-2*t)}
-  ` : ""}
-  function draw(t){
-    var time=t/1000;
-    if(t-lastT>=1000/FPS){fi=(fi+1)%F.length;lastT=t}
-    var D=F[fi];
-    ctx.clearRect(0,0,W,H);if(!hasTr){ctx.fillStyle='#0a0a0a';ctx.fillRect(0,0,W,H)};
-    ${hasHover ? `
-    if(mx>=0){smX+=(mx-smX)*.1;smY+=(my-smY)*.1;mIn+=(1-mIn)*.12}
-    else{mIn*=.96;if(mIn<.003)mIn=0}
-    ` : ""}
-    for(var y=0;y<R;y++)for(var x=0;x<C;x++){
-      var p=D[y][x];if(p.a<10)continue;
-      var sc=1,ox=0,oy=0,gl=0,cb=0;
-      ${hasHover ? `
-      if(mIn>.003&&hStr>0){
-        var nx=x/C,ny=y/R,dx=nx-smX,dy=ny-smY,dd=Math.sqrt(dx*dx+dy*dy);
-        var rad=(.08+hRad*.35)+hStr*.04;
-        if(dd<rad){
-          var tt=1-dd/rad,e=ss(tt)*mIn,ang=Math.atan2(dy,dx);
-          if(hEff==='spotlight'){sc=1+e*hStr*1.8;var pf=e*e*hStr*.6;ox=Math.cos(ang)*pf*cW;oy=Math.sin(ang)*pf*cH;gl=e*hStr*.4;cb=e*e*hStr*.25}
-          else if(hEff==='magnify'){sc=1+e*hStr*2.5;gl=e*hStr*.15}
-          else if(hEff==='repel'){sc=1+e*hStr*.3;var pf=e*e*hStr*1.2;ox=Math.cos(ang)*pf*cW;oy=Math.sin(ang)*pf*cH}
-          else if(hEff==='glow'){gl=e*hStr*.8;cb=e*hStr*.4}
-          else if(hEff==='colorShift'){sc=1+e*hStr*.4;gl=e*hStr*.2;cb=e*hStr*.7}
+<canvas id="${id}" width="${width}" height="${height}" style="display:block"></canvas>
+<script src="https://cdn.jsdelivr.net/npm/asciify-engine@${EMBED_CDN_VERSION}/dist/embed.js"></script>
+<script>Asciify('${id}',${JSON.stringify(allData)},${opts})</script>
+<!-- /Asciify Animated Embed -->`;
+}
+function _fade(t) {
+  return t * t * t * (t * (t * 6 - 15) + 10);
+}
+function _lerp(a, b, t) {
+  return a + (b - a) * t;
+}
+function _hash2(ix, iy) {
+  let n = ix * 127 + iy * 311;
+  n = n >> 13 ^ n;
+  return (n * (n * n * 15731 + 789221) + 1376312589 & 2147483647) / 1073741823 - 1;
+}
+function _vnoise(x, y) {
+  const ix = Math.floor(x), iy = Math.floor(y);
+  const fx = x - ix, fy = y - iy;
+  const ux = _fade(fx), uy = _fade(fy);
+  const v00 = _hash2(ix, iy);
+  const v10 = _hash2(ix + 1, iy);
+  const v01 = _hash2(ix, iy + 1);
+  const v11 = _hash2(ix + 1, iy + 1);
+  return _lerp(_lerp(v00, v10, ux), _lerp(v01, v11, ux), uy);
+}
+function _fbm(x, y) {
+  return (_vnoise(x, y) * 0.5 + _vnoise(x * 2.1, y * 2.1) * 0.25 + _vnoise(x * 4.3, y * 4.3) * 0.125) / 0.875;
+}
+function renderWaveBackground(ctx, width, height, time, mousePos = { x: 0.5, y: 0.5 }, options = {}) {
+  const {
+    fontSize = 13,
+    charAspect = 0.62,
+    lineHeightRatio = 1.4,
+    chars = " .:-=+*#%@",
+    baseColor = null,
+    accentColor = "#d4ff00",
+    accentThreshold = 0.52,
+    mouseInfluence = 0.55,
+    mouseFalloff = 2.8,
+    speed = 1,
+    vortex = true,
+    sparkles = true,
+    breathe = true,
+    lightMode = false
+  } = options;
+  const charW = fontSize * charAspect;
+  const lineH = fontSize * lineHeightRatio;
+  const cols = Math.ceil(width / charW);
+  const rows = Math.ceil(height / lineH);
+  const mx = mousePos.x;
+  const my = mousePos.y;
+  let acR = 212, acG = 255, acB = 0;
+  if (accentColor) {
+    const hex = accentColor.replace("#", "");
+    if (hex.length === 6) {
+      acR = parseInt(hex.slice(0, 2), 16);
+      acG = parseInt(hex.slice(2, 4), 16);
+      acB = parseInt(hex.slice(4, 6), 16);
+    }
+  }
+  ctx.clearRect(0, 0, width, height);
+  ctx.font = `${fontSize}px "JetBrains Mono", monospace`;
+  ctx.textBaseline = "top";
+  const t = time * speed;
+  const breatheAmp = breathe ? (Math.sin(t * 0.22) * 0.5 + 0.5) * 0.12 : 0;
+  for (let row = 0; row < rows; row++) {
+    for (let col = 0; col < cols; col++) {
+      const nx = col / cols;
+      const ny = row / rows;
+      const w1 = Math.sin(col * 0.08 + row * 0.05 + t * 0.6) * 0.5 + 0.5;
+      const w2 = Math.sin(col * 0.03 - row * 0.07 + t * 0.4) * 0.5 + 0.5;
+      const w3 = Math.sin(col * 0.05 + row * 0.03 + t * 0.8) * 0.5 + 0.5;
+      const sinePart = (w1 + w2 + w3) / 3;
+      const noiseScale = 0.045;
+      const noiseShift = t * 0.08;
+      const noisePart = _fbm(col * noiseScale + noiseShift, row * noiseScale * 1.4 - noiseShift * 0.7) * 0.5 + 0.5;
+      const driftFreq = 0.06;
+      const driftPart = Math.sin((col + row * 0.65) * driftFreq + t * 1.1) * 0.5 + 0.5;
+      const wavePart = sinePart * 0.45 + noisePart * 0.35 + driftPart * 0.2 + breatheAmp;
+      const dxRaw = nx - mx;
+      const dyRaw = ny - my;
+      const distRaw = Math.sqrt(dxRaw * dxRaw + dyRaw * dyRaw);
+      let vortexBump = 0;
+      if (vortex && distRaw < 0.35) {
+        const angle = Math.atan2(dyRaw, dxRaw);
+        const swirl = Math.sin(angle * 4 + t * 2.2 - distRaw * 14);
+        const falloff = Math.max(0, 1 - distRaw / 0.35);
+        vortexBump = swirl * falloff * falloff * 0.22;
+      }
+      const proximity = Math.max(0, 1 - distRaw * mouseFalloff);
+      const intensity = wavePart * (1 - mouseInfluence) + (proximity + vortexBump * 0.5) * mouseInfluence + vortexBump * 0.15;
+      const clamped = Math.min(1, Math.max(0, intensity));
+      let finalIntensity = clamped;
+      if (sparkles && clamped > 0.72) {
+        const bucket = Math.floor(t * 8);
+        const sparkleSeed = _hash2(col * 7 + bucket * 3, row * 11 + bucket);
+        if (sparkleSeed > 0.88) {
+          finalIntensity = Math.min(1, clamped + (sparkleSeed - 0.88) * 4);
         }
       }
-      ` : ""}
-      var px=x*cW+cW/2+ox,py=y*cH+cH/2+oy;
-      var col=getColor(p);
-      if(cb>0){var m=col.match(/rgb\\((\\d+),(\\d+),(\\d+)\\)/);if(m){var rr=+m[1],gg=+m[2],bb=+m[3];col='rgb('+Math.min(255,Math.round(rr+(hcR-rr)*cb))+','+Math.min(255,Math.round(gg+(hcG-gg)*cb))+','+Math.min(255,Math.round(bb+(hcB-bb)*cb))+')'}}
-      if(isDots){
-        var lum=p.l/255;var int=invert?1-lum:lum;if(int<.02)continue;
-        var rad=Math.min(cW,cH)*.5*dotR*int*sc;if(rad<.3)continue;
-        ctx.globalAlpha=Math.min(1,(p.a/255)*(1+gl));
-        ctx.fillStyle=col;ctx.beginPath();ctx.arc(px,py,rad,0,Math.PI*2);ctx.fill()
-      }else{
-        var lum=(.299*p.r+.587*p.g+.114*p.b)/255;if(invert)lum=1-lum;
-        var ci=Math.floor(lum*(charset.length-1));
-        var ch=charset[Math.max(0,Math.min(charset.length-1,ci))];
-        if(ch===' ')continue;
-        ctx.globalAlpha=Math.min(1,(p.a/255)*(1+gl));
-        ctx.fillStyle=col;
-        var fs=Math.min(cW/.55,cH)*.9*sc;
-        ctx.font=fs+'px "JetBrains Mono",monospace';ctx.textAlign='center';ctx.textBaseline='middle';
-        ctx.fillText(ch,px,py)
+      const charIdx = Math.floor(finalIntensity * (chars.length - 1));
+      if (chars[charIdx] === " ") continue;
+      const alpha = 0.015 + finalIntensity * 0.07;
+      const isAccent = finalIntensity > accentThreshold;
+      if (isAccent) {
+        const accentAlpha = Math.min(lightMode ? 0.4 : 0.28, alpha * (lightMode ? 4 : 2.8));
+        ctx.fillStyle = `rgba(${acR},${acG},${acB},${accentAlpha})`;
+      } else if (baseColor) {
+        ctx.fillStyle = baseColor.replace("{a}", String(alpha));
+      } else if (lightMode) {
+        ctx.fillStyle = `rgba(0,0,0,${alpha * 1.3})`;
+      } else {
+        ctx.fillStyle = `rgba(255,255,255,${alpha})`;
       }
+      ctx.fillText(chars[charIdx], col * charW, row * lineH);
     }
-    ctx.globalAlpha=1;
-    requestAnimationFrame(draw);
   }
-  requestAnimationFrame(draw);
-})();
-</script>
-<!-- /Asciify Animated Embed -->`;
 }
 
 // src/webgl-engine.ts
@@ -1265,7 +1259,7 @@ function makeTexture(gl, filter = gl.NEAREST) {
   gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
   return t;
 }
-var ANIM_STYLES = ["none", "wave", "pulse", "rain", "breathe", "sparkle", "glitch", "spiral", "typewriter", "scatter"];
+var ANIM_STYLES = ["none", "wave", "pulse", "rain", "breathe", "sparkle", "glitch", "spiral", "typewriter", "scatter", "waveField"];
 var HOVER_EFFECTS = ["spotlight", "magnify", "repel", "glow", "colorShift"];
 var COLOR_MODES = ["grayscale", "fullcolor", "matrix", "accent"];
 function tryCreateWebGLRenderer(canvas) {
@@ -1451,6 +1445,6 @@ function tryCreateWebGLRenderer(canvas) {
   }
 }
 
-export { ART_STYLE_PRESETS, CHARSETS, DEFAULT_OPTIONS, HOVER_PRESETS, asciify, asciifyGif, asciifyVideo, generateAnimatedEmbedCode, generateEmbedCode, gifToAsciiFrames, imageToAsciiFrame, renderFrameToCanvas, tryCreateWebGLRenderer, videoToAsciiFrames };
+export { ART_STYLE_PRESETS, CHARSETS, DEFAULT_OPTIONS, HOVER_PRESETS, asciify, asciifyGif, asciifyVideo, generateAnimatedEmbedCode, generateEmbedCode, gifToAsciiFrames, imageToAsciiFrame, renderFrameToCanvas, renderWaveBackground, tryCreateWebGLRenderer, videoToAsciiFrames };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map