asciify-engine 1.0.5 → 1.0.7

package/dist/embed.js

@@ -0,0 +1 @@
+(function(){'use strict';function en(t){let f=atob(t),n=new Uint8Array(f.length);for(let s=0;s<f.length;s++)n[s]=f.charCodeAt(s);return n}function fn(t){return Array.isArray(t)?t.map(en):[en(t)]}function Mn(t,f,n,s){let e=t[0],r=1+(n*s+f)*e;if(e===4){let M=Math.round(.299*t[r]+.587*t[r+1]+.114*t[r+2]);return {r:t[r],g:t[r+1],b:t[r+2],a:t[r+3],l:M}}return {r:t[r],g:t[r],b:t[r],l:t[r],a:t[r+1]}}function gn(t){return t*t*(3-2*t)}function dn(t,f){if(t==="fullcolor")return (n,s,e)=>`rgb(${n},${s},${e})`;if(t==="matrix")return (n,s,e)=>`rgb(0,${Math.floor(.299*n+.587*s+.114*e)},0)`;if(t==="accent"){let n=f.replace("#",""),s=parseInt(n.substring(0,2),16),e=parseInt(n.substring(2,4),16),r=parseInt(n.substring(4,6),16);return (M,y,c)=>{let a=(.299*M+.587*y+.114*c)/255;return `rgb(${Math.floor(s*a)},${Math.floor(e*a)},${Math.floor(r*a)})`}}return (n,s,e)=>{let r=Math.floor(.299*n+.587*s+.114*e);return `rgb(${r},${r},${r})`}}function bn(t,f,n,s,e,r,M){let y=f,c=M*y;switch(t){case "wave":{let a=Math.sin(n/e*Math.PI*4+c*3)*.5+.5,o=Math.sin(s/r*Math.PI*3+c*2)*.5+.5;return .3+.7*(a*.6+o*.4)}case "pulse":{let a=e/2,o=r/2,u=Math.sqrt((n-a)**2+(s-o)**2),h=Math.sqrt(a*a+o*o);return .2+.8*(Math.sin(u/h*Math.PI*6-c*4)*.5+.5)}case "rain":return .1+.9*(Math.sin(s/r*Math.PI*8-c*5+n*.3)*.5+.5)*(Math.sin(n/e*Math.PI*2+c)*.3+.7);case "breathe":return Math.max(.1,Math.min(1,Math.sin(c*2)*.3+.7+Math.sin((n+s)*.1+c)*.1));case "sparkle":{let a=Math.sin(n*127.1+s*311.7+Math.floor(c*8)*43758.5453)*43758.5453,o=a-Math.floor(a);return o>.7?1:.15+o*.4}case "glitch":{let a=Math.floor(s/(r*.05)),o=Math.sin(a*43.23+Math.floor(c*6)*17.89)*43758.5453;if(o-Math.floor(o)>.85){let h=Math.sin(c*30+a)*.5+.5;return h<.3?0:h}return 1}case "spiral":{let a=e/2,o=r/2,u=n-a,h=s-o,g=Math.atan2(h,u),$=Math.sqrt(u*u+h*h),k=Math.sqrt(a*a+o*o);return .15+.85*(Math.sin(g*3+$/k*Math.PI*8-c*3)*.5+.5)}case "typewriter":{let a=e*r,o=s*e+n,u=c*.5%1,h=u*a*1.3,g=o-h;return g>0?0:Math.min(1,Math.max(0,1+g/(a*.15)))}case "scatter":{let a=e/2,o=r/2,u=n-a,h=s-o,g=Math.sqrt(u*u+h*h)/Math.sqrt(a*a+o*o),$=Math.sin(c*1.5)*.5+.5;return g>$?Math.max(0,1-(g-$)*3):.7+.3*Math.sin(g*10-c*2)}default:return 1}}function pn(t,f,n){let s=document.getElementById(t);if(!s){console.error(`Asciify: canvas #${t} not found`);return}let e=s.getContext("2d"),{r,c:M,w:y,h:c}=n,a=n.fps??10,o=n.cs??" .:-=+*#%@",u=n.cm??"grayscale",h=n.ac??"#ffffff",g=n.as??"none",$=n.sp??1,k=n.inv??false,l=n.hs??0,rn=n.hr??.3,E=n.he??"spotlight",T=n.hc??"#ffffff",sn=n.dr??.7,an=n.dots??false,K=n.anim??false,on=parseInt(T.slice(1,3),16)||255,cn=parseInt(T.slice(3,5),16)||255,hn=parseInt(T.slice(5,7),16)||255,I=y/M,w=c/r,N=fn(f),ln=dn(u,h),F=l>0,Q=g!=="none"||K,L=-1,U=-1,v=0,W=.5,X=.5,Y=0,V=0;F&&(s.addEventListener("mousemove",q=>{let P=s.getBoundingClientRect();L=(q.clientX-P.left)/P.width,U=(q.clientY-P.top)/P.height;}),s.addEventListener("mouseleave",()=>{L=-1,U=-1;}));function D(q){let P=q/1e3;K&&q-V>=1e3/a&&(Y=(Y+1)%N.length,V=q);let mn=N[Y];e.clearRect(0,0,y,c),e.fillStyle="#0a0a0a",e.fillRect(0,0,y,c),F&&(L>=0?(W+=(L-W)*.1,X+=(U-X)*.1,v+=(1-v)*.12):(v*=.96,v<.003&&(v=0)));for(let R=0;R<r;R++)for(let S=0;S<M;S++){let x=Mn(mn,S,R,M);if(x.a<10)continue;let G=bn(g,$,S,R,M,r,P);if(G<.05)continue;let C=1,J=0,j=0,B=0,A=0;if(F&&v>.003){let m=S/M,d=R/r,b=m-W,p=d-X,nn=Math.sqrt(b*b+p*p),tn=.08+rn*.35+l*.04;if(nn<tn){let un=1-nn/tn,i=gn(un)*v,O=Math.atan2(p,b);if(E==="spotlight"){C=1+i*l*1.8;let H=i*i*l*.6;J=Math.cos(O)*H*I,j=Math.sin(O)*H*w,B=i*l*.4,A=i*i*l*.25;}else if(E==="magnify")C=1+i*l*2.5,B=i*l*.15;else if(E==="repel"){C=1+i*l*.3;let H=i*i*l*1.2;J=Math.cos(O)*H*I,j=Math.sin(O)*H*w;}else E==="glow"?(B=i*l*.8,A=i*l*.4):E==="colorShift"&&(C=1+i*l*.4,B=i*l*.2,A=i*l*.7);}}let Z=S*I+I/2+J,_=R*w+w/2+j,z=ln(x.r,x.g,x.b);if(A>0){let m=z.match(/rgb\((\d+),(\d+),(\d+)\)/);if(m){let d=+m[1],b=+m[2],p=+m[3];z=`rgb(${Math.min(255,Math.round(d+(on-d)*A))},${Math.min(255,Math.round(b+(cn-b)*A))},${Math.min(255,Math.round(p+(hn-p)*A))})`;}}if(e.globalAlpha=Math.min(1,x.a/255*G*(1+B)),e.fillStyle=z,an){let m=x.l/255;if(k&&(m=1-m),m<.02)continue;let d=Math.min(I,w)*.5*sn*m*G*C;if(d<.3)continue;e.beginPath(),e.arc(Z,_,d,0,Math.PI*2),e.fill();}else {let m=x.l/255;k&&(m=1-m);let d=Math.floor(m*(o.length-1)),b=o[Math.max(0,Math.min(o.length-1,d))];if(b===" ")continue;let p=Math.min(I/.55,w)*.9*C;e.font=`${p}px "JetBrains Mono",monospace`,e.textAlign="center",e.textBaseline="middle",e.fillText(b,Z,_);}}e.globalAlpha=1,(Q||F)&&requestAnimationFrame(D);}Q||F?requestAnimationFrame(D):D(0);}window.Asciify=pn;})();

