litecanvas 0.50.0 → 0.52.0

package/dist/dist.js

@@ -43,13 +43,13 @@
   // src/sounds.js
   var sounds = [
     // 0 - pickup
-    [0.8, , 2e3, 0.01, 0.05, , 1, 2, , , -600, 0.05, , , , , , 0.5, 0.05],
+    [0.5, , 1675, , 0.06, 0.2, 1, 1.8, , , 637, 0.06],
     // 1 - hit
-    [0.5, , 375, 0.02, 0.01, 0.2, 1, , , , , , , 0.4, , 0.1, , 0.6, 0.1],
+    [0.7, , 820, , , , , 1.5, , 0.3, , 0.1, 1.6, , , 0.1, 0.2],
     // 2 - jump
-    [, , 360, 0.01, , 0.08, 1, 1.7, 12, 32, , , , , , , , 0.63, 0.02, , 99],
-    // 3 - warning
-    [1.2, , 240, 0.02, 0.15, 0.15, 1, 4, , , , , 0.05, , , , , 0.6, 0.15]
+    [0.7, , 360, 0.01, , 0.08, 1, 1.7, 12, 32, , , , , , , , 0.63, 0.02, , 99],
+    // 3 - powerup
+    [, , 300, 0.02, 0.1, , 1, 3.2, , , 100, 0.08, 0.1, , , , , 0.6, 0.25, 0.3]
   ];
 
   // src/index.js
@@ -396,7 +396,7 @@
        */
       textmetrics(text, size) {
         _ctx.font = `${_fontStyle || ""} ${size || _fontSize}px ${_fontFamily}`;
-        metrics = _ctx.measureText(text);
+        const metrics = _ctx.measureText(text);
         metrics.height = metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent;
         return metrics;
       },
@@ -589,7 +589,6 @@
        * @param {number} [volume=1]
        * @param {number} [pitch=0]
        * @param {number} [randomness=null] an float value between 0 and 1
-       * @returns {AudioBufferSourceNode}
        *
        * @see https://github.com/KilledByAPixel/ZzFX
        * @see https://github.com/litecanvas/game-engine/blob/main/src/sounds.js
@@ -598,14 +597,14 @@
         if (navigator.userActivation && !navigator.userActivation.hasBeenActive) {
           return;
         }
-        let z = Array.isArray(sound) ? sound : sounds[sound % sounds.length];
+        let sample = Array.isArray(sound) ? sound : sounds[sound % sounds.length];
         if (volume !== 1 || pitch || randomness) {
-          z = [...z];
-          z[0] = (Number(volume) || 1) * (z[0] || 1);
-          z[1] = randomness != null ? randomness : z[1];
-          z[10] = ~~z[10] + ~~pitch;
+          sample = sample.slice();
+          sample[0] = (Number(volume) || 1) * (sample[0] || 1);
+          sample[1] = randomness != null ? randomness : sample[1];
+          sample[10] = ~~sample[10] + ~~pitch;
         }
-        return zzfx(...z);
+        zzfx.apply(0, sample);
       },
       /** UTILS API */
       /**
@@ -662,31 +661,33 @@
       /**
        * Add a game event listener
        *
-       * @param {string} event the event type name
+       * @param {string} eventName the event type name
        * @param {function} callback the function that is called when the event occurs
        * @param {boolean} [highPriority=false] determines whether the callback will be called before or after the others
        * @returns {function} a function to remove the listener
        */
-      listen(event, callback, highPriority = false) {
-        _events[event] = _events[event] || [[], []];
-        const size = _events[event][highPriority ? 0 : 1].push(callback);
+      listen(eventName, callback) {
+        _events[eventName] = _events[eventName] || [];
+        _events[eventName].push(callback);
         return () => {
-          _events[event][highPriority ? 0 : 1].splice(size - 1, 1);
+          _events[eventName] = _events[eventName].filter(
+            (x) => callback !== x
+          );
         };
       },
       /**
        * Call all listeners attached to a game event
        *
-       * @param {string} event The game event type
-       * @param  {...any} args Arguments passed to all listeners
+       * @param {string} eventName The event type name
+       * @param {*} [arg1] any data to be passed over the listeners
+       * @param {*} [arg2] any data to be passed over the listeners
+       * @param {*} [arg3] any data to be passed over the listeners
+       * @param {*} [arg4] any data to be passed over the listeners
        */
-      emit(event, ...args) {
-        if (!_events[event]) return;
-        for (const list of _events[event]) {
-          for (const callback of list) {
-            callback(...args);
-          }
-        }
+      emit(eventName, arg1, arg2, arg3, arg4) {
+        triggerEvent("before:" + eventName, arg1, arg2, arg3, arg4);
+        triggerEvent(eventName, arg1, arg2, arg3, arg4);
+        triggerEvent("after:" + eventName, arg1, arg2, arg3, arg4);
       },
       /**
        * Get a color by index
@@ -699,7 +700,7 @@
        * Create or update a instance variable
        *
        * @param {string} key
-       * @param {any} value
+       * @param {*} value
        */
       setvar(key, value) {
         instance[key] = value;
@@ -898,15 +899,14 @@
       }
     }
     function pageResized() {
+      const pageWidth = root.innerWidth, pageHeight = root.innerHeight;
       if (_fullscreen) {
-        _canvas.width = innerWidth;
-        _canvas.height = innerHeight;
-        instance.setvar("WIDTH", innerWidth);
-        instance.setvar("HEIGHT", innerHeight);
+        instance.setvar("WIDTH", _canvas.width = pageWidth);
+        instance.setvar("HEIGHT", _canvas.height = pageHeight);
       } else if (_autoscale) {
         _scale = Math.min(
-          innerWidth / instance.WIDTH,
-          innerHeight / instance.HEIGHT
+          pageWidth / instance.WIDTH,
+          pageHeight / instance.HEIGHT
         );
         _scale = settings.pixelart ? Math.floor(_scale) : _scale;
         _canvas.style.width = instance.WIDTH * _scale + "px";
@@ -920,6 +920,12 @@
       }
       instance.emit("resized", _scale);
     }
+    function triggerEvent(eventName, arg1, arg2, arg3, arg4) {
+      if (!_events[eventName]) return;
+      for (const callback of _events[eventName]) {
+        callback(arg1, arg2, arg3, arg4);
+      }
+    }
     function loadPlugin(callback) {
       const pluginData = callback(instance, _helpers, callback.__conf);
       if ("object" === typeof pluginData) {

package/dist/dist.min.js

@@ -1,2 +1 @@
-(()=>{var U=(u=1,g=.05,H=220,b=0,T=0,N=.1,X=0,$=1,c=0,G=0,R=0,v=0,C=0,k=0,o=0,F=0,y=0,Y=1,S=0,M=0,A=0)=>{let _=Math,E=2*_.PI,h=44100,L=c*=500*E/h/h,B=H*=(1-g+2*g*_.random(g=[]))*E/h,D=0,z=0,x=0,a=1,V=0,j=0,w=0,I=A<0?-1:1,W=E*I*A*2/h,e=_.cos(W),t=_.sin,n=t(W)/4,r=1+n,s=-2*e/r,d=(1-n)/r,m=(1+I*e)/2/r,P=-(I+e)/r,i=m,f=0,l=0,p=0,O=0;for(b=h*b+9,S*=h,T*=h,N*=h,y*=h,G*=500*E/h**3,o*=E/h,R*=E/h,v*=h,C=h*C|0,u*=globalThis.zzfxV||.3,I=b+S+T+N+y|0;x<I;g[x++]=w*u)++j%(100*F|0)||(w=X?1<X?2<X?3<X?t(D*D):_.max(_.min(_.tan(D),1),-1):1-(2*D/E%2+2)%2:1-4*_.abs(_.round(D/E)-D/E):t(D),w=(C?1-M+M*t(E*x/C):1)*(w<0?-1:1)*_.abs(w)**$*(x<b?x/b:x<b+S?1-(x-b)/S*(1-Y):x<b+S+T?Y:x<I-y?(I-x-y)/N*Y:0),w=y?w/2+(y>x?0:(x<I-y?1:(I-x)/y)*g[x-y|0]/2/u):w,A&&(w=O=i*f+P*(f=l)+m*(l=w)-d*p-s*(p=O))),W=(H+=c+=G)*_.cos(o*z++),D+=W+W*k*t(x**5),a&&++a>v&&(H+=R,B+=R,a=0),!C||++V%C||(H=B,c=L,a=a||1);u=K.createBuffer(1,I,h),u.getChannelData(0).set(g),H=K.createBufferSource(),H.buffer=u,H.connect(K.destination),H.start()},K=new AudioContext;var q=["#18161c","#6a7799","#aec2c2","#f3eade","#f04f78","#fcf660","#2f328f","#4b80ca","#327345","#63c64d","#703075","#a56243"];var J=[[.8,,2e3,.01,.05,,1,2,,,-600,.05,,,,,,.5,.05],[.5,,375,.02,.01,.2,1,,,,,,,.4,,.1,,.6,.1],[,,360,.01,,.08,1,1.7,12,32,,,,,,,,.63,.02,,99],[1.2,,240,.02,.15,.15,1,4,,,,,.05,,,,,.6,.15]];function Q(u={}){let g=globalThis,H=Math.PI,b=H*2,T=(e,t,n)=>e.addEventListener(t,n);u=Object.assign({fps:60,fullscreen:!0,width:null,height:null,autoscale:!0,pixelart:!1,antialias:!0,canvas:null,global:!0,loop:null,tapEvents:!0,pauseOnBlur:!0},u);let X=!1,$=[],c=u.canvas||document.createElement("canvas"),G=u.fullscreen,R=u.autoscale,v=1,C,k,o,F=1,y,Y=1/u.fps,S=Y*1e3,M=0,A,_=0,E=0,h="sans-serif",L="",B=32,D=Date.now(),z={init:!1,update:!1,draw:!1,resized:!1,tap:!1,untap:!1,tapping:!1,tapped:!1},x={settings:Object.assign({},u),colors:q,sounds:J},a={WIDTH:u.width,HEIGHT:u.height||u.width,CANVAS:null,ELAPSED:0,FPS:u.fps,CENTERX:null,CENTERY:null,PI:H,TWO_PI:b,HALF_PI:H*.5,lerp:(e,t,n)=>e+n*(t-e),deg2rad:e=>H/180*e,rad2deg:e=>180/H*e,clamp:(e,t,n)=>e<t?t:e>n?n:e,wrap:(e,t,n)=>e-(n-t)*Math.floor((e-t)/(n-t)),map(e,t,n,r,s,d=!1){let m=(e-t)/(n-t)*(s-r)+r;return d?a.clamp(m,r,s):m},norm:(e,t,n)=>a.map(e,t,n,0,1),rand:(e=0,t=1)=>(D=(1664525*D+1013904223)%4294967296,D/4294967296*(t-e)+e),randi:(e=0,t=1)=>a.floor(a.rand()*(t-e+1)+e),seed:e=>e==null?D:D=~~e,cls(e){e==null?o.clearRect(0,0,a.WIDTH,a.HEIGHT):a.rectfill(0,0,a.WIDTH,a.HEIGHT,e)},rect(e,t,n,r,s=0,d=null){o.beginPath(),o[d?"roundRect":"rect"](~~e,~~t,n,r,d),a.stroke(s)},rectfill(e,t,n,r,s=0,d=null){o.beginPath(),o[d?"roundRect":"rect"](~~e,~~t,n,r,d),a.fill(s)},circ(e,t,n,r){o.beginPath(),o.arc(~~e,~~t,n,0,b),o.closePath(),a.stroke(r)},circfill(e,t,n,r){o.beginPath(),o.arc(~~e,~~t,n,0,b),o.closePath(),a.fill(r)},line(e,t,n,r,s){o.beginPath(),o.moveTo(~~e,~~t),o.lineTo(~~n,~~r),a.stroke(s)},linewidth(e){o.lineWidth=e},linedash(e,t=0){o.setLineDash(Array.isArray(e)?e:[e]),o.lineDashOffset=t},text(e,t,n,r=3){o.font=`${L||""} ${B}px ${h}`,o.fillStyle=a.getcolor(r),o.fillText(n,~~e,~~t)},textfont(e){h=e},textsize(e){B=e},textstyle(e){L=e},textalign(e,t){e&&(o.textAlign=e),t&&(o.textBaseline=t)},textmetrics(e,t){return o.font=`${L||""} ${t||B}px ${h}`,metrics=o.measureText(e),metrics.height=metrics.actualBoundingBoxAscent+metrics.actualBoundingBoxDescent,metrics},image(e,t,n){o.drawImage(n,~~e,~~t)},paint(e,t,n,r={}){let s=new OffscreenCanvas(e,t),d=o,m=r.scale||1;if(s.width=e*m,s.height=t*m,o=s.getContext("2d"),o.scale(m,m),Array.isArray(n)){let P=0,i=0;o.imageSmoothingEnabled=!1;for(let f of n){for(let l of f)l!==" "&&l!=="."&&a.rectfill(P,i,1,1,parseInt(l,16)),P++;i++,P=0}}else n(s,o);return o=d,s},ctx:()=>o,push:()=>o.save(),pop:()=>o.restore(),translate:(e,t)=>o.translate(e,t),scale:(e,t)=>o.scale(e,t||e),rotate:e=>o.rotate(e),transform:(e,t,n,r,s,d,m=!0)=>o[m?"setTransform":"transform"](e,t,n,r,s,d),alpha(e){o.globalAlpha=a.clamp(e,0,1)},path:e=>new Path2D(e),fill(e,t){o.fillStyle=a.getcolor(e),o.fill(t)},stroke(e,t){o.strokeStyle=a.getcolor(e),t?o.stroke(t):o.stroke()},cliprect(e,t,n,r){o.beginPath(),o.rect(e,t,n,r),o.clip()},clipcirc(e,t,n){o.beginPath(),o.arc(e,t,n,0,b),o.clip()},blendmode(e){o.globalCompositeOperation=e},sfx(e=0,t=1,n=0,r=null){if(navigator.userActivation&&!navigator.userActivation.hasBeenActive)return;let s=Array.isArray(e)?e:J[e%J.length];return(t!==1||n||r)&&(s=[...s],s[0]=(Number(t)||1)*(s[0]||1),s[1]=r??s[1],s[10]=~~s[10]+~~n),U(...s)},colrect:(e,t,n,r,s,d,m,P)=>e<s+m&&e+n>s&&t<d+P&&t+r>d,colcirc:(e,t,n,r,s,d)=>(r-e)**2+(s-t)**2<=(n+d)**2,mousepos:()=>[C,k],timescale(e){F=e},use(e,t={}){e.__conf=t,X?W(e):$.push(e)},listen(e,t,n=!1){z[e]=z[e]||[[],[]];let r=z[e][n?0:1].push(t);return()=>{z[e][n?0:1].splice(r-1,1)}},emit(e,...t){if(z[e])for(let n of z[e])for(let r of n)r(...t)},getcolor:e=>q[~~e%q.length],setvar(e,t){a[e]=t,u.global&&(g[e]=t)},resize(e,t){a.setvar("WIDTH",c.width=e),a.setvar("HEIGHT",c.height=t||e),I()}};for(let e of["sin","cos","atan2","hypot","tan","abs","ceil","round","floor","trunc","min","max","pow","sqrt","sign","exp"])a[e]=Math[e];function V(){X=!0,w();let e=u.loop?u.loop:g;for(let t of Object.keys(z))e[t]&&a.listen(t,e[t]);for(let t of $)W(t);if(T(g,"resize",I),I(),u.tapEvents){let t=(i,f)=>[(i-c.offsetLeft)/v,(f-c.offsetTop)/v],n=new Map,r=(i,f,l)=>{let p={x:f,y:l,startX:f,startY:l,ts:performance.now()};return n.set(i,p),p},s=(i,f,l)=>{let p=n.get(i)||r(i);p.x=f,p.y=l},d=i=>i&&performance.now()-i.ts<=200,m=!1;T(c,"mousedown",i=>{i.preventDefault();let[f,l]=t(i.pageX,i.pageY);a.emit("tap",f,l,0),r(0,f,l),m=!0}),T(c,"mousemove",i=>{i.preventDefault();let[f,l]=[C,k]=t(i.pageX,i.pageY);m&&(a.emit("tapping",f,l,0),s(0,f,l))}),T(c,"mouseup",i=>{i.preventDefault();let f=n.get(0),[l,p]=t(i.pageX,i.pageY);d(f)&&a.emit("tapped",f.startX,f.startY,0),a.emit("untap",l,p,0),n.delete(0),m=!1}),T(c,"touchstart",i=>{i.preventDefault();let f=i.changedTouches;for(let l of f){let[p,O]=t(l.pageX,l.pageY);a.emit("tap",p,O,l.identifier+1),r(l.identifier+1,p,O)}}),T(c,"touchmove",i=>{i.preventDefault();let f=i.changedTouches;for(let l of f){let[p,O]=t(l.pageX,l.pageY);a.emit("tapping",p,O,l.identifier+1),s(l.identifier+1,p,O)}});let P=i=>{i.preventDefault();let f=[];if(i.targetTouches.length>0)for(let l of i.targetTouches)f.push(l.identifier+1);for(let[l,p]of n)f.includes(l)||(d(p)&&a.emit("tapped",p.startX,p.startY,l),a.emit("untap",p.x,p.y,l),n.delete(l))};T(c,"touchend",P),T(c,"touchcancel",P),T(g,"blur",()=>{if(m=!1,n.size!==0)for(let[i,f]of n)a.emit("untap",f.x,f.y,i),n.delete(i)})}u.pauseOnBlur&&(T(g,"blur",()=>{A=null}),T(g,"focus",()=>{A||(y=performance.now(),A=requestAnimationFrame(j))})),a.emit("init"),y=performance.now(),A=requestAnimationFrame(j)}function j(e){let t=0,n=e-y;for(y=e,M+=n;M>=S;)a.emit("update",Y*F),a.setvar("ELAPSED",a.ELAPSED+Y*F),M-=S,t++;t&&(a.textalign("start","top"),a.emit("draw"),_++,E+=S*t,E+M>=1e3&&(a.setvar("FPS",_),_=0,E-=1e3)),A&&(A=requestAnimationFrame(j))}function w(){c=typeof c=="string"?document.querySelector(c):c,a.setvar("CANVAS",c),o=c.getContext("2d"),a.WIDTH>0&&(G=!1),c.width=a.WIDTH,c.height=a.HEIGHT||a.WIDTH,c.parentNode||document.body.appendChild(c),c.style.display="block",G?(c.style.position="absolute",c.style.inset=0):R&&(c.style.margin="auto")}function I(){G?(c.width=innerWidth,c.height=innerHeight,a.setvar("WIDTH",innerWidth),a.setvar("HEIGHT",innerHeight)):R&&(v=Math.min(innerWidth/a.WIDTH,innerHeight/a.HEIGHT),v=u.pixelart?Math.floor(v):v,c.style.width=a.WIDTH*v+"px",c.style.height=a.HEIGHT*v+"px"),a.setvar("CENTERX",a.WIDTH/2),a.setvar("CENTERY",a.HEIGHT/2),(!u.antialias||u.pixelart)&&(o.imageSmoothingEnabled=!1,c.style.imageRendering="pixelated"),a.emit("resized",v)}function W(e){let t=e(a,x,e.__conf);if(typeof t=="object")for(let[n,r]of Object.entries(t))a.setvar(n,r)}if(u.global){if(g.__litecanvas)throw"Cannot instantiate litecanvas globally twice";Object.assign(g,a),g.__litecanvas=a}return document.readyState==="loading"?T(g,"DOMContentLoaded",V):V(),a}globalThis.litecanvas=Q;})();
-//# sourceMappingURL=dist.min.js.map
+(()=>{var e=(e=1,a=.05,l=220,n=0,i=0,r=.1,o=0,s=1,c=0,f=0,p=0,u=0,g=0,d=0,h=0,m=0,v=0,b=1,T=0,x=0,H=0)=>{let y=Math,E=2*y.PI,D=c*=500*E/44100/44100,w=l*=(1-a+2*a*y.random(a=[]))*E/44100,I=0,A=0,P=0,C=1,S=0,W=0,O=0,B=H<0?-1:1,X=E*B*H*2/44100,Y=y.cos(X),k=y.sin,G=k(X)/4,_=1+G,z=-2*Y/_,L=(1-G)/_,M=(1+B*Y)/2/_,N=-(B+Y)/_,R=0,j=0,F=0,$=0;for(n=44100*n+9,T*=44100,i*=44100,r*=44100,v*=44100,f*=500*E/85766121e6,h*=E/44100,p*=E/44100,u*=44100,g=44100*g|0,e*=globalThis.zzfxV||.3,B=n+T+i+r+v|0;P<B;a[P++]=O*e)++W%(100*m|0)||(O=o?1<o?2<o?3<o?k(I*I):y.max(y.min(y.tan(I),1),-1):1-(2*I/E%2+2)%2:1-4*y.abs(y.round(I/E)-I/E):k(I),O=(g?1-x+x*k(E*P/g):1)*(O<0?-1:1)*y.abs(O)**s*(P<n?P/n:P<n+T?1-(P-n)/T*(1-b):P<n+T+i?b:P<B-v?(B-P-v)/r*b:0),O=v?O/2+(v>P?0:(P<B-v?1:(B-P)/v)*a[P-v|0]/2/e):O,H&&(O=$=M*R+N*(R=j)+M*(j=O)-L*F-z*(F=$))),I+=(X=(l+=c+=f)*y.cos(h*A++))+X*d*k(P**5),C&&++C>u&&(l+=p,w+=p,C=0),!g||++S%g||(l=w,c=D,C=C||1);(e=t.createBuffer(1,B,44100)).getChannelData(0).set(a),(l=t.createBufferSource()).buffer=e,l.connect(t.destination),l.start()},t=/* @__PURE__ */new AudioContext,a=["#18161c","#6a7799","#aec2c2","#f3eade","#f04f78","#fcf660","#2f328f","#4b80ca","#327345","#63c64d","#703075","#a56243"],l=[[.5,,1675,,.06,.2,1,1.8,,,637,.06],[.7,,820,,,,,1.5,,.3,,.1,1.6,,,.1,.2],[.7,,360,.01,,.08,1,1.7,12,32,,,,,,,,.63,.02,,99],[,,300,.02,.1,,1,3.2,,,100,.08,.1,,,,,.6,.25,.3]];globalThis.litecanvas=function(t={}){let n=globalThis,i=Math.PI,r=2*i,o=(e,t,a)=>e.addEventListener(t,a);t=Object.assign({fps:60,fullscreen:!0,width:null,height:null,autoscale:!0,pixelart:!1,antialias:!0,canvas:null,global:!0,loop:null,tapEvents:!0,pauseOnBlur:!0},t);let s=!1,c=[],f=t.canvas||document.createElement("canvas"),p=t.fullscreen,u=t.autoscale,g=1,d,h,m,v=1,b,T=1/t.fps,x=1e3*T,H=0,y,E=0,D=0,w="sans-serif",I="",A=32,P=Date.now(),C={init:!1,update:!1,draw:!1,resized:!1,tap:!1,untap:!1,tapping:!1,tapped:!1},S={settings:Object.assign({},t),colors:a,sounds:l},W={WIDTH:t.width,HEIGHT:t.height||t.width,CANVAS:null,ELAPSED:0,FPS:t.fps,CENTERX:null,CENTERY:null,PI:i,TWO_PI:r,HALF_PI:.5*i,lerp:(e,t,a)=>e+a*(t-e),deg2rad:e=>i/180*e,rad2deg:e=>180/i*e,clamp:(e,t,a)=>e<t?t:e>a?a:e,wrap:(e,t,a)=>e-(a-t)*Math.floor((e-t)/(a-t)),map(e,t,a,l,n,i=!1){let r=(e-t)/(a-t)*(n-l)+l;return i?W.clamp(r,l,n):r},norm:(e,t,a)=>W.map(e,t,a,0,1),rand:(e=0,t=1)=>(P=(1664525*P+0x3c6ef35f)%0x100000000)/0x100000000*(t-e)+e,randi:(e=0,t=1)=>W.floor(W.rand()*(t-e+1)+e),seed:e=>null==e?P:P=~~e,cls(e){null==e?m.clearRect(0,0,W.WIDTH,W.HEIGHT):W.rectfill(0,0,W.WIDTH,W.HEIGHT,e)},rect(e,t,a,l,n=0,i=null){m.beginPath(),m[i?"roundRect":"rect"](~~e,~~t,a,l,i),W.stroke(n)},rectfill(e,t,a,l,n=0,i=null){m.beginPath(),m[i?"roundRect":"rect"](~~e,~~t,a,l,i),W.fill(n)},circ(e,t,a,l){m.beginPath(),m.arc(~~e,~~t,a,0,r),m.closePath(),W.stroke(l)},circfill(e,t,a,l){m.beginPath(),m.arc(~~e,~~t,a,0,r),m.closePath(),W.fill(l)},line(e,t,a,l,n){m.beginPath(),m.moveTo(~~e,~~t),m.lineTo(~~a,~~l),W.stroke(n)},linewidth(e){m.lineWidth=e},linedash(e,t=0){m.setLineDash(Array.isArray(e)?e:[e]),m.lineDashOffset=t},text(e,t,a,l=3){m.font=`${I||""} ${A}px ${w}`,m.fillStyle=W.getcolor(l),m.fillText(a,~~e,~~t)},textfont(e){w=e},textsize(e){A=e},textstyle(e){I=e},textalign(e,t){e&&(m.textAlign=e),t&&(m.textBaseline=t)},textmetrics(e,t){m.font=`${I||""} ${t||A}px ${w}`;let a=m.measureText(e);return a.height=a.actualBoundingBoxAscent+a.actualBoundingBoxDescent,a},image(e,t,a){m.drawImage(a,~~e,~~t)},paint(e,t,a,l={}){let n=new OffscreenCanvas(e,t),i=m,r=l.scale||1;if(n.width=e*r,n.height=t*r,(m=n.getContext("2d")).scale(r,r),Array.isArray(a)){let e=0,t=0;for(let l of(m.imageSmoothingEnabled=!1,a)){for(let a of l)" "!==a&&"."!==a&&W.rectfill(e,t,1,1,parseInt(a,16)),e++;t++,e=0}}else a(n,m);return m=i,n},ctx:()=>m,push:()=>m.save(),pop:()=>m.restore(),translate:(e,t)=>m.translate(e,t),scale:(e,t)=>m.scale(e,t||e),rotate:e=>m.rotate(e),transform:(e,t,a,l,n,i,r=!0)=>m[r?"setTransform":"transform"](e,t,a,l,n,i),alpha(e){m.globalAlpha=W.clamp(e,0,1)},path:e=>new Path2D(e),fill(e,t){m.fillStyle=W.getcolor(e),m.fill(t)},stroke(e,t){m.strokeStyle=W.getcolor(e),t?m.stroke(t):m.stroke()},cliprect(e,t,a,l){m.beginPath(),m.rect(e,t,a,l),m.clip()},clipcirc(e,t,a){m.beginPath(),m.arc(e,t,a,0,r),m.clip()},blendmode(e){m.globalCompositeOperation=e},sfx(t=0,a=1,n=0,i=null){if(navigator.userActivation&&!navigator.userActivation.hasBeenActive)return;let r=Array.isArray(t)?t:l[t%l.length];(1!==a||n||i)&&((r=r.slice())[0]=(Number(a)||1)*(r[0]||1),r[1]=null!=i?i:r[1],r[10]=~~r[10]+~~n),e.apply(0,r)},colrect:(e,t,a,l,n,i,r,o)=>e<n+r&&e+a>n&&t<i+o&&t+l>i,colcirc:(e,t,a,l,n,i)=>(l-e)**2+(n-t)**2<=(a+i)**2,mousepos:()=>[d,h],timescale(e){v=e},use(e,t={}){e.__conf=t,s?k(e):c.push(e)},listen:(e,t)=>(C[e]=C[e]||[],C[e].push(t),()=>{C[e]=C[e].filter(e=>t!==e)}),emit(e,t,a,l,n){Y("before:"+e,t,a,l,n),Y(e,t,a,l,n),Y("after:"+e,t,a,l,n)},getcolor:e=>a[~~e%a.length],setvar(e,a){W[e]=a,t.global&&(n[e]=a)},resize(e,t){W.setvar("WIDTH",f.width=e),W.setvar("HEIGHT",f.height=t||e),X()}};for(let e of["sin","cos","atan2","hypot","tan","abs","ceil","round","floor","trunc","min","max","pow","sqrt","sign","exp"])W[e]=Math[e];function O(){s=!0,f="string"==typeof f?document.querySelector(f):f,W.setvar("CANVAS",f),m=f.getContext("2d"),W.WIDTH>0&&(p=!1),f.width=W.WIDTH,f.height=W.HEIGHT||W.WIDTH,f.parentNode||document.body.appendChild(f),f.style.display="block",p?(f.style.position="absolute",f.style.inset=0):u&&(f.style.margin="auto");let e=t.loop?t.loop:n;for(let t of Object.keys(C))e[t]&&W.listen(t,e[t]);for(let e of c)k(e);if(o(n,"resize",X),X(),t.tapEvents){let e=(e,t)=>[(e-f.offsetLeft)/g,(t-f.offsetTop)/g],t=/* @__PURE__ */new Map,a=(e,a,l)=>{let n={x:a,y:l,startX:a,startY:l,ts:performance.now()};return t.set(e,n),n},l=(e,l,n)=>{let i=t.get(e)||a(e);i.x=l,i.y=n},i=e=>e&&performance.now()-e.ts<=200,r=!1;o(f,"mousedown",t=>{t.preventDefault();let[l,n]=e(t.pageX,t.pageY);W.emit("tap",l,n,0),a(0,l,n),r=!0}),o(f,"mousemove",t=>{t.preventDefault();let[a,n]=[d,h]=e(t.pageX,t.pageY);r&&(W.emit("tapping",a,n,0),l(0,a,n))}),o(f,"mouseup",a=>{a.preventDefault();let l=t.get(0),[n,o]=e(a.pageX,a.pageY);i(l)&&W.emit("tapped",l.startX,l.startY,0),W.emit("untap",n,o,0),t.delete(0),r=!1}),o(f,"touchstart",t=>{for(let l of(t.preventDefault(),t.changedTouches)){let[t,n]=e(l.pageX,l.pageY);W.emit("tap",t,n,l.identifier+1),a(l.identifier+1,t,n)}}),o(f,"touchmove",t=>{for(let a of(t.preventDefault(),t.changedTouches)){let[t,n]=e(a.pageX,a.pageY);W.emit("tapping",t,n,a.identifier+1),l(a.identifier+1,t,n)}});let s=e=>{e.preventDefault();let a=[];if(e.targetTouches.length>0)for(let t of e.targetTouches)a.push(t.identifier+1);for(let[e,l]of t)a.includes(e)||(i(l)&&W.emit("tapped",l.startX,l.startY,e),W.emit("untap",l.x,l.y,e),t.delete(e))};o(f,"touchend",s),o(f,"touchcancel",s),o(n,"blur",()=>{if(r=!1,0!==t.size)for(let[e,a]of t)W.emit("untap",a.x,a.y,e),t.delete(e)})}t.pauseOnBlur&&(o(n,"blur",()=>{y=null}),o(n,"focus",()=>{y||(b=performance.now(),y=requestAnimationFrame(B))})),W.emit("init"),b=performance.now(),y=requestAnimationFrame(B)}function B(e){let t=0,a=e-b;for(b=e,H+=a;H>=x;)W.emit("update",T*v),W.setvar("ELAPSED",W.ELAPSED+T*v),H-=x,t++;t&&(W.textalign("start","top"),W.emit("draw"),E++,(D+=x*t)+H>=1e3&&(W.setvar("FPS",E),E=0,D-=1e3)),y&&(y=requestAnimationFrame(B))}function X(){let e=n.innerWidth,a=n.innerHeight;p?(W.setvar("WIDTH",f.width=e),W.setvar("HEIGHT",f.height=a)):u&&(g=Math.min(e/W.WIDTH,a/W.HEIGHT),g=t.pixelart?Math.floor(g):g,f.style.width=W.WIDTH*g+"px",f.style.height=W.HEIGHT*g+"px"),W.setvar("CENTERX",W.WIDTH/2),W.setvar("CENTERY",W.HEIGHT/2),(!t.antialias||t.pixelart)&&(m.imageSmoothingEnabled=!1,f.style.imageRendering="pixelated"),W.emit("resized",g)}function Y(e,t,a,l,n){if(C[e])for(let i of C[e])i(t,a,l,n)}function k(e){let t=e(W,S,e.__conf);if("object"==typeof t)for(let[e,a]of Object.entries(t))W.setvar(e,a)}if(t.global){if(n.__litecanvas)throw"Cannot instantiate litecanvas globally twice";Object.assign(n,W),n.__litecanvas=W}return"loading"===document.readyState?o(n,"DOMContentLoaded",O):O(),W}})();

package/package.json

@@ -1,13 +1,14 @@
 {
     "name": "litecanvas",
-    "version": "0.50.0",
+    "version": "0.52.0",
     "description": "Lightweight HTML5 canvas engine suitable for small games and animations.",
     "license": "MIT",
     "author": "Luiz Bills <luizbills@pm.me>",
     "contributors": [],
     "devDependencies": {
         "ava": "^6.1.3",
-        "esbuild": "^0.23.1"
+        "esbuild": "^0.23.1",
+        "@swc/core": "^1.7.26"
     },
     "homepage": "https://litecanvas.github.io/about.html",
     "repository": {

package/src/index.js

@@ -13,7 +13,7 @@ export default function litecanvas(settings = {}) {
     const root = globalThis,
         PI = Math.PI,
         TWO_PI = PI * 2,
-        /** @type {(elem:HTMLElement, evt:string, callback:(event:Event)=>boolean?)=>void} */
+        /** @type {(elem:HTMLElement, evt:string, callback:(event:Event)=>void)=>void} */
         on = (elem, evt, callback) => elem.addEventListener(evt, callback),
         /** @type {LitecanvasOptions} */
         defaults = {
@@ -447,7 +447,7 @@ export default function litecanvas(settings = {}) {
         textmetrics(text, size) {
             // prettier-ignore
             _ctx.font = `${_fontStyle || ''} ${(size || _fontSize)}px ${_fontFamily}`
-            metrics = _ctx.measureText(text)
+            const metrics = _ctx.measureText(text)
             metrics.height =
                 metrics.actualBoundingBoxAscent +
                 metrics.actualBoundingBoxDescent
@@ -672,7 +672,6 @@ export default function litecanvas(settings = {}) {
          * @param {number} [volume=1]
          * @param {number} [pitch=0]
          * @param {number} [randomness=null] an float value between 0 and 1
-         * @returns {AudioBufferSourceNode}
          *
          * @see https://github.com/KilledByAPixel/ZzFX
          * @see https://github.com/litecanvas/game-engine/blob/main/src/sounds.js
@@ -685,15 +684,17 @@ export default function litecanvas(settings = {}) {
                 return
             }
 
-            let z = Array.isArray(sound) ? sound : sounds[sound % sounds.length]
+            let sample = Array.isArray(sound)
+                ? sound
+                : sounds[sound % sounds.length]
             if (volume !== 1 || pitch || randomness) {
-                z = [...z] // clone the sound to not modify the original
-                z[0] = (Number(volume) || 1) * (z[0] || 1)
-                z[1] = randomness != null ? randomness : z[1]
-                z[10] = ~~z[10] + ~~pitch
+                sample = sample.slice()
+                sample[0] = (Number(volume) || 1) * (sample[0] || 1)
+                sample[1] = randomness != null ? randomness : sample[1]
+                sample[10] = ~~sample[10] + ~~pitch
             }
 
-            return zzfx(...z)
+            zzfx.apply(0, sample)
         },
 
         /** UTILS API */
@@ -758,34 +759,36 @@ export default function litecanvas(settings = {}) {
         /**
          * Add a game event listener
          *
-         * @param {string} event the event type name
+         * @param {string} eventName the event type name
          * @param {function} callback the function that is called when the event occurs
          * @param {boolean} [highPriority=false] determines whether the callback will be called before or after the others
          * @returns {function} a function to remove the listener
          */
-        listen(event, callback, highPriority = false) {
-            _events[event] = _events[event] || [[], []]
-            const size = _events[event][highPriority ? 0 : 1].push(callback)
+        listen(eventName, callback) {
+            _events[eventName] = _events[eventName] || []
+            _events[eventName].push(callback)
 
             // return a function to remove this event listener
             return () => {
-                _events[event][highPriority ? 0 : 1].splice(size - 1, 1)
+                _events[eventName] = _events[eventName].filter(
+                    (x) => callback !== x
+                )
             }
         },
 
         /**
          * Call all listeners attached to a game event
          *
-         * @param {string} event The game event type
-         * @param  {...any} args Arguments passed to all listeners
+         * @param {string} eventName The event type name
+         * @param {*} [arg1] any data to be passed over the listeners
+         * @param {*} [arg2] any data to be passed over the listeners
+         * @param {*} [arg3] any data to be passed over the listeners
+         * @param {*} [arg4] any data to be passed over the listeners
          */
-        emit(event, ...args) {
-            if (!_events[event]) return
-            for (const list of _events[event]) {
-                for (const callback of list) {
-                    callback(...args)
-                }
-            }
+        emit(eventName, arg1, arg2, arg3, arg4) {
+            triggerEvent('before:' + eventName, arg1, arg2, arg3, arg4)
+            triggerEvent(eventName, arg1, arg2, arg3, arg4)
+            triggerEvent('after:' + eventName, arg1, arg2, arg3, arg4)
         },
 
         /**
@@ -800,7 +803,7 @@ export default function litecanvas(settings = {}) {
          * Create or update a instance variable
          *
          * @param {string} key
-         * @param {any} value
+         * @param {*} value
          */
         setvar(key, value) {
             instance[key] = value
@@ -1059,15 +1062,16 @@ export default function litecanvas(settings = {}) {
     }
 
     function pageResized() {
+        const pageWidth = root.innerWidth,
+            pageHeight = root.innerHeight
+
         if (_fullscreen) {
-            _canvas.width = innerWidth
-            _canvas.height = innerHeight
-            instance.setvar('WIDTH', innerWidth)
-            instance.setvar('HEIGHT', innerHeight)
+            instance.setvar('WIDTH', (_canvas.width = pageWidth))
+            instance.setvar('HEIGHT', (_canvas.height = pageHeight))
         } else if (_autoscale) {
             _scale = Math.min(
-                innerWidth / instance.WIDTH,
-                innerHeight / instance.HEIGHT
+                pageWidth / instance.WIDTH,
+                pageHeight / instance.HEIGHT
             )
             _scale = settings.pixelart ? Math.floor(_scale) : _scale
             _canvas.style.width = instance.WIDTH * _scale + 'px'
@@ -1086,6 +1090,13 @@ export default function litecanvas(settings = {}) {
         instance.emit('resized', _scale)
     }
 
+    function triggerEvent(eventName, arg1, arg2, arg3, arg4) {
+        if (!_events[eventName]) return
+        for (const callback of _events[eventName]) {
+            callback(arg1, arg2, arg3, arg4)
+        }
+    }
+
     /**
      * @param {pluginCallback} callback
      */

package/src/sounds.js

@@ -1,11 +1,11 @@
 // prettier-ignore
 export const sounds = [
     // 0 - pickup
-    [0.8,, 2e3, 0.01, 0.05, , 1, 2, , , -600, 0.05, , , , , , 0.5, 0.05],
+    [0.5, , 1675, , 0.06, 0.2, 1, 1.8, , , 637, 0.06],
     // 1 - hit
-    [0.5,, 375, 0.02, 0.01, 0.2, 1, , , , , , , 0.4, , 0.1, , 0.6, 0.1],
+    [0.7, , 820, , , , , 1.5, , 0.3, , 0.1, 1.6, , , 0.1, 0.2],
     // 2 - jump
-    [,, 360, 0.01, , 0.08, 1, 1.7, 12, 32, , , , , , , , 0.63, 0.02, , 99],
-    // 3 - warning
-    [1.2,, 240, 0.02, 0.15, 0.15, 1, 4, , , , , 0.05, , , , , 0.6, 0.15],
+    [0.7, , 360, 0.01, , 0.08, 1, 1.7, 12, 32, , , , , , , , 0.63, 0.02, , 99],
+    // 3 - powerup
+    [, , 300, 0.02, 0.1, , 1, 3.2, , , 100, 0.08, 0.1, , , , , 0.6, 0.25, 0.3],
 ]

package/types/index.d.ts

@@ -595,8 +595,7 @@ declare global {
      */
     function listen(
         event: string,
-        callback: Function,
-        highPriority?: boolean
+        callback: Function
     ): Function | null
     /**
      * Call all listeners attached to a game event

package/types/types.d.ts

@@ -580,11 +580,7 @@ type LitecanvasInstance = {
      * @param {boolean} [highPriority=false] determines whether the callback will be called before or after the others
      * @returns {function?} a function to remove the listener
      */
-    listen(
-        event: string,
-        callback: Function,
-        highPriority?: boolean
-    ): Function | null
+    listen(event: string, callback: Function): Function | null
     /**
      * Call all listeners attached to a game event
      *

package/dist/dist.min.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/zzfx.js", "../src/palette.js", "../src/sounds.js", "../src/index.js", "../src/web.js"],
-  "sourcesContent": ["// ZzFXMicro - Zuper Zmall Zound Zynth - v1.3.0 by Frank Force | https://github.com/KilledByAPixel/ZzFX\nexport const zzfx = (\n    p = 1,\n    k = 0.05,\n    b = 220,\n    e = 0,\n    r = 0,\n    t = 0.1,\n    q = 0,\n    D = 1,\n    u = 0,\n    y = 0,\n    v = 0,\n    z = 0,\n    l = 0,\n    E = 0,\n    A = 0,\n    F = 0,\n    c = 0,\n    w = 1,\n    m = 0,\n    B = 0,\n    N = 0\n) => {\n    let M = Math,\n        d = 2 * M.PI,\n        R = 44100,\n        G = (u *= (500 * d) / R / R),\n        C = (b *= ((1 - k + 2 * k * M.random((k = []))) * d) / R),\n        g = 0,\n        H = 0,\n        a = 0,\n        n = 1,\n        I = 0,\n        J = 0,\n        f = 0,\n        h = N < 0 ? -1 : 1,\n        x = (d * h * N * 2) / R,\n        L = M.cos(x),\n        Z = M.sin,\n        K = Z(x) / 4,\n        O = 1 + K,\n        X = (-2 * L) / O,\n        Y = (1 - K) / O,\n        P = (1 + h * L) / 2 / O,\n        Q = -(h + L) / O,\n        S = P,\n        T = 0,\n        U = 0,\n        V = 0,\n        W = 0\n    e = R * e + 9\n    m *= R\n    r *= R\n    t *= R\n    c *= R\n    y *= (500 * d) / R ** 3\n    A *= d / R\n    v *= d / R\n    z *= R\n    l = (R * l) | 0\n    p *= globalThis.zzfxV || 0.3\n    for (h = (e + m + r + t + c) | 0; a < h; k[a++] = f * p)\n        ++J % ((100 * F) | 0) ||\n            ((f = q\n                ? 1 < q\n                    ? 2 < q\n                        ? 3 < q\n                            ? Z(g * g)\n                            : M.max(M.min(M.tan(g), 1), -1)\n                        : 1 - (((((2 * g) / d) % 2) + 2) % 2)\n                    : 1 - 4 * M.abs(M.round(g / d) - g / d)\n                : Z(g)),\n            (f =\n                (l ? 1 - B + B * Z((d * a) / l) : 1) *\n                (f < 0 ? -1 : 1) *\n                M.abs(f) ** D *\n                (a < e\n                    ? a / e\n                    : a < e + m\n                    ? 1 - ((a - e) / m) * (1 - w)\n                    : a < e + m + r\n                    ? w\n                    : a < h - c\n                    ? ((h - a - c) / t) * w\n                    : 0)),\n            (f = c\n                ? f / 2 +\n                  (c > a\n                      ? 0\n                      : ((a < h - c ? 1 : (h - a) / c) * k[(a - c) | 0]) /\n                        2 /\n                        p)\n                : f),\n            N\n                ? (f = W =\n                      S * T + Q * (T = U) + P * (U = f) - Y * V - X * (V = W))\n                : 0),\n            (x = (b += u += y) * M.cos(A * H++)),\n            (g += x + x * E * Z(a ** 5)),\n            n && ++n > z && ((b += v), (C += v), (n = 0)),\n            !l || ++I % l || ((b = C), (u = G), (n = n || 1))\n    p = zzfxX.createBuffer(1, h, R)\n    p.getChannelData(0).set(k)\n    b = zzfxX.createBufferSource()\n    b.buffer = p\n    b.connect(zzfxX.destination)\n    b.start()\n}\n\nconst zzfxX = /** @__PURE__ */ new AudioContext()\n", "// Default colors inspired by https://lospec.com/palette-list/trirampo\nexport const colors = [\n    '#18161c',\n    '#6a7799',\n    '#aec2c2',\n    '#f3eade',\n\n    '#f04f78',\n    '#fcf660',\n    '#2f328f',\n    '#4b80ca',\n\n    '#327345',\n    '#63c64d',\n    '#703075',\n    '#a56243',\n]\n", "// prettier-ignore\nexport const sounds = [\n    // 0 - pickup\n    [0.8,, 2e3, 0.01, 0.05, , 1, 2, , , -600, 0.05, , , , , , 0.5, 0.05],\n    // 1 - hit\n    [0.5,, 375, 0.02, 0.01, 0.2, 1, , , , , , , 0.4, , 0.1, , 0.6, 0.1],\n    // 2 - jump\n    [,, 360, 0.01, , 0.08, 1, 1.7, 12, 32, , , , , , , , 0.63, 0.02, , 99],\n    // 3 - warning\n    [1.2,, 240, 0.02, 0.15, 0.15, 1, 4, , , , , 0.05, , , , , 0.6, 0.15],\n]\n", "import { zzfx } from './zzfx.js'\nimport { colors } from './palette.js'\nimport { sounds } from './sounds.js'\nimport './types.js'\n\n/**\n * The litecanvas constructor\n *\n * @param {LitecanvasOptions} [settings]\n * @returns {LitecanvasInstance}\n */\nexport default function litecanvas(settings = {}) {\n    const root = globalThis,\n        PI = Math.PI,\n        TWO_PI = PI * 2,\n        /** @type {(elem:HTMLElement, evt:string, callback:(event:Event)=>boolean?)=>void} */\n        on = (elem, evt, callback) => elem.addEventListener(evt, callback),\n        /** @type {LitecanvasOptions} */\n        defaults = {\n            fps: 60,\n            fullscreen: true,\n            width: null,\n            height: null,\n            autoscale: true,\n            pixelart: false,\n            antialias: true,\n            canvas: null,\n            global: true,\n            loop: null,\n            tapEvents: true,\n            pauseOnBlur: true,\n        }\n\n    // setup the settings default values\n    settings = Object.assign(defaults, settings)\n\n    let /** @type {boolean} */\n        _initialized = false,\n        /** @type {function[]} */\n        _plugins = [],\n        /** @type {HTMLCanvasElement|string} _canvas */\n        _canvas = settings.canvas || document.createElement('canvas'),\n        /** @type {boolean} */\n        _fullscreen = settings.fullscreen,\n        /** @type {boolean} */\n        _autoscale = settings.autoscale,\n        /** @type {number} */\n        _scale = 1,\n        /** @type {number?} */\n        _mouseX,\n        /** @type {number?} */\n        _mouseY,\n        /** @type {CanvasRenderingContext2D} */\n        _ctx,\n        /** @type {number} */\n        _timeScale = 1,\n        /** @type {number} */\n        _lastFrame,\n        /** @type {number} */\n        _step = 1 / settings.fps,\n        /** @type {number} */\n        _stepMs = _step * 1000,\n        /** @type {number} */\n        _accumulated = 0,\n        /** @type {number} */\n        _rafid,\n        /** @type {number} */\n        _drawCount = 0,\n        /** @type {number} */\n        _drawTime = 0,\n        /** @type {string} */\n        _fontFamily = 'sans-serif',\n        /** @type {string} */\n        _fontStyle = '',\n        /** @type {number} */\n        _fontSize = 32,\n        /** @type {number} */\n        _rng_seed = Date.now(),\n        /**\n         * default game events\n         */\n        _events = {\n            init: false,\n            update: false,\n            draw: false,\n            resized: false,\n            tap: false,\n            untap: false,\n            tapping: false,\n            tapped: false,\n        },\n        /**\n         * Helpers to be used by plugins\n         *\n         * @type {LitecanvasPluginHelpers}\n         */\n        _helpers = {\n            settings: Object.assign({}, settings),\n            colors,\n            sounds,\n        }\n\n    /** @type {LitecanvasInstance} */\n    const instance = {\n        /** @type {number} */\n        WIDTH: settings.width,\n        /** @type {number} */\n        HEIGHT: settings.height || settings.width,\n        /** @type {HTMLCanvasElement} */\n        CANVAS: null,\n        /** @type {number} */\n        ELAPSED: 0,\n        /** @type {number} */\n        FPS: settings.fps,\n        /** @type {number} */\n        CENTERX: null,\n        /** @type {number} */\n        CENTERY: null,\n\n        /** MATH API */\n        /**\n         * The value of the mathematical constant PI (\u03C0).\n         * Approximately 3.14159\n         *\n         * @type {number}\n         */\n        PI,\n\n        /**\n         * Twice the value of the mathematical constant PI (\u03C0).\n         * Approximately 6.28318\n         *\n         * Note: TWO_PI radians equals 360\u00B0, PI radians equals 180\u00B0,\n         * HALF_PI radians equals 90\u00B0, and HALF_PI/2 radians equals 45\u00B0.\n         *\n         * @type {number}\n         */\n        TWO_PI,\n\n        /**\n         * Half the value of the mathematical constant PI (\u03C0).\n         * Approximately 1.57079\n         *\n         * @type {number}\n         */\n        HALF_PI: PI * 0.5,\n\n        /**\n         * Calculates a linear (interpolation) value over t%.\n         *\n         * @param {number} start\n         * @param {number} end\n         * @param {number} t The progress in percentage, where 0 = 0% and 1 = 100%.\n         * @returns {number} The unterpolated value\n         * @tutorial https://gamedev.net/tutorials/programming/general-and-gameplay-programming/a-brief-introduction-to-lerp-r4954/\n         */\n        lerp: (start, end, t) => start + t * (end - start),\n\n        /**\n         * Convert degrees to radians\n         *\n         * @param {number} degs\n         * @returns {number} the value in radians\n         */\n        deg2rad: (degs) => (PI / 180) * degs,\n\n        /**\n         * Convert radians to degrees\n         *\n         * @param {number} rads\n         * @returns {number} the value in degrees\n         */\n        rad2deg: (rads) => (180 / PI) * rads,\n\n        /**\n         * Constrains a number between `min` and `max`.\n         *\n         * @param {number} value\n         * @param {number} min\n         * @param {number} max\n         * @returns {number}\n         */\n        clamp: (value, min, max) => {\n            if (value < min) return min\n            if (value > max) return max\n            return value\n        },\n\n        /**\n         * Wraps a number between `min` (inclusive) and `max` (exclusive).\n         *\n         * @param {number} value\n         * @param {number} min\n         * @param {number} max\n         * @returns {number}\n         */\n        wrap: (value, min, max) =>\n            value - (max - min) * Math.floor((value - min) / (max - min)),\n\n        /**\n         * Re-maps a number from one range to another.\n         *\n         * @param {number} value  the value to be remapped.\n         * @param {number} min1 lower bound of the value's current range.\n         * @param {number} max1  upper bound of the value's current range.\n         * @param {number} min2 lower bound of the value's target range.\n         * @param {number} max2  upper bound of the value's target range.\n         * @param {boolean} [withinBounds=false] constrain the value to the newly mapped range\n         * @returns {number} the remapped number\n         */\n        map(value, min1, max1, min2, max2, withinBounds = false) {\n            // prettier-ignore\n            const result = ((value - min1) / (max1 - min1)) * (max2 - min2) + min2\n            return !withinBounds ? result : instance.clamp(result, min2, max2)\n        },\n\n        /**\n         * Maps a number from one range to a value between 0 and 1.\n         * Identical to `map(value, min, max, 0, 1)`.\n         * Note: Numbers outside the range are not clamped to 0 and 1.\n         *\n         * @param {number} value\n         * @param {number} min\n         * @param {number} min\n         * @returns {number} the normalized number.\n         */\n        norm: (value, min, max) => instance.map(value, min, max, 0, 1),\n\n        /** RNG API */\n        /**\n         * Generates a pseudorandom float between min (inclusive) and max (exclusive)\n         * using the  Linear Congruential Generator (LCG) algorithm.\n         *\n         * @param {number} [min=0.0]\n         * @param {number} [max=1.0]\n         * @returns {number} the random number\n         */\n        rand: (min = 0.0, max = 1.0) => {\n            const a = 1664525\n            const c = 1013904223\n            const m = 4294967296\n\n            _rng_seed = (a * _rng_seed + c) % m\n\n            return (_rng_seed / m) * (max - min) + min\n        },\n\n        /**\n         * Generates a pseudorandom integer between min (inclusive) and max (inclusive)\n         *\n         * @param {number} [min=0]\n         * @param {number} [max=1]\n         * @returns {number} the random number\n         */\n        randi: (min = 0, max = 1) =>\n            instance.floor(instance.rand() * (max - min + 1) + min),\n\n        /**\n         * If a value is passed, initializes the random number generator with an explicit seed value.\n         * Otherwise, returns the current seed state.\n         *\n         * @param {number} value\n         * @returns {number} the seed state\n         */\n        seed: (value) => {\n            return null == value ? _rng_seed : (_rng_seed = ~~value)\n        },\n\n        /** BASIC GRAPHICS API */\n        /**\n         * Clear the game screen\n         *\n         * @param {number|null} color The background color (from 0 to 7) or null (for transparent)\n         */\n        cls(color) {\n            if (null == color) {\n                _ctx.clearRect(0, 0, instance.WIDTH, instance.HEIGHT)\n            } else {\n                instance.rectfill(0, 0, instance.WIDTH, instance.HEIGHT, color)\n            }\n        },\n\n        /**\n         * Draw a rectangle outline\n         *\n         * @param {number} x\n         * @param {number} y\n         * @param {number} width\n         * @param {number} height\n         * @param {number} [color=0] the color index (generally from 0 to 7)\n         * @param {number|number[]} [radii] A number or list specifying the radii used to draw a rounded-borders rectangle\n         */\n        rect(x, y, width, height, color = 0, radii = null) {\n            _ctx.beginPath()\n            _ctx[radii ? 'roundRect' : 'rect'](~~x, ~~y, width, height, radii)\n            instance.stroke(color)\n        },\n\n        /**\n         * Draw a color-filled rectangle\n         *\n         * @param {number} x\n         * @param {number} y\n         * @param {number} width\n         * @param {number} height\n         * @param {number} [color=0] the color index (generally from 0 to 7)\n         * @param {number|number[]} [radii] A number or list specifying the radii used to draw a rounded-borders rectangle\n         */\n        rectfill(x, y, width, height, color = 0, radii = null) {\n            _ctx.beginPath()\n            _ctx[radii ? 'roundRect' : 'rect'](~~x, ~~y, width, height, radii)\n            instance.fill(color)\n        },\n\n        /**\n         * Draw a circle outline\n         *\n         * @param {number} x\n         * @param {number} y\n         * @param {number} radius\n         * @param {number} [color=0] the color index (generally from 0 to 7)\n         */\n        circ(x, y, radius, color) {\n            _ctx.beginPath()\n            _ctx.arc(~~x, ~~y, radius, 0, TWO_PI)\n            _ctx.closePath()\n            instance.stroke(color)\n        },\n\n        /**\n         * Draw a color-filled circle\n         *\n         * @param {number} x\n         * @param {number} y\n         * @param {number} radius\n         * @param {number} [color=0] the color index (generally from 0 to 7)\n         */\n        circfill(x, y, radius, color) {\n            _ctx.beginPath()\n            _ctx.arc(~~x, ~~y, radius, 0, TWO_PI)\n            _ctx.closePath()\n            instance.fill(color)\n        },\n\n        /**\n         * Draw a line\n         *\n         * @param {number} x1\n         * @param {number} y1\n         * @param {number} x2\n         * @param {number} y2\n         * @param {number} [color=0] the color index (generally from 0 to 7)\n         */\n        line(x1, y1, x2, y2, color) {\n            _ctx.beginPath()\n            _ctx.moveTo(~~x1, ~~y1)\n            _ctx.lineTo(~~x2, ~~y2)\n            instance.stroke(color)\n        },\n\n        /**\n         * Sets the thickness of lines\n         *\n         * @param {number} value\n         * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineWidth\n         */\n        linewidth(value) {\n            _ctx.lineWidth = value\n        },\n\n        /**\n         * Sets the line dash pattern used when drawing lines\n         *\n         * @param {number|number[]} segments the line dash pattern\n         * @param {number} [offset=0] the line dash offset, or \"phase\".\n         * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash\n         * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\n         */\n        linedash(segments, offset = 0) {\n            _ctx.setLineDash(Array.isArray(segments) ? segments : [segments])\n            _ctx.lineDashOffset = offset\n        },\n\n        /** TEXT RENDERING API */\n        /**\n         * Draw text\n         *\n         * @param {number} x\n         * @param {number} y\n         * @param {string} text the text message\n         * @param {number} [color=3] the color index (generally from 0 to 7)\n         */\n        text(x, y, text, color = 3) {\n            _ctx.font = `${_fontStyle || ''} ${_fontSize}px ${_fontFamily}`\n            _ctx.fillStyle = instance.getcolor(color)\n            _ctx.fillText(text, ~~x, ~~y)\n        },\n\n        /**\n         * Set the font family\n         *\n         * @param {string} fontFamily\n         */\n        textfont(fontFamily) {\n            _fontFamily = fontFamily\n        },\n\n        /**\n         * Set the font size\n         *\n         * @param {string} size\n         */\n        textsize(size) {\n            _fontSize = size\n        },\n\n        /**\n         * Sets whether a font should be styled with a normal, italic, or bold.\n         *\n         * @param {string} style\n         */\n        textstyle(style) {\n            _fontStyle = style\n        },\n\n        /**\n         * Sets the alignment used when drawing texts\n         *\n         * @param {string} align the horizontal alignment. Possible values: \"left\", \"right\", \"center\", \"start\" or \"end\"\n         * @param {string} baseline the vertical alignment. Possible values: \"top\", \"bottom\", \"middle\", \"hanging\" or \"ideographic\"\n         * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/textBaseline\n         * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/textAlign\n         */\n        textalign(align, baseline) {\n            if (align) _ctx.textAlign = align\n            if (baseline) _ctx.textBaseline = baseline\n        },\n\n        /**\n         * Returns a TextMetrics object that contains information about the measured text (such as its width, for example)\n         *\n         * @param {string} text\n         * @param {number} [size]\n         * @returns {TextMetrics}\n         * @see https://developer.mozilla.org/en-US/docs/Web/API/TextMetrics\n         */\n        textmetrics(text, size) {\n            // prettier-ignore\n            _ctx.font = `${_fontStyle || ''} ${(size || _fontSize)}px ${_fontFamily}`\n            metrics = _ctx.measureText(text)\n            metrics.height =\n                metrics.actualBoundingBoxAscent +\n                metrics.actualBoundingBoxDescent\n            return metrics\n        },\n\n        /** IMAGE GRAPHICS API */\n        /**\n         * Draw an image\n         *\n         * @param {number} x\n         * @param {number} y\n         * @param {OffscreenCanvas|HTMLImageElement|HTMLCanvasElement} image\n         */\n        image(x, y, image) {\n            _ctx.drawImage(image, ~~x, ~~y)\n        },\n\n        /**\n         * Creates a offscreen canvas to draw on it\n         *\n         * @param {number} width\n         * @param {number} height\n         * @param {string[]|drawCallback} draw\n         * @param {{scale?:number}} [options]\n         * @returns {OffscreenCanvas}\n         * @see https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas\n         */\n        paint(width, height, draw, options = {}) {\n            const offscreenCanvas = new OffscreenCanvas(width, height),\n                ctxOriginal = _ctx,\n                scale = options.scale || 1\n\n            offscreenCanvas.width = width * scale\n            offscreenCanvas.height = height * scale\n            _ctx = offscreenCanvas.getContext('2d')\n\n            _ctx.scale(scale, scale)\n\n            // is pixelart?\n            if (Array.isArray(draw)) {\n                let x = 0,\n                    y = 0\n\n                _ctx.imageSmoothingEnabled = false\n\n                for (const str of draw) {\n                    for (const color of str) {\n                        if (' ' !== color && '.' !== color) {\n                            // support for 16-color palettes using hex (from 0 to f)\n                            instance.rectfill(x, y, 1, 1, parseInt(color, 16))\n                        }\n                        x++\n                    }\n                    y++\n                    x = 0\n                }\n            } else {\n                draw(offscreenCanvas, _ctx)\n            }\n\n            _ctx = ctxOriginal // restore the context\n\n            return offscreenCanvas\n        },\n\n        /** ADVANCED GRAPHICS API */\n        /**\n         * Get the canvas context\n         *\n         * @returns {CanvasRenderingContext2D}\n         */\n        ctx: () => _ctx,\n\n        /**\n         * saves the current drawing style settings and transformations\n         * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/save\n         */\n        push: () => _ctx.save(),\n\n        /**\n         * restores the drawing style settings and transformations\n         * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/restore\n         */\n        pop: () => _ctx.restore(),\n\n        /**\n         * Adds a translation transformation to the current matrix\n         *\n         * @param {number} x\n         * @param {number} y\n         */\n        translate: (x, y) => _ctx.translate(x, y),\n\n        /**\n         * Adds a scaling transformation to the canvas units horizontally and/or vertically.\n         *\n         * @param {number} x\n         * @param {number} [y]\n         */\n        scale: (x, y) => _ctx.scale(x, y || x),\n\n        /**\n         * Adds a rotation to the transformation matrix\n         *\n         * @param {number} radians\n         */\n        rotate: (radians) => _ctx.rotate(radians),\n\n        /**\n         * Adds a transformation that skews to the transformation matrix\n         *\n         * @param {number} a\n         * @param {number} b\n         * @param {number} c\n         * @param {number} d\n         * @param {number} e\n         * @param {number} f\n         * @param {boolean} [resetFirst=true] `false` to use _ctx.transform(); by default use _ctx.setTransform()\n         * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setTransform\n         */\n        transform: (a, b, c, d, e, f, resetFirst = true) =>\n            _ctx[resetFirst ? 'setTransform' : 'transform'](a, b, c, d, e, f),\n\n        /**\n         * Sets the alpha (opacity) value to apply when drawing new shapes and images\n         *\n         * @param {number} alpha float from 0 to 1 (e.g: 0.5 = 50% transparent)\n         * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalAlpha\n         */\n        alpha(value) {\n            _ctx.globalAlpha = instance.clamp(value, 0, 1)\n        },\n\n        /**\n         * Returns a newly instantiated Path2D object, optionally with another\n         * path as an argument (creates a copy), or optionally with a string\n         * consisting of SVG path data.\n         *\n         * @param {Path2D|string} [arg]\n         * @returns Path2D\n         * @see https://developer.mozilla.org/en-US/docs/Web/API/Path2D/Path2D\n         */\n        path: (arg) => new Path2D(arg),\n\n        /**\n         * Fills the current or given path with a given color.\n         *\n         * @param {number} [color=0]\n         * @param {Path2D} [path]\n         */\n        fill(color, path) {\n            _ctx.fillStyle = instance.getcolor(color)\n            _ctx.fill(path)\n        },\n\n        /**\n         * Outlines the current or given path with a given color.\n         *\n         * @param {number} [color=0]\n         * @param {Path2D} [path]\n         */\n        stroke(color, path) {\n            _ctx.strokeStyle = instance.getcolor(color)\n            path ? _ctx.stroke(path) : _ctx.stroke()\n        },\n\n        /**\n         * Create a retangular clipping region.\n         *\n         * Note: Clip paths cannot be reverted directly. You must save your\n         * canvas state using push() before calling cliprect(), and restore it\n         * once you have finished drawing in the clipped area using pop().\n         *\n         * @param {number} x\n         * @param {number} y\n         * @param {number} width\n         * @param {number} height\n         * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/clip\n         */\n        cliprect(x, y, width, height) {\n            _ctx.beginPath()\n            _ctx.rect(x, y, width, height)\n            _ctx.clip()\n        },\n\n        /**\n         * Create a circular clipping region.\n         *\n         * Note: Clip paths cannot be reverted directly. You must save your\n         * canvas state using push() before calling clipcirc(), and restore it\n         * once you have finished drawing in the clipped area using pop().\n         *\n         * @param {number} x\n         * @param {number} y\n         * @param {number} radius\n         * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/clip\n         */\n        clipcirc(x, y, radius) {\n            _ctx.beginPath()\n            _ctx.arc(x, y, radius, 0, TWO_PI)\n            _ctx.clip()\n        },\n\n        /**\n         * Sets the type of compositing operation to apply when drawing new shapes.\n         * Default value = 'source-over'.\n         *\n         * @param {string} value\n         * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation\n         */\n        blendmode(value) {\n            _ctx.globalCompositeOperation = value\n        },\n\n        /** SOUND API */\n        /**\n         * Play a predefined sound or a ZzFX array of params.\n         * By default has 4 predefined sounds.\n         *\n         * @param {number|number[]} [sound=0] the sound index (from 0 to 3) or a ZzFX array of params\n         * @param {number} [volume=1]\n         * @param {number} [pitch=0]\n         * @param {number} [randomness=null] an float value between 0 and 1\n         * @returns {AudioBufferSourceNode}\n         *\n         * @see https://github.com/KilledByAPixel/ZzFX\n         * @see https://github.com/litecanvas/game-engine/blob/main/src/sounds.js\n         */\n        sfx(sound = 0, volume = 1, pitch = 0, randomness = null) {\n            if (\n                navigator.userActivation &&\n                !navigator.userActivation.hasBeenActive\n            ) {\n                return\n            }\n\n            let z = Array.isArray(sound) ? sound : sounds[sound % sounds.length]\n            if (volume !== 1 || pitch || randomness) {\n                z = [...z] // clone the sound to not modify the original\n                z[0] = (Number(volume) || 1) * (z[0] || 1)\n                z[1] = randomness != null ? randomness : z[1]\n                z[10] = ~~z[10] + ~~pitch\n            }\n\n            return zzfx(...z)\n        },\n\n        /** UTILS API */\n        /**\n         * Check a collision between two rectangles\n         *\n         * @param {number} x1 first rectangle position X\n         * @param {number} y1 first rectangle position Y\n         * @param {number} w1 first rectangle width\n         * @param {number} h1 first rectangle height\n         * @param {number} x2 second rectangle position X\n         * @param {number} y2 second rectangle position Y\n         * @param {number} w2 second rectangle width\n         * @param {number} h2 second rectangle height\n         * @returns {boolean}\n         */\n        colrect: (x1, y1, w1, h1, x2, y2, w2, h2) =>\n            x1 < x2 + w2 && x1 + w1 > x2 && y1 < y2 + h2 && y1 + h1 > y2,\n\n        /**\n         * Check a collision between two circles\n         *\n         * @param {number} x1 first circle position X\n         * @param {number} y1 first circle position Y\n         * @param {number} r1 first circle position radius\n         * @param {number} x2 second circle position X\n         * @param {number} y2 second circle position Y\n         * @param {number} r2 second circle position radius\n         * @returns {boolean}\n         */\n        colcirc: (x1, y1, r1, x2, y2, r2) =>\n            (x2 - x1) ** 2 + (y2 - y1) ** 2 <= (r1 + r2) ** 2,\n\n        /**\n         * Get the mouse position\n         * @returns number[]\n         */\n        mousepos: () => [_mouseX, _mouseY],\n\n        /**\n         * The scale of the game's delta time (dt).\n         * Values higher than 1 increase the speed of time, while values smaller than 1 decrease it.\n         * A value of 0 freezes time and is effectively equivalent to pausing.\n         *\n         * @param {number} value\n         */\n        timescale(value) {\n            _timeScale = value\n        },\n\n        /** PLUGINS API */\n        /**\n         * Prepares a plugin to be loaded\n         *\n         * @param {pluginCallback} callback\n         */\n        use(callback, config = {}) {\n            callback.__conf = config\n            _initialized ? loadPlugin(callback) : _plugins.push(callback)\n        },\n\n        /**\n         * Add a game event listener\n         *\n         * @param {string} event the event type name\n         * @param {function} callback the function that is called when the event occurs\n         * @param {boolean} [highPriority=false] determines whether the callback will be called before or after the others\n         * @returns {function} a function to remove the listener\n         */\n        listen(event, callback, highPriority = false) {\n            _events[event] = _events[event] || [[], []]\n            const size = _events[event][highPriority ? 0 : 1].push(callback)\n\n            // return a function to remove this event listener\n            return () => {\n                _events[event][highPriority ? 0 : 1].splice(size - 1, 1)\n            }\n        },\n\n        /**\n         * Call all listeners attached to a game event\n         *\n         * @param {string} event The game event type\n         * @param  {...any} args Arguments passed to all listeners\n         */\n        emit(event, ...args) {\n            if (!_events[event]) return\n            for (const list of _events[event]) {\n                for (const callback of list) {\n                    callback(...args)\n                }\n            }\n        },\n\n        /**\n         * Get a color by index\n         *\n         * @param {number} [index=0] The color number\n         * @returns {string} the color code\n         */\n        getcolor: (index) => colors[~~index % colors.length],\n\n        /**\n         * Create or update a instance variable\n         *\n         * @param {string} key\n         * @param {any} value\n         */\n        setvar(key, value) {\n            instance[key] = value\n            if (settings.global) {\n                root[key] = value\n            }\n        },\n\n        /**\n         * Resizes the game canvas and emit the \"resized\" event\n         *\n         * @param {number} width\n         * @param {number} height\n         */\n        resize(width, height) {\n            instance.setvar('WIDTH', (_canvas.width = width))\n            instance.setvar('HEIGHT', (_canvas.height = height || width))\n            pageResized()\n        },\n    }\n\n    /** Copy some functions from native `Math` object */\n    for (const k of [\n        'sin',\n        'cos',\n        'atan2',\n        'hypot',\n        'tan',\n        'abs',\n        'ceil',\n        'round',\n        'floor',\n        'trunc',\n        'min',\n        'max',\n        'pow',\n        'sqrt',\n        'sign',\n        'exp',\n    ]) {\n        // import some native Math functions\n        instance[k] = Math[k]\n    }\n\n    function init() {\n        _initialized = true\n        setupCanvas()\n\n        // add listeners for default events\n        const source = settings.loop ? settings.loop : root\n        for (const event of Object.keys(_events)) {\n            if (source[event]) instance.listen(event, source[event])\n        }\n\n        // load plugins\n        for (const plugin of _plugins) {\n            loadPlugin(plugin)\n        }\n\n        // listen window resize event\n        on(root, 'resize', pageResized)\n        pageResized()\n\n        // default mouse/touch handlers\n        if (settings.tapEvents) {\n            const _getXY = (pageX, pageY) => [\n                    (pageX - _canvas.offsetLeft) / _scale,\n                    (pageY - _canvas.offsetTop) / _scale,\n                ],\n                _taps = new Map(),\n                _registerTap = (id, x, y) => {\n                    const tap = {\n                        x,\n                        y,\n                        startX: x,\n                        startY: y,\n                        // timestamp\n                        ts: performance.now(),\n                    }\n                    _taps.set(id, tap)\n                    return tap\n                },\n                _updateTap = (id, x, y) => {\n                    const tap = _taps.get(id) || _registerTap(id)\n                    tap.x = x\n                    tap.y = y\n                },\n                _checkTapped = (tap) => tap && performance.now() - tap.ts <= 200\n\n            let _pressingMouse = false\n\n            on(_canvas, 'mousedown', (ev) => {\n                ev.preventDefault()\n                const [x, y] = _getXY(ev.pageX, ev.pageY)\n                instance.emit('tap', x, y, 0)\n                _registerTap(0, x, y)\n                _pressingMouse = true\n            })\n\n            on(_canvas, 'mousemove', (ev) => {\n                ev.preventDefault()\n                const [x, y] = ([_mouseX, _mouseY] = _getXY(ev.pageX, ev.pageY))\n                if (!_pressingMouse) return\n                instance.emit('tapping', x, y, 0)\n                _updateTap(0, x, y)\n            })\n\n            on(_canvas, 'mouseup', (ev) => {\n                ev.preventDefault()\n                const tap = _taps.get(0)\n                const [x, y] = _getXY(ev.pageX, ev.pageY)\n                if (_checkTapped(tap)) {\n                    instance.emit('tapped', tap.startX, tap.startY, 0)\n                }\n                instance.emit('untap', x, y, 0)\n                _taps.delete(0)\n                _pressingMouse = false\n            })\n\n            on(_canvas, 'touchstart', (ev) => {\n                ev.preventDefault()\n                /** @type {TouchList} touches */\n                const touches = ev.changedTouches\n                for (const touch of touches) {\n                    const [x, y] = _getXY(touch.pageX, touch.pageY)\n                    instance.emit('tap', x, y, touch.identifier + 1)\n                    _registerTap(touch.identifier + 1, x, y)\n                }\n            })\n\n            on(_canvas, 'touchmove', (ev) => {\n                ev.preventDefault()\n                /** @type {TouchList} touches */\n                const touches = ev.changedTouches\n                for (const touch of touches) {\n                    const [x, y] = _getXY(touch.pageX, touch.pageY)\n                    instance.emit('tapping', x, y, touch.identifier + 1)\n                    _updateTap(touch.identifier + 1, x, y)\n                }\n            })\n\n            const _touchEndHandler = (ev) => {\n                ev.preventDefault()\n                const existing = []\n\n                if (ev.targetTouches.length > 0) {\n                    for (const touch of ev.targetTouches) {\n                        existing.push(touch.identifier + 1)\n                    }\n                }\n\n                for (const [id, tap] of _taps) {\n                    if (existing.includes(id)) continue\n                    if (_checkTapped(tap)) {\n                        instance.emit('tapped', tap.startX, tap.startY, id)\n                    }\n                    instance.emit('untap', tap.x, tap.y, id)\n                    _taps.delete(id)\n                }\n            }\n\n            on(_canvas, 'touchend', _touchEndHandler)\n            on(_canvas, 'touchcancel', _touchEndHandler)\n\n            on(root, 'blur', () => {\n                _pressingMouse = false\n\n                if (_taps.size === 0) return\n\n                for (const [id, tap] of _taps) {\n                    instance.emit('untap', tap.x, tap.y, id)\n                    _taps.delete(id)\n                }\n            })\n        }\n\n        // listen browser focus/blur events and pause the update/draw loop\n        if (settings.pauseOnBlur) {\n            on(root, 'blur', () => {\n                _rafid = null\n            })\n            on(root, 'focus', () => {\n                if (!_rafid) {\n                    _lastFrame = performance.now()\n                    _rafid = requestAnimationFrame(drawFrame)\n                }\n            })\n        }\n\n        // start the game loop\n        instance.emit('init')\n        _lastFrame = performance.now()\n        _rafid = requestAnimationFrame(drawFrame)\n    }\n\n    /**\n     * @param {number} now\n     */\n    function drawFrame(now) {\n        let ticks = 0,\n            t = now - _lastFrame\n\n        _lastFrame = now\n        _accumulated += t\n\n        while (_accumulated >= _stepMs) {\n            instance.emit('update', _step * _timeScale)\n            instance.setvar('ELAPSED', instance.ELAPSED + _step * _timeScale)\n            _accumulated -= _stepMs\n            ticks++\n        }\n\n        if (ticks) {\n            // default custom values for textAlign & textBaseline\n            instance.textalign('start', 'top')\n\n            instance.emit('draw')\n            _drawCount++\n            _drawTime += _stepMs * ticks\n\n            if (_drawTime + _accumulated >= 1000) {\n                instance.setvar('FPS', _drawCount)\n                _drawCount = 0\n                _drawTime -= 1000\n            }\n        }\n\n        if (_rafid) _rafid = requestAnimationFrame(drawFrame)\n    }\n\n    function setupCanvas() {\n        _canvas =\n            'string' === typeof _canvas\n                ? document.querySelector(_canvas)\n                : _canvas\n\n        instance.setvar('CANVAS', _canvas)\n        _ctx = _canvas.getContext('2d')\n\n        // disable fullscreen if a width is specified\n        if (instance.WIDTH > 0) _fullscreen = false\n\n        _canvas.width = instance.WIDTH\n        _canvas.height = instance.HEIGHT || instance.WIDTH\n\n        if (!_canvas.parentNode) document.body.appendChild(_canvas)\n\n        // canvas CSS tweaks\n        _canvas.style.display = 'block'\n        if (_fullscreen) {\n            _canvas.style.position = 'absolute'\n            _canvas.style.inset = 0\n        } else if (_autoscale) {\n            _canvas.style.margin = 'auto'\n        }\n    }\n\n    function pageResized() {\n        if (_fullscreen) {\n            _canvas.width = innerWidth\n            _canvas.height = innerHeight\n            instance.setvar('WIDTH', innerWidth)\n            instance.setvar('HEIGHT', innerHeight)\n        } else if (_autoscale) {\n            _scale = Math.min(\n                innerWidth / instance.WIDTH,\n                innerHeight / instance.HEIGHT\n            )\n            _scale = settings.pixelart ? Math.floor(_scale) : _scale\n            _canvas.style.width = instance.WIDTH * _scale + 'px'\n            _canvas.style.height = instance.HEIGHT * _scale + 'px'\n        }\n\n        instance.setvar('CENTERX', instance.WIDTH / 2)\n        instance.setvar('CENTERY', instance.HEIGHT / 2)\n\n        // restore canvas image rendering properties\n        if (!settings.antialias || settings.pixelart) {\n            _ctx.imageSmoothingEnabled = false\n            _canvas.style.imageRendering = 'pixelated'\n        }\n\n        instance.emit('resized', _scale)\n    }\n\n    /**\n     * @param {pluginCallback} callback\n     */\n    function loadPlugin(callback) {\n        const pluginData = callback(instance, _helpers, callback.__conf)\n        if ('object' === typeof pluginData) {\n            for (const [key, value] of Object.entries(pluginData)) {\n                instance.setvar(key, value)\n            }\n        }\n    }\n\n    if (settings.global) {\n        if (root.__litecanvas) {\n            throw 'Cannot instantiate litecanvas globally twice'\n        }\n        Object.assign(root, instance)\n        root.__litecanvas = instance\n    }\n\n    if ('loading' === document.readyState) {\n        on(root, 'DOMContentLoaded', init)\n    } else {\n        init()\n    }\n\n    return instance\n}\n", "import litecanvas from './index.js'\n\nglobalThis.litecanvas = litecanvas\n"],
-  "mappings": "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",
-  "names": ["zzfx", "p", "k", "b", "e", "r", "t", "q", "D", "u", "y", "v", "z", "l", "E", "A", "c", "w", "m", "B", "N", "M", "d", "R", "G", "C", "g", "H", "a", "n", "I", "J", "f", "h", "x", "L", "Z", "K", "O", "X", "Y", "P", "Q", "S", "T", "U", "V", "W", "zzfxX", "colors", "sounds", "litecanvas", "settings", "root", "PI", "TWO_PI", "on", "elem", "evt", "callback", "_initialized", "_plugins", "_canvas", "_fullscreen", "_autoscale", "_scale", "_mouseX", "_mouseY", "_ctx", "_timeScale", "_lastFrame", "_step", "_stepMs", "_accumulated", "_rafid", "_drawCount", "_drawTime", "_fontFamily", "_fontStyle", "_fontSize", "_rng_seed", "_events", "_helpers", "colors", "sounds", "instance", "start", "end", "t", "degs", "rads", "value", "min", "max", "min1", "max1", "min2", "max2", "withinBounds", "result", "color", "x", "y", "width", "height", "radii", "radius", "x1", "y1", "x2", "y2", "segments", "offset", "text", "fontFamily", "size", "style", "align", "baseline", "image", "draw", "options", "offscreenCanvas", "ctxOriginal", "scale", "str", "radians", "a", "b", "c", "d", "e", "f", "resetFirst", "arg", "path", "sound", "volume", "pitch", "randomness", "z", "zzfx", "w1", "h1", "w2", "h2", "r1", "r2", "config", "loadPlugin", "event", "highPriority", "args", "list", "index", "key", "pageResized", "k", "init", "setupCanvas", "source", "plugin", "_getXY", "pageX", "pageY", "_taps", "_registerTap", "id", "tap", "_updateTap", "_checkTapped", "_pressingMouse", "ev", "touches", "touch", "_touchEndHandler", "existing", "drawFrame", "now", "ticks", "pluginData", "litecanvas"]
-}

package/dist/dist2.min.js

@@ -1 +0,0 @@
-(()=>{var U=(u=1,m=.05,H=220,b=0,T=0,N=.1,X=0,$=1,c=0,G=0,R=0,v=0,C=0,k=0,o=0,F=0,y=0,Y=1,S=0,M=0,A=0)=>{let _=Math,E=2*_.PI,h=44100,L=c*=500*E/h/h,B=H*=(1-m+2*m*_.random(m=[]))*E/h,D=0,z=0,x=0,n=1,V=0,j=0,w=0,I=A<0?-1:1,W=E*I*A*2/h,e=_.cos(W),t=_.sin,a=t(W)/4,r=1+a,s=-2*e/r,d=(1-a)/r,g=(1+I*e)/2/r,P=-(I+e)/r,i=g,f=0,l=0,p=0,O=0;for(b=h*b+9,S*=h,T*=h,N*=h,y*=h,G*=500*E/h**3,o*=E/h,R*=E/h,v*=h,C=h*C|0,u*=globalThis.zzfxV||.3,I=b+S+T+N+y|0;x<I;m[x++]=w*u)++j%(100*F|0)||(w=X?1<X?2<X?3<X?t(D*D):_.max(_.min(_.tan(D),1),-1):1-(2*D/E%2+2)%2:1-4*_.abs(_.round(D/E)-D/E):t(D),w=(C?1-M+M*t(E*x/C):1)*(w<0?-1:1)*_.abs(w)**$*(x<b?x/b:x<b+S?1-(x-b)/S*(1-Y):x<b+S+T?Y:x<I-y?(I-x-y)/N*Y:0),w=y?w/2+(y>x?0:(x<I-y?1:(I-x)/y)*m[x-y|0]/2/u):w,A&&(w=O=i*f+P*(f=l)+g*(l=w)-d*p-s*(p=O))),W=(H+=c+=G)*_.cos(o*z++),D+=W+W*k*t(x**5),n&&++n>v&&(H+=R,B+=R,n=0),!C||++V%C||(H=B,c=L,n=n||1);u=K.createBuffer(1,I,h),u.getChannelData(0).set(m),H=K.createBufferSource(),H.buffer=u,H.connect(K.destination),H.start()},K=new AudioContext;var q=["#18161c","#6a7799","#aec2c2","#f3eade","#f04f78","#fcf660","#2f328f","#4b80ca","#327345","#63c64d","#703075","#a56243"];var J=[[.8,,2e3,.01,.05,,1,2,,,-600,.05,,,,,,.5,.05],[.5,,375,.02,.01,.2,1,,,,,,,.4,,.1,,.6,.1],[,,360,.01,,.08,1,1.7,12,32,,,,,,,,.63,.02,,99],[1.2,,240,.02,.15,.15,1,4,,,,,.05,,,,,.6,.15]];function Q(u={}){let m=globalThis,H=Math.PI,b=H*2,T=(e,t,a)=>e.addEventListener(t,a);u=Object.assign({fps:60,fullscreen:!0,width:null,height:null,autoscale:!0,pixelart:!1,antialias:!0,canvas:null,global:!0,loop:null,tapEvents:!0,pauseOnBlur:!0},u);let X=!1,$=[],c=u.canvas||document.createElement("canvas"),G=u.fullscreen,R=u.autoscale,v=1,C,k,o,F=1,y,Y=1/u.fps,S=Y*1e3,M=0,A,_=0,E=0,h="sans-serif",L="",B=32,D=Date.now(),z={init:!1,update:!1,draw:!1,resized:!1,tap:!1,untap:!1,tapping:!1,tapped:!1},x={settings:Object.assign({},u),colors:q,sounds:J},n={WIDTH:u.width,HEIGHT:u.height||u.width,CANVAS:null,ELAPSED:0,FPS:u.fps,CENTERX:null,CENTERY:null,PI:H,TWO_PI:b,HALF_PI:H*.5,lerp:(e,t,a)=>e+a*(t-e),deg2rad:e=>H/180*e,rad2deg:e=>180/H*e,clamp:(e,t,a)=>e<t?t:e>a?a:e,wrap:(e,t,a)=>e-(a-t)*Math.floor((e-t)/(a-t)),map(e,t,a,r,s,d=!1){let g=(e-t)/(a-t)*(s-r)+r;return d?n.clamp(g,r,s):g},norm:(e,t,a)=>n.map(e,t,a,0,1),rand:(e=0,t=1)=>(D=(1664525*D+1013904223)%4294967296,D/4294967296*(t-e)+e),randi:(e=0,t=1)=>n.floor(n.rand()*(t-e+1)+e),seed:e=>e==null?D:D=~~e,cls(e){e==null?o.clearRect(0,0,n.WIDTH,n.HEIGHT):n.rectfill(0,0,n.WIDTH,n.HEIGHT,e)},rect(e,t,a,r,s=0,d=null){o.beginPath(),o[d?"roundRect":"rect"](~~e,~~t,a,r,d),n.stroke(s)},rectfill(e,t,a,r,s=0,d=null){o.beginPath(),o[d?"roundRect":"rect"](~~e,~~t,a,r,d),n.fill(s)},circ(e,t,a,r=0){o.beginPath(),o.arc(~~e,~~t,a,0,b),o.closePath(),n.stroke(r)},circfill(e,t,a,r=0){o.beginPath(),o.arc(~~e,~~t,a,0,b),o.closePath(),n.fill(r)},line(e,t,a,r,s=0){o.beginPath(),o.moveTo(~~e,~~t),o.lineTo(~~a,~~r),n.stroke(s)},linewidth(e){o.lineWidth=e},linedash(e,t=0){o.setLineDash(Array.isArray(e)?e:[e]),o.lineDashOffset=t},text(e,t,a,r=3){o.font=`${L||""} ${B}px ${h}`,o.fillStyle=n.getcolor(r),o.fillText(a,~~e,~~t)},textfont(e){h=e},textsize(e){B=e},textstyle(e){L=e},textalign(e,t){e&&(o.textAlign=e),t&&(o.textBaseline=t)},textmetrics(e,t=B){return o.font=`${L||""} ${t}px ${h}`,metrics=o.measureText(e),metrics.height=metrics.actualBoundingBoxAscent+metrics.actualBoundingBoxDescent,metrics},image(e,t,a){o.drawImage(a,~~e,~~t)},paint(e,t,a,r={}){let s=new OffscreenCanvas(e,t),d=o,g=r.scale||1;if(s.width=e*g,s.height=t*g,o=s.getContext("2d"),o.scale(g,g),Array.isArray(a)){let P=0,i=0;o.imageSmoothingEnabled=!1;for(let f of a){for(let l of f)l!==" "&&l!=="."&&n.rectfill(P,i,1,1,parseInt(l,16)),P++;i++,P=0}}else a(s,o);return o=d,s},ctx:()=>o,push:()=>o.save(),pop:()=>o.restore(),translate:(e,t)=>o.translate(e,t),scale:(e,t=e)=>o.scale(e,t),rotate:e=>o.rotate(e),transform:(e,t,a,r,s,d,g=!0)=>o[g?"setTransform":"transform"](e,t,a,r,s,d),alpha(e){o.globalAlpha=e},path:e=>new Path2D(e),fill(e,t){o.fillStyle=n.getcolor(e),o.fill(t)},stroke(e,t){o.strokeStyle=n.getcolor(e),t?o.stroke(t):o.stroke()},cliprect(e,t,a,r){o.beginPath(),o.rect(e,t,a,r),o.clip()},clipcirc(e,t,a){o.beginPath(),o.arc(e,t,a,0,b),o.clip()},blendmode(e){o.globalCompositeOperation=e},sfx(e=0,t=1,a=0,r=null){if(navigator.userActivation&&!navigator.userActivation.hasBeenActive)return;let s=Array.isArray(e)?e:J[e%J.length];return(t!==1||a||r)&&(s=[...s],s[0]=(Number(t)||1)*(s[0]||1),s[1]=r??s[1],s[10]=~~s[10]+~~a),U(...s)},colrect:(e,t,a,r,s,d,g,P)=>e<s+g&&e+a>s&&t<d+P&&t+r>d,colcirc:(e,t,a,r,s,d)=>(r-e)**2+(s-t)**2<=(a+d)**2,mousepos:()=>[C,k],timescale(e){F=e},use(e,t={}){e.__conf=t,X?W(e):$.push(e)},listen(e,t,a=!1){z[e]=z[e]||[[],[]];let r=z[e][a?0:1].push(t);return()=>{z[e][a?0:1].splice(r-1,1)}},emit(e,...t){if(z[e])for(let a of z[e])for(let r of a)r(...t)},getcolor:e=>q[~~e%q.length],setvar(e,t){n[e]=t,u.global&&(m[e]=t)},resize(e,t){n.setvar("WIDTH",c.width=e),n.setvar("HEIGHT",c.height=t||e),I()}};for(let e of["sin","cos","atan2","hypot","tan","abs","ceil","round","floor","trunc","min","max","pow","sqrt","sign","exp"])n[e]=Math[e];function V(){X=!0,w();let e=u.loop?u.loop:m;for(let t of Object.keys(z))e[t]&&n.listen(t,e[t]);for(let t of $)W(t);if(T(m,"resize",I),I(),u.tapEvents){let t=(i,f)=>[(i-c.offsetLeft)/v,(f-c.offsetTop)/v],a=new Map,r=(i,f,l)=>{let p={x:f,y:l,startX:f,startY:l,ts:performance.now()};return a.set(i,p),p},s=(i,f,l)=>{let p=a.get(i)||r(i);p.x=f,p.y=l},d=i=>i&&performance.now()-i.ts<=200,g=!1;T(c,"mousedown",i=>{i.preventDefault();let[f,l]=t(i.pageX,i.pageY);n.emit("tap",f,l,0),r(0,f,l),g=!0}),T(c,"mousemove",i=>{i.preventDefault();let[f,l]=[C,k]=t(i.pageX,i.pageY);g&&(n.emit("tapping",f,l,0),s(0,f,l))}),T(c,"mouseup",i=>{i.preventDefault();let f=a.get(0),[l,p]=t(i.pageX,i.pageY);d(f)&&n.emit("tapped",f.startX,f.startY,0),n.emit("untap",l,p,0),a.delete(0),g=!1}),T(c,"touchstart",i=>{i.preventDefault();let f=i.changedTouches;for(let l of f){let[p,O]=t(l.pageX,l.pageY);n.emit("tap",p,O,l.identifier+1),r(l.identifier+1,p,O)}}),T(c,"touchmove",i=>{i.preventDefault();let f=i.changedTouches;for(let l of f){let[p,O]=t(l.pageX,l.pageY);n.emit("tapping",p,O,l.identifier+1),s(l.identifier+1,p,O)}});let P=i=>{i.preventDefault();let f=[];if(i.targetTouches.length>0)for(let l of i.targetTouches)f.push(l.identifier+1);for(let[l,p]of a)f.includes(l)||(d(p)&&n.emit("tapped",p.startX,p.startY,l),n.emit("untap",p.x,p.y,l),a.delete(l))};T(c,"touchend",P),T(c,"touchcancel",P),T(m,"blur",()=>{if(g=!1,a.size!==0)for(let[i,f]of a)n.emit("untap",f.x,f.y,i),a.delete(i)})}u.pauseOnBlur&&(T(m,"blur",()=>{A=null}),T(m,"focus",()=>{A||(y=performance.now(),A=requestAnimationFrame(j))})),n.emit("init"),y=performance.now(),A=requestAnimationFrame(j)}function j(e){let t=0,a=e-y;for(y=e,M+=a;M>=S;)n.emit("update",Y*F),n.setvar("ELAPSED",n.ELAPSED+Y*F),M-=S,t++;t&&(n.textalign("start","top"),n.emit("draw"),_++,E+=S*t,E+M>=1e3&&(n.setvar("FPS",_),_=0,E-=1e3)),A&&(A=requestAnimationFrame(j))}function w(){c=typeof c=="string"?document.querySelector(c):c,n.setvar("CANVAS",c),o=c.getContext("2d"),n.WIDTH>0&&(G=!1),c.width=n.WIDTH,c.height=n.HEIGHT||n.WIDTH,c.parentNode||document.body.appendChild(c),c.style.display="block",G?(c.style.position="absolute",c.style.inset=0):R&&(c.style.margin="auto")}function I(){G?(c.width=innerWidth,c.height=innerHeight,n.setvar("WIDTH",innerWidth),n.setvar("HEIGHT",innerHeight)):R&&(v=Math.min(innerWidth/n.WIDTH,innerHeight/n.HEIGHT),v=u.pixelart?Math.floor(v):v,c.style.width=n.WIDTH*v+"px",c.style.height=n.HEIGHT*v+"px"),n.setvar("CENTERX",n.WIDTH/2),n.setvar("CENTERY",n.HEIGHT/2),(!u.antialias||u.pixelart)&&(o.imageSmoothingEnabled=!1,c.style.imageRendering="pixelated"),n.emit("resized",v)}function W(e){let t=e(n,x,e.__conf);if(typeof t=="object")for(let[a,r]of Object.entries(t))n.setvar(a,r)}if(u.global){if(m.__litecanvas)throw"Cannot instantiate litecanvas globally twice";Object.assign(m,n),m.__litecanvas=n}return document.readyState==="loading"?T(m,"DOMContentLoaded",V):V(),n}globalThis.litecanvas=Q;})();