function generate({canvasSize:e=1e3,gridSize:t=100,fs:l="black",transformations:a=[]}){document.body.setAttribute("style","margin:0;display:flex;align-items:center;justify-content:center;");let n=document.createElement("canvas");n.width=e,n.height=e,document.body.appendChild(n);let $=n.getContext("2d"),o,r=()=>{$.fillStyle="black",$.fillRect(0,0,e,e)},d=(e,t,l,a,{r:n,g:o,b:r,a:d})=>{let f=$.getImageData(e,t,l,a),s=f.data;for(let c=0;c<s.length;c+=4)n&&(s[c]=255-s[c]),o&&(s[c+1]=255-s[c+1]),r&&(s[c+2]=255-s[c+2]),void 0!==d&&(s[c+3]=d);$.putImageData(f,e,t)},f=n=>{r();let s=e/t,c={x:e/2,y:e/2},g=Math.sqrt(2*Math.pow(c.x,2));$.fillStyle=l;for(let y=0;y<t;y++)for(let b=0;b<t;b++){let h=y*s+s/2,p=b*s+s/2,m=Math.sqrt(Math.pow(h-c.x,2)+Math.pow(p-c.y,2)),u=m/g,x=Math.sin(n/5e3),w=Math.abs(Math.cos(u*Math.PI*.8+2*x));$.beginPath(),$.rect(h-w*s/2,p-w*s/2,w*s,w*s),$.fill()}for(i=0;i<a.length;i++){let _=a[i],{x:v,y:I,w:k,h:q,r:C,g:D,b:E,a:P}=_;d(v,I,k,q,{r:C,g:D,b:E,a:P})}o=requestAnimationFrame(f)};r(),f(0),window.addEventListener("beforeunload",()=>{cancelAnimationFrame(o)})}