package/dist/index.cjs

@@ -276,6 +276,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;
   }
@@ -468,6 +470,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;
@@ -699,37 +719,30 @@ 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)+')'}`;
+function serializeFrame(frame, fullColor) {
+  const rows = frame.length;
+  const cols = rows > 0 ? frame[0].length : 0;
+  const stride = fullColor ? 4 : 2;
+  const buf = new Uint8Array(1 + rows * cols * stride);
+  buf[0] = stride;
+  let i = 1;
+  for (let y = 0; y < rows; y++) {
+    for (let x = 0; x < cols; x++) {
+      const cell = frame[y][x];
+      if (fullColor) {
+        buf[i++] = cell.r;
+        buf[i++] = cell.g;
+        buf[i++] = cell.b;
+        buf[i++] = cell.a;
+      } else {
+        buf[i++] = Math.round(0.299 * cell.r + 0.587 * cell.g + 0.114 * cell.b);
+        buf[i++] = cell.a;
+      }
     }
-    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;
@@ -821,188 +834,171 @@ async function asciifyVideo(source, canvas, { fontSize = 10, style = "classic",
     cancelAnimationFrame(animId);
   };
 }
+var EMBED_CDN_VERSION = "1.0.7";
+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
@@ -1267,7 +1263,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) {
@@ -1465,6 +1461,7 @@ exports.generateEmbedCode = generateEmbedCode;
 exports.gifToAsciiFrames = gifToAsciiFrames;
 exports.imageToAsciiFrame = imageToAsciiFrame;
 exports.renderFrameToCanvas = renderFrameToCanvas;
+exports.renderWaveBackground = renderWaveBackground;
 exports.tryCreateWebGLRenderer = tryCreateWebGLRenderer;
 exports.videoToAsciiFrames = videoToAsciiFrames;
 //# sourceMappingURL=index.cjs.map