diff --git a/package-lock.json b/package-lock.json
index 4753e82..b273fec 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -523,9 +523,9 @@
       }
     },
     "node_modules/@litecanvas/litecanvas": {
-      "version": "0.30.0",
-      "resolved": "https://registry.npmjs.org/@litecanvas/litecanvas/-/litecanvas-0.30.0.tgz",
-      "integrity": "sha512-MEzOMquCPiOR5hUTkjzgUvvYnzLAlYYtCjVEgMZCgTp0+c61o9Z2eCBVmzZoJzfseEXdeQHLuHMfWdBRAv+tWQ=="
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@litecanvas/litecanvas/-/litecanvas-0.31.0.tgz",
+      "integrity": "sha512-/XAUKN3E/365I2QufqnnnkEvHZ0MEUkscFON6qEf7YCHiR5FhC7WFiNxni3sp3I2EIFxgnBH+Wd63BY1oaZ7DQ=="
     },
     "node_modules/@litecanvas/plugin-asset-loader": {
       "version": "0.4.2",
diff --git a/public/about.html b/public/about.html
index acc5fa7..82852e9 100644
--- a/public/about.html
+++ b/public/about.html
@@ -92,8 +92,7 @@ <h1>LITECANVAS</h1>
         <strong>API</strong>: <a href="#colors">Colors</a> |
         <a href="#settings">Configuration</a> | <a href="#drawing">Drawing</a> |
         <a href="#sound">Sound</a> | <a href="#math">Math</a> |
-        <a href="#globals">Globals</a> |
-        <a href="#plugin-api">Plugin API</a> |
+        <a href="#globals">Globals</a> | <a href="#plugin-api">Plugin API</a> |
         <a href="#advanced">Advanced</a>
       </nav>
 
@@ -192,8 +191,8 @@ <h2><a id="drawing">Functions for Drawing</a></h2>
 
 // clear the canvas
 // all color argument is a integer (a color from 0 to 7)
-// alias: cls(...)
-clear(color: null|number): void
+// alias: clear
+cls(color: null|number): void
 
 // draw a color-filled rectangle
 rectfill(x, y, w, h, color = 0): void
@@ -229,7 +228,7 @@ <h2><a id="drawing">Functions for Drawing</a></h2>
  */
 
 // draw a text
-// alias: print(...)
+// alias: print
 text(x, y, text, color = 3): void
 
 // set the text alignment and baseline
@@ -364,12 +363,17 @@ <h2><a id="math">Math</a></h2>
 // Convert radians to degrees
 rad2deg(n: number): number
 
-// Force a value within the boundaries by clamping it to the range min, max.
+// Constrains a number between `min` and `max`.
 // example: clamp(50, 0, 100) return 50
 // example: clamp(150, 0, 100) return 100
 // example: clamp(-10, 0, 100) return 0
 clamp(value: number, min: number, max: number): number
 
+// Wraps a number between `min` and `max`.
+// example: wrap(50,0,100) return 50
+// example: wrap(125, 0, 100) return 25
+wrap(value: number, min: number, max: number): number
+
 // Re-maps a number from one range to another.
 // example: map(2, 0, 10, 0, 100) returns 20
 map(val, l1, h1, l2, h2, withinBounds = false ): number
diff --git a/public/app.js b/public/app.js
index dd54ece..3767824 100644
--- a/public/app.js
+++ b/public/app.js
@@ -241,7 +241,7 @@ function draw () {
     <\/script>
     <script>${e}<\/script>
   </body>
-</html>`}function $O(r){let e=r.matchBefore(/\w*/);return e.from==e.to&&!r.explicit?null:{from:e.from,options:[{label:"CANVAS",type:"constant",info:"game canvas HTML element"},{label:"WIDTH",type:"variable",info:"width of the game screen"},{label:"HEIGHT",type:"variable",info:"height of the game screen"},{label:"TAPPED",type:"variable",info:"true when the game screen is tapped"},{label:"TAPPING",type:"variable",info:"true when the game screen is holding the mouse/touch"},{label:"TAPX",type:"variable",info:"position X of the tap"},{label:"TAPY",type:"variable",info:"position Y of the tap"},{label:"ELAPSED",type:"variable",info:"seconds since the game started"},{label:"FPS",type:"variable",info:"frames per second"},{label:"DT",type:"variable",info:"The fixed delta time"},{label:"CENTERX",type:"variable",info:"middle X of the game screen"},{label:"CENTERY",type:"variable",info:"middle Y of the game screen"},{label:"PI",type:"constant"},{label:"TWO_PI",type:"constant"},{label:"HALF_PI",type:"constant"},{label:"clear",type:"function",apply:"clear(",detail:"(color = null)",info:"clear the game screen"},{label:"cls",type:"function",apply:"cls(",detail:"(color = null)",info:"clear the game screen"},{label:"rect",type:"function",apply:"rect(",detail:"(x, y, width, height, color = 0)"},{label:"rectfill",type:"function",apply:"rectfill(",detail:"(x, y, width, height, color = 0)"},{label:"circ",type:"function",apply:"circ(",detail:"(x, y, radius, color = 0)"},{label:"circfill",type:"function",apply:"circfill(",detail:"(x, y, radius, color = 0)"},{label:"line",type:"function",apply:"line(",detail:"(x1, y1, x2, y2, color = 0)"},{label:"linewidth",type:"function",apply:"linewidth(",detail:"(value)"},{label:"linecap",type:"function",apply:"linecap(",detail:"(value)"},{label:"linedash",type:"function",apply:"linedash(",detail:"(pattern, ofsset)"},{label:"linejoin",type:"function",apply:"linejoin(",detail:"(value)"},{label:"text",type:"function",apply:"text(",detail:"(x, y, text, color = 3)"},{label:"print",type:"function",apply:"print(",detail:"(x, y, text, color = 3)"},{label:"textfont",type:"function",apply:"textfont(",detail:"(fontName)",info:"default font: 'sans-serif'"},{label:"textsize",type:"function",apply:"textsize(",detail:"(size)",info:"default font size: 32"},{label:"textalign",type:"function",apply:"textalign(",detail:"(align, baseline)"},{label:"textstyle",type:"function",apply:"textstyle(",detail:"(style)"},{label:"textmetrics",type:"function",apply:"textmetrics(",detail:"(text, [size])"},{label:"image",type:"function",apply:"image(",detail:"(x, y, image)"},{label:"paint",type:"function",apply:"paint(",detail:"(width, height, callback|array, options)",info:"Creates a offscreen canvas to draw on it"},{label:"transform",type:"function",apply:"transform(",detail:"(a, b, c, d, e, f, reset = true)"},{label:"translate",type:"function",apply:"translate(",detail:"(x, y)"},{label:"scale",type:"function",apply:"scale(",detail:"(x, y)"},{label:"rotate",type:"function",apply:"rotate(",detail:"(radians)"},{label:"blendmode",type:"function",apply:"blendmode(",detail:"(mode)",info:"sets the type of compositing operation to apply when drawing new shapes"},{label:"filter",type:"function",apply:"filter(",detail:"(effect)"},{label:"push",type:"function",apply:"push()",detail:"",info:"save the rendering context"},{label:"pop",type:"function",apply:"pop()",detail:"",info:"restore the rendering context"},{label:"ctx",type:"function",apply:"ctx()"},{label:"cliprect",type:"function",apply:"cliprect(",detail:"(x, y, width, height)",info:"create a rectagular clipping region"},{label:"clipcirc",type:"function",apply:"clipcirc(",detail:"(x, y, radius)",info:"create a circular clipping region"},{label:"sfx",type:"function",apply:"sfx(0)",detail:"(sound:number|Array, volume = 1, pitch = 0, randomness = 0)",info:"play a sound"},{label:"rand",type:"function",apply:"rand()",detail:"(min = 0.0, max = 1.0)",info:"get a pseudo-random float between min (inclusive) and max (exclusive)"},{label:"randi",type:"function",apply:"randi()",detail:"(min = 0, max = 1)",info:"get a pseudo-random integer between min (inclusive) and max (inclusive)"},{label:"map",type:"function",apply:"map(",detail:"(val, l1, h1, l2, h2, withinBounds=false)"},{label:"norm",type:"function",apply:"norm(",detail:"(val, start, stop)"},{label:"diff",type:"function",apply:"diff(",detail:"(a, b)"},{label:"clamp",type:"function",apply:"clamp(",detail:"(value, min, max)"},{label:"lerp",type:"function",apply:"lerp(",detail:"(start, end, t)",info:"linear interpolation from `start` to `end` over `t`%."},{label:"chance",type:"function",apply:"chance(",detail:"(p)"},{label:"deg2rad",type:"function",apply:"deg2rad(",detail:"(degrees)"},{label:"rad2deg",type:"function",apply:"rad2deg(",detail:"(radians)"},{label:"sin",type:"function",apply:"sin(",detail:"(radians)"},{label:"cos",type:"function",apply:"cos(",detail:"(radians)"},{label:"tan",type:"function",apply:"tan(",detail:"(radians)"},{label:"abs",type:"function",apply:"abs(",detail:"(value)"},{label:"ceil",type:"function",apply:"ceil(",detail:"(value)"},{label:"round",type:"function",apply:"round(",detail:"(value)"},{label:"floor",type:"function",apply:"floor(",detail:"(value)"},{label:"trunc",type:"function",apply:"trunc(",detail:"(value)"},{label:"fract",type:"function",apply:"fract(",detail:"(value)"},{label:"wave",type:"function",apply:"wave(",detail:"(lower, higher, t, fn = math.sin)"},{label:"min",type:"function",apply:"min(",detail:"(...values)"},{label:"max",type:"function",apply:"max(",detail:"(...values)"},{label:"pow",type:"function",apply:"pow(",detail:"(a, b)"},{label:"sqrt",type:"function",apply:"sqrt(",detail:"(value)"},{label:"sign",type:"function",apply:"sign(",detail:"(value)"},{label:"atan2",type:"function",apply:"atan2(",detail:"(y, x)"},{label:"hypot",type:"function",apply:"hypot(",detail:"(...values)"},{label:"exp",type:"function",apply:"exp(",detail:"(x)"},{label:"colrect",type:"function",apply:"colrect(",detail:"(x1, y1, w1, h1, x2, y2, w2, h2)",info:"Check collision between 2 rectangles"},{label:"colcirc",type:"function",apply:"colcirc(",detail:"(x1, y1, r1, x2, y2, r2)",info:"Check collision between 2 circles"},{label:"use",type:"function",apply:"use(",detail:"(callback)",info:"Loads a plugin to extend the litecanvas engine"},{label:"setvar",type:"function",apply:"setvar(",detail:"(name,value)"},{label:"getcolor",type:"function",apply:"getcolor(",detail:"(index)"},{label:"listen",type:"function",apply:"listen(",detail:"(event,callback,[highPriority])"},{label:"resize",type:"function",apply:"resize(",detail:"(width, height)",info:"resizes the game canvas"},{label:"loadScript",type:"function",apply:"loadScript(",detail:"(url, callback)",info:"Load a JavaScript file"},{label:"loadImage",type:"function",apply:"loadImage(",detail:"(url, callback)",info:"Load a image"},{label:"loadFont",type:"function",apply:"loadFont(",detail:"(name, url, callback)",info:"Load a font"},{label:"LOADING",type:"variable",info:"return the amount of assets that are loading"}]}}function MO(r){let e=visualViewport;if(!e)return;let t=u(),s=document.querySelector(".editor .code"),n=0,i=[{name:"indent",label:'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5" /></svg>',callback:vu},{name:"toggle comment",label:"//",callback:rh},{name:"undo",label:'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M9 15 3 9m0 0 6-6M3 9h12a6 6 0 0 1 0 12h-3" /></svg>',callback:mu},{name:"redo",label:'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m15 15 6-6m0 0-6-6m6 6H9a6 6 0 0 0 0 12h3" /></svg>',callback:Co}],a=document.createElement("div");a.classList.add("mobile-buttons"),a.style.display="none";for(let h of i){let f=document.createElement("button"),d=h.focus==null?!0:h.focus;f.innerHTML=h.label,f.setAttribute("title",h.name),f.setAttribute("aria-label",h.name),f.setAttribute("data-focus",d?"true":"false"),f.addEventListener("click",m=>{m.preventDefault(),h.callback(r),d&&r.contentDOM.focus()}),a.appendChild(f)}s.appendChild(a),requestAnimationFrame(o);function l(){n&&cancelAnimationFrame(n),n=requestAnimationFrame(o)}e.addEventListener("resize",l),e.addEventListener("scroll",l);function o(){n=!1;let h=a.getBoundingClientRect(),f=e.offsetLeft,d=e.height+e.offsetTop-h.height;a.style.transform=`translate(${f}px, ${d}px)`,console.log(~~e.height),console.log(~~t.height),console.log(Math.abs(~~e.height-~~t.height)),Math.abs(e.height-t.height)>100?p():c()}r.contentDOM.addEventListener("click",()=>{p()}),r.contentDOM.addEventListener("focus",()=>{p()});function u(){return{width:document.documentElement.clientWidth,height:document.documentElement.clientHeight}}function c(){console.log("hide"),a.style.display="none"}function p(){console.log("show"),a.style.display=""}}var Sa={autosave:!0,autosaveInterval:5e3,codeChanged:!1},wc=new URL(location.href);wc.searchParams.get("reset")!==null&&(hX(),window.location=location.origin);var iX=wc.searchParams.get("autoplay")!=0,Go=wc.searchParams.get("c");Go!==null&&(Go=fX(Go),Go&&(Sa.autosave=!1,Xn("#changing-shared-code").style.display=""));document.addEventListener("visibilitychange",function(){document.visibilityState==="hidden"&&Sa.autosave&&vN()});window.addEventListener("beforeunload",r=>{Sa.autosave||(r.preventDefault(),r.returnValue=!0)});var mN=[],gN=Xn(".code"),qO=Xn(".game"),Ec=Xn("#play"),QO=Xn("#stop"),aX=Xn("#share"),oX=Xn("#copy"),yN=Xn("#frame"),UO=innerWidth<1024,lX=navigator.userAgent.match(/android|iphone|ipad/i)!==null,jO=null;fetch("litecanvas.js").then(r=>r.text()).then(r=>{jO=r,UO?(xa(Ec),Oa(qO)):iX&&Cc()});Ec.addEventListener("click",()=>{Oa(gN),xa(qO),Oa(Ec),xa(QO),Cc()});QO.addEventListener("click",bN);document.addEventListener("backbutton",bN);function bN(r){r.preventDefault(),xa(gN),Oa(qO),xa(Ec),Oa(QO),yN.srcdoc=""}aX.addEventListener("click",r=>{if(!navigator.clipboard)return alert("Your browser not support this feature. Consider installing Firefox or Chrome.");let e=codeEditor.state.doc.toString(),t=location.origin+"?c="+encodeURIComponent(cX(e));if(t.length>2048)return alert("Code too long to encode in URL");navigator.clipboard.writeText(t).then(()=>{alert("Your shareable url was copied to clipboard!")},s=>{alert("Error: Unable to generate your shareable url!"),console.error("Error on copying text to clipboard:",s)})});oX.addEventListener("click",r=>{if(!navigator.clipboard)return alert("Your browser not support this feature. Consider installing Firefox or Chrome.");let e=codeEditor.state.doc.toString();navigator.clipboard.writeText(e).then(()=>{},t=>{alert("Error: Unable to generate your shareable url!"),console.error("Error on copying text to clipboard:",t)})});function Cc(){if(!jO)return alert("The library  was not loaded. Try reloading the page.");let r=codeEditor.state.doc.toString();yN.srcdoc=LO(jO,r)}if(!UO){let t=function(s){s.docChanged&&(r&&(clearTimeout(r),r=0),r=setTimeout(Cc,e))},r=0,e=1e3;mN.push(at.updateListener.of(t))}var uX=Ut.create({doc:Go||pX()||dN(),extensions:[hN(),As.of([GC,{key:"Ctrl-s",run(){return Cc(),!0}}]),pA,iA(),$k(),Ik(aA(new pN,{languageOptions:{ecmaVersion:"latest",sourceType:"script"},rules:{}})),Vn.data.of({autocomplete:$O}),at.theme({"&":{height:"100%",fontSize:UO?"16px":"18px"},".cm-scroller":{overflow:"auto"}}),at.lineWrapping,at.updateListener.of(r=>{r.docChanged&&(Sa.codeChanged=!0)}),...mN]});window.codeEditor=new at({state:uX,parent:Xn(".code .cm-container")});function cX(r){return btoa(String.fromCharCode.apply(null,Array.from(sf.deflate(r))))}function fX(r){let e=null,t=0;for(;t<2;)try{t===1&&(r=decodeURIComponent(r),r=r.replace(/ /g,"+")),e=sf.inflate(new Uint8Array(atob(r).split("").map(s=>s.charCodeAt(0))),{to:"string"}),console.log("Playground url decoded successfully!");break}catch(s){console.error(`Failed decode the playground url (${t+1}/2). Error:`,s),console.log("Trying to decode again (fixing some characters)..."),e=null,t++}return e||alert("Invalid playground url."),e}Sa.autosave&&setInterval(()=>{document.visibilityState==="visible"&&vN()},Sa.autosaveInterval);function vN(){localStorage.setItem("litecanvas_code",codeEditor.state.doc.toString())}function pX(){return localStorage.getItem("litecanvas_code")}function hX(){localStorage.clear()}lX&&MO(codeEditor);window.isUpdateAvailable=new Promise(function(r){("serviceWorker"in navigator&&location.hostname.indexOf("127.0.0")===-1||wc.searchParams.get("test_service_worker")==="on")&&(navigator.serviceWorker.register("sw.js").then(e=>{e.onupdatefound=()=>{let t=e.installing;t.onstatechange=()=>{switch(t.state){case"installed":navigator.serviceWorker.controller?r(!0):r(!1);break}}}}).catch(e=>console.error("[SW ERROR]",e)),navigator.serviceWorker.ready.then(e=>{e.active.postMessage({type:"GET_VERSION"})}),navigator.serviceWorker.addEventListener("message",e=>{e.data.type==="GET_VERSION"&&console.log("litecanvas playground version:",e.data.res)}))});window.isUpdateAvailable.then(r=>{r&&alert("New Update available! Reload the webapp to see the latest changes.")});})();
+</html>`}function $O(r){let e=r.matchBefore(/\w*/);return e.from==e.to&&!r.explicit?null:{from:e.from,options:[{label:"CANVAS",type:"constant",info:"game canvas HTML element"},{label:"WIDTH",type:"variable",info:"width of the game screen"},{label:"HEIGHT",type:"variable",info:"height of the game screen"},{label:"TAPPED",type:"variable",info:"true when the game screen is tapped"},{label:"TAPPING",type:"variable",info:"true when the game screen is holding the mouse/touch"},{label:"TAPX",type:"variable",info:"position X of the tap"},{label:"TAPY",type:"variable",info:"position Y of the tap"},{label:"ELAPSED",type:"variable",info:"seconds since the game started"},{label:"FPS",type:"variable",info:"frames per second"},{label:"DT",type:"variable",info:"The fixed delta time"},{label:"CENTERX",type:"variable",info:"middle X of the game screen"},{label:"CENTERY",type:"variable",info:"middle Y of the game screen"},{label:"PI",type:"constant"},{label:"TWO_PI",type:"constant"},{label:"HALF_PI",type:"constant"},{label:"clear",type:"function",apply:"clear(",detail:"(color = null)",info:"clear the game screen"},{label:"cls",type:"function",apply:"cls(",detail:"(color = null)",info:"clear the game screen"},{label:"rect",type:"function",apply:"rect(",detail:"(x, y, width, height, color = 0)"},{label:"rectfill",type:"function",apply:"rectfill(",detail:"(x, y, width, height, color = 0)"},{label:"circ",type:"function",apply:"circ(",detail:"(x, y, radius, color = 0)"},{label:"circfill",type:"function",apply:"circfill(",detail:"(x, y, radius, color = 0)"},{label:"line",type:"function",apply:"line(",detail:"(x1, y1, x2, y2, color = 0)"},{label:"linewidth",type:"function",apply:"linewidth(",detail:"(value)"},{label:"linecap",type:"function",apply:"linecap(",detail:"(value)"},{label:"linedash",type:"function",apply:"linedash(",detail:"(pattern, ofsset)"},{label:"linejoin",type:"function",apply:"linejoin(",detail:"(value)"},{label:"text",type:"function",apply:"text(",detail:"(x, y, text, color = 3)"},{label:"print",type:"function",apply:"print(",detail:"(x, y, text, color = 3)"},{label:"textfont",type:"function",apply:"textfont(",detail:"(fontName)",info:"default font: 'sans-serif'"},{label:"textsize",type:"function",apply:"textsize(",detail:"(size)",info:"default font size: 32"},{label:"textalign",type:"function",apply:"textalign(",detail:"(align, baseline)"},{label:"textstyle",type:"function",apply:"textstyle(",detail:"(style)"},{label:"textmetrics",type:"function",apply:"textmetrics(",detail:"(text, [size])"},{label:"image",type:"function",apply:"image(",detail:"(x, y, image)"},{label:"paint",type:"function",apply:"paint(",detail:"(width, height, callback|array, options)",info:"Creates a offscreen canvas to draw on it"},{label:"transform",type:"function",apply:"transform(",detail:"(a, b, c, d, e, f, reset = true)"},{label:"translate",type:"function",apply:"translate(",detail:"(x, y)"},{label:"scale",type:"function",apply:"scale(",detail:"(x, y)"},{label:"rotate",type:"function",apply:"rotate(",detail:"(radians)"},{label:"blendmode",type:"function",apply:"blendmode(",detail:"(mode)",info:"sets the type of compositing operation to apply when drawing new shapes"},{label:"filter",type:"function",apply:"filter(",detail:"(effect)"},{label:"push",type:"function",apply:"push()",detail:"",info:"save the rendering context"},{label:"pop",type:"function",apply:"pop()",detail:"",info:"restore the rendering context"},{label:"ctx",type:"function",apply:"ctx()"},{label:"cliprect",type:"function",apply:"cliprect(",detail:"(x, y, width, height)",info:"create a rectagular clipping region"},{label:"clipcirc",type:"function",apply:"clipcirc(",detail:"(x, y, radius)",info:"create a circular clipping region"},{label:"sfx",type:"function",apply:"sfx(0)",detail:"(sound:number|Array, volume = 1, pitch = 0, randomness = 0)",info:"play a sound"},{label:"rand",type:"function",apply:"rand()",detail:"(min = 0.0, max = 1.0)",info:"get a pseudo-random float between min (inclusive) and max (exclusive)"},{label:"randi",type:"function",apply:"randi()",detail:"(min = 0, max = 1)",info:"get a pseudo-random integer between min (inclusive) and max (inclusive)"},{label:"map",type:"function",apply:"map(",detail:"(val, l1, h1, l2, h2, withinBounds=false)"},{label:"norm",type:"function",apply:"norm(",detail:"(val, start, stop)"},{label:"diff",type:"function",apply:"diff(",detail:"(a, b)"},{label:"clamp",type:"function",apply:"clamp(",detail:"(value, min, max)"},{label:"wrap",type:"function",apply:"wrap(",detail:"(value, min, max)"},{label:"lerp",type:"function",apply:"lerp(",detail:"(start, end, t)",info:"linear interpolation from `start` to `end` over `t`%."},{label:"chance",type:"function",apply:"chance(",detail:"(p)"},{label:"deg2rad",type:"function",apply:"deg2rad(",detail:"(degrees)"},{label:"rad2deg",type:"function",apply:"rad2deg(",detail:"(radians)"},{label:"sin",type:"function",apply:"sin(",detail:"(radians)"},{label:"cos",type:"function",apply:"cos(",detail:"(radians)"},{label:"tan",type:"function",apply:"tan(",detail:"(radians)"},{label:"abs",type:"function",apply:"abs(",detail:"(value)"},{label:"ceil",type:"function",apply:"ceil(",detail:"(value)"},{label:"round",type:"function",apply:"round(",detail:"(value)"},{label:"floor",type:"function",apply:"floor(",detail:"(value)"},{label:"trunc",type:"function",apply:"trunc(",detail:"(value)"},{label:"fract",type:"function",apply:"fract(",detail:"(value)"},{label:"wave",type:"function",apply:"wave(",detail:"(lower, higher, t, fn = math.sin)"},{label:"min",type:"function",apply:"min(",detail:"(...values)"},{label:"max",type:"function",apply:"max(",detail:"(...values)"},{label:"pow",type:"function",apply:"pow(",detail:"(a, b)"},{label:"sqrt",type:"function",apply:"sqrt(",detail:"(value)"},{label:"sign",type:"function",apply:"sign(",detail:"(value)"},{label:"atan2",type:"function",apply:"atan2(",detail:"(y, x)"},{label:"hypot",type:"function",apply:"hypot(",detail:"(...values)"},{label:"exp",type:"function",apply:"exp(",detail:"(x)"},{label:"colrect",type:"function",apply:"colrect(",detail:"(x1, y1, w1, h1, x2, y2, w2, h2)",info:"Check collision between 2 rectangles"},{label:"colcirc",type:"function",apply:"colcirc(",detail:"(x1, y1, r1, x2, y2, r2)",info:"Check collision between 2 circles"},{label:"use",type:"function",apply:"use(",detail:"(callback)",info:"Loads a plugin to extend the litecanvas engine"},{label:"setvar",type:"function",apply:"setvar(",detail:"(name,value)"},{label:"getcolor",type:"function",apply:"getcolor(",detail:"(index)"},{label:"listen",type:"function",apply:"listen(",detail:"(event,callback,[highPriority])"},{label:"resize",type:"function",apply:"resize(",detail:"(width, height)",info:"resizes the game canvas"},{label:"loadScript",type:"function",apply:"loadScript(",detail:"(url, callback)",info:"Load a JavaScript file"},{label:"loadImage",type:"function",apply:"loadImage(",detail:"(url, callback)",info:"Load a image"},{label:"loadFont",type:"function",apply:"loadFont(",detail:"(name, url, callback)",info:"Load a font"},{label:"LOADING",type:"variable",info:"return the amount of assets that are loading"}]}}function MO(r){let e=visualViewport;if(!e)return;let t=u(),s=document.querySelector(".editor .code"),n=0,i=[{name:"indent",label:'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5" /></svg>',callback:vu},{name:"toggle comment",label:"//",callback:rh},{name:"undo",label:'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M9 15 3 9m0 0 6-6M3 9h12a6 6 0 0 1 0 12h-3" /></svg>',callback:mu},{name:"redo",label:'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m15 15 6-6m0 0-6-6m6 6H9a6 6 0 0 0 0 12h3" /></svg>',callback:Co}],a=document.createElement("div");a.classList.add("mobile-buttons"),a.style.display="none";for(let h of i){let f=document.createElement("button"),d=h.focus==null?!0:h.focus;f.innerHTML=h.label,f.setAttribute("title",h.name),f.setAttribute("aria-label",h.name),f.setAttribute("data-focus",d?"true":"false"),f.addEventListener("click",m=>{m.preventDefault(),h.callback(r),d&&r.contentDOM.focus()}),a.appendChild(f)}s.appendChild(a),requestAnimationFrame(o);function l(){n&&cancelAnimationFrame(n),n=requestAnimationFrame(o)}e.addEventListener("resize",l),e.addEventListener("scroll",l);function o(){n=!1;let h=a.getBoundingClientRect(),f=e.offsetLeft,d=e.height+e.offsetTop-h.height;a.style.transform=`translate(${f}px, ${d}px)`,console.log(~~e.height),console.log(~~t.height),console.log(Math.abs(~~e.height-~~t.height)),Math.abs(e.height-t.height)>100?p():c()}r.contentDOM.addEventListener("click",()=>{p()}),r.contentDOM.addEventListener("focus",()=>{p()});function u(){return{width:document.documentElement.clientWidth,height:document.documentElement.clientHeight}}function c(){console.log("hide"),a.style.display="none"}function p(){console.log("show"),a.style.display=""}}var Sa={autosave:!0,autosaveInterval:5e3,codeChanged:!1},wc=new URL(location.href);wc.searchParams.get("reset")!==null&&(hX(),window.location=location.origin);var iX=wc.searchParams.get("autoplay")!=0,Go=wc.searchParams.get("c");Go!==null&&(Go=fX(Go),Go&&(Sa.autosave=!1,Xn("#changing-shared-code").style.display=""));document.addEventListener("visibilitychange",function(){document.visibilityState==="hidden"&&Sa.autosave&&vN()});window.addEventListener("beforeunload",r=>{Sa.autosave||(r.preventDefault(),r.returnValue=!0)});var mN=[],gN=Xn(".code"),qO=Xn(".game"),Ec=Xn("#play"),QO=Xn("#stop"),aX=Xn("#share"),oX=Xn("#copy"),yN=Xn("#frame"),UO=innerWidth<1024,lX=navigator.userAgent.match(/android|iphone|ipad/i)!==null,jO=null;fetch("litecanvas.js").then(r=>r.text()).then(r=>{jO=r,UO?(xa(Ec),Oa(qO)):iX&&Cc()});Ec.addEventListener("click",()=>{Oa(gN),xa(qO),Oa(Ec),xa(QO),Cc()});QO.addEventListener("click",bN);document.addEventListener("backbutton",bN);function bN(r){r.preventDefault(),xa(gN),Oa(qO),xa(Ec),Oa(QO),yN.srcdoc=""}aX.addEventListener("click",r=>{if(!navigator.clipboard)return alert("Your browser not support this feature. Consider installing Firefox or Chrome.");let e=codeEditor.state.doc.toString(),t=location.origin+"?c="+encodeURIComponent(cX(e));if(t.length>2048)return alert("Code too long to encode in URL");navigator.clipboard.writeText(t).then(()=>{alert("Your shareable url was copied to clipboard!")},s=>{alert("Error: Unable to generate your shareable url!"),console.error("Error on copying text to clipboard:",s)})});oX.addEventListener("click",r=>{if(!navigator.clipboard)return alert("Your browser not support this feature. Consider installing Firefox or Chrome.");let e=codeEditor.state.doc.toString();navigator.clipboard.writeText(e).then(()=>{},t=>{alert("Error: Unable to generate your shareable url!"),console.error("Error on copying text to clipboard:",t)})});function Cc(){if(!jO)return alert("The library  was not loaded. Try reloading the page.");let r=codeEditor.state.doc.toString();yN.srcdoc=LO(jO,r)}if(!UO){let t=function(s){s.docChanged&&(r&&(clearTimeout(r),r=0),r=setTimeout(Cc,e))},r=0,e=1e3;mN.push(at.updateListener.of(t))}var uX=Ut.create({doc:Go||pX()||dN(),extensions:[hN(),As.of([GC,{key:"Ctrl-s",run(){return Cc(),!0}}]),pA,iA(),$k(),Ik(aA(new pN,{languageOptions:{ecmaVersion:"latest",sourceType:"script"},rules:{}})),Vn.data.of({autocomplete:$O}),at.theme({"&":{height:"100%",fontSize:UO?"16px":"18px"},".cm-scroller":{overflow:"auto"}}),at.lineWrapping,at.updateListener.of(r=>{r.docChanged&&(Sa.codeChanged=!0)}),...mN]});window.codeEditor=new at({state:uX,parent:Xn(".code .cm-container")});function cX(r){return btoa(String.fromCharCode.apply(null,Array.from(sf.deflate(r))))}function fX(r){let e=null,t=0;for(;t<2;)try{t===1&&(r=decodeURIComponent(r),r=r.replace(/ /g,"+")),e=sf.inflate(new Uint8Array(atob(r).split("").map(s=>s.charCodeAt(0))),{to:"string"}),console.log("Playground url decoded successfully!");break}catch(s){console.error(`Failed decode the playground url (${t+1}/2). Error:`,s),console.log("Trying to decode again (fixing some characters)..."),e=null,t++}return e||alert("Invalid playground url."),e}Sa.autosave&&setInterval(()=>{document.visibilityState==="visible"&&vN()},Sa.autosaveInterval);function vN(){localStorage.setItem("litecanvas_code",codeEditor.state.doc.toString())}function pX(){return localStorage.getItem("litecanvas_code")}function hX(){localStorage.clear()}lX&&MO(codeEditor);window.isUpdateAvailable=new Promise(function(r){("serviceWorker"in navigator&&location.hostname.indexOf("127.0.0")===-1||wc.searchParams.get("test_service_worker")==="on")&&(navigator.serviceWorker.register("sw.js").then(e=>{e.onupdatefound=()=>{let t=e.installing;t.onstatechange=()=>{switch(t.state){case"installed":navigator.serviceWorker.controller?r(!0):r(!1);break}}}}).catch(e=>console.error("[SW ERROR]",e)),navigator.serviceWorker.ready.then(e=>{e.active.postMessage({type:"GET_VERSION"})}),navigator.serviceWorker.addEventListener("message",e=>{e.data.type==="GET_VERSION"&&console.log("litecanvas playground version:",e.data.res)}))});window.isUpdateAvailable.then(r=>{r&&alert("New Update available! Reload the webapp to see the latest changes.")});})();
 /*! Bundled license information:
 
 pako/dist/pako.esm.mjs:
diff --git a/public/litecanvas.js b/public/litecanvas.js
index 6fdc1c0..129e10b 100644
--- a/public/litecanvas.js
+++ b/public/litecanvas.js
@@ -1,6 +1,6 @@
 (() => {
   // src/zzfx.js
-  var zzfxX = new AudioContext();
+  zzfxX = new AudioContext();
   zzfxV = 0.1;
   zzfx = (p = 1, k = 0.05, b = 220, e = 0, r = 0, t = 0.1, q = 0, D = 1, u = 0, y = 0, v = 0, z = 0, l = 0, E = 0, A = 0, F = 0, c = 0, w = 1, m = 0, B = 0, M = Math, R = 44100, d = 2 * M.PI, G = u *= 500 * d / R / R, C = b *= (1 - k + 2 * k * M.random(k = [])) * d / R, g = 0, H = 0, a = 0, n = 1, I = 0, J = 0, f = 0, x, h) => {
     e = R * e + 9;
@@ -66,7 +66,7 @@
 
   // src/index.js
   function litecanvas(settings = {}) {
-    const root = window, body = document.body, math = Math, PI = math.PI, TWO_PI = PI * 2, on = (elem, evt, callback) => elem.addEventListener(evt, callback), off = (elem, evt, callback) => elem.removeEventListener(evt, callback), time = () => performance.now(), NULL = null, defaults = {
+    const root = window, body = document.body, math = Math, TWO_PI = math.PI * 2, on = (elem, evt, callback) => elem.addEventListener(evt, callback), off = (elem, evt, callback) => elem.removeEventListener(evt, callback), time = () => performance.now(), NULL = null, defaults = {
       fps: 60,
       fullscreen: true,
       width: NULL,
@@ -77,19 +77,15 @@
       background: NULL,
       canvas: NULL,
       global: true,
-      tappingInterval: true,
+      tappingInterval: 100,
       tapEvents: true,
       loop: NULL
     };
     settings = Object.assign(defaults, settings);
     let _initialized = false, _plugins = [], _canvas = settings.canvas || document.createElement("canvas"), _fullscreen = settings.fullscreen, _autoscale = settings.autoscale, _bg = settings.background, _hasMouse = matchMedia("(pointer:fine)").matches, _tappingHandler, _scale = 1, _offsetTop = 0, _offsetLeft = 0, _ctx, _lastFrame, _step = 1 / settings.fps, _stepMs = _step * 1e3, _accumulated = 0, _rafid, _drawCount = 0, _drawTime = 0, _fontFamily = "sans-serif", _fontStyle = "", _fontSize = 32, _textAlign = "start", _textBaseline = "top", _loop = {
-      /** @type {function[]} */
       init: [],
-      /** @type {function[]} */
       update: [],
-      /** @type {function[]} */
       draw: [],
-      /** @type {function[]} */
       resized: []
     }, _helpers = {
       settings: Object.assign({}, settings),
@@ -104,13 +100,13 @@
       /** @type {HTMLCanvasElement} */
       CANVAS: NULL,
       /** @type {boolean} */
-      TAPPED: false,
+      TAPPED: NULL,
       /** @type {boolean} */
-      TAPPING: false,
+      TAPPING: NULL,
       /** @type {number} */
-      TAPX: 0,
+      TAPX: NULL,
       /** @type {number} */
-      TAPY: 0,
+      TAPY: NULL,
       /** @type {number} */
       ELAPSED: 0,
       /** @type {number} */
@@ -118,22 +114,23 @@
       /** @type {number} */
       DT: _step,
       /** @type {number} */
-      CENTERX: 0,
+      CENTERX: NULL,
       /** @type {number} */
-      CENTERY: 0,
+      CENTERY: NULL,
+      /** MATH API */
       /**
        * The value of the mathematical constant PI (π).
        * Approximately 3.14159
        *
        * @type {number}
        */
-      PI,
+      PI: math.PI,
       /**
        * Twice the value of the mathematical constant PI (π).
        * Approximately 6.28318
        *
-       * Note: TWO_PI radians equals 360º, PI radians equals 180º,
-       * HALF_PI radians equals 90º, and HALF_PI/2 radians equals 45º.
+       * Note: TWO_PI radians equals 360°, PI radians equals 180°,
+       * HALF_PI radians equals 90°, and HALF_PI/2 radians equals 45°.
        *
        * @type {number}
        */
@@ -144,7 +141,7 @@
        *
        * @type {number}
        */
-      HALF_PI: PI * 0.5,
+      HALF_PI: math.PI * 0.5,
       /**
        * Calculates a linear (interpolation) value over t%.
        *
@@ -161,16 +158,16 @@
        * @param {number} degs
        * @returns {number} the value in radians
        */
-      deg2rad: (degs) => PI / 180 * degs,
+      deg2rad: (degs) => math.PI / 180 * degs,
       /**
        * Convert radians to degrees
        *
        * @param {number} rads
        * @returns {number} the value in degrees
        */
-      rad2deg: (rads) => 180 / PI * rads,
+      rad2deg: (rads) => 180 / math.PI * rads,
       /**
-       * Constrains a number between a minimum and maximum value.
+       * Constrains a number between `min` and `max`.
        *
        * @param {number} value
        * @param {number} min
@@ -178,6 +175,15 @@
        * @returns {number}
        */
       clamp: (value, min, max) => math.min(math.max(value, min), max),
+      /**
+       * Wraps a number between `min` and `max`.
+       *
+       * @param {number} value
+       * @param {number} min
+       * @param {number} max
+       * @returns {number}
+       */
+      wrap: (value, min, max) => value - (max - min) * math.floor((value - min) / (max - min)),
       /**
        * Re-maps a number from one range to another.
        *
@@ -186,7 +192,7 @@
        * @param {number} stop1  upper bound of the value's current range.
        * @param {number} start2 lower bound of the value's target range.
        * @param {number} stop2  upper bound of the value's target range.
-       * @param {boolean} withinBounds constrain the value to the newly mapped range
+       * @param {boolean} [withinBounds=true] constrain the value to the newly mapped range
        * @returns {number} the remapped number
        */
       map(value, start1, stop1, start2, stop2, withinBounds = false) {
@@ -212,20 +218,38 @@
        * @returns {number}
        */
       diff: (a, b) => math.abs(b - a),
+      /**
+       * Returns the fractional part of a number
+       *
+       * @param {number} value The number
+       * @returns {number}
+       */
+      fract: (value) => value % 1,
+      /**
+       * Interpolate between 2 values.
+       * Optionally, takes a custom periodic function (default = `Math.sin`).
+       *
+       * @param {number} lower
+       * @param {number} higher
+       * @param {number} t
+       * @param {function} [fn=Math.sin]
+       * @returns {number}
+       */
+      wave: (lower, higher, t, fn = math.sin) => lower + (fn(t) + 1) / 2 * (higher - lower),
       /** RNG API */
       /**
        * Generates a pseudorandom float between min (inclusive) and max (exclusive)
        *
-       * @param {number} min
-       * @param {number} max
+       * @param {number} [min=0.0]
+       * @param {number} [max=1.0]
        * @returns {number} the random number
        */
       rand: (min = 0, max = 1) => math.random() * (max - min) + min,
       /**
        * Generates a pseudorandom integer between min (inclusive) and max (inclusive)
        *
-       * @param {number} min
-       * @param {number} max
+       * @param {number} [min=0]
+       * @param {number} [max=1]
        * @returns {number} the random number
        */
       randi: (min = 0, max = 1) => instance.floor(instance.rand() * (max - min + 1) + min),
@@ -239,36 +263,15 @@
       /**
        * Choose a random item from a Array
        *
-       * @param {Array<T>} arr
+       * @param {Array.<T>} arr
        * @returns {T}
        */
       choose: (arr) => arr[instance.randi(0, arr.length - 1)],
-      /**
-       * Returns the fractional part of a number
-       *
-       * @param {number} value The number
-       * @returns {number}
-       */
-      fract: (value) => value % 1,
-      /**
-       * Interpolate between 2 values.
-       * Optionally, takes a custom periodic function (default = `Math.sin`).
-       *
-       * @param {number} lower
-       * @param {number} higher
-       * @param {number} t
-       * @param {function} f
-       * @returns {number}
-       */
-      wave(lower, higher, t, fn = math.sin) {
-        return lower + (fn(t) + 1) / 2 * (higher - lower);
-      },
       /** BASIC GRAPHICS API */
       /**
        * Clear the game screen
        *
        * @param {number|null} color The background color (from 0 to 7) or null
-       * @alias instance.cls
        */
       clear(color) {
         if (NULL == color) {
@@ -284,7 +287,7 @@
        * @param {number} y
        * @param {number} width
        * @param {number} height
-       * @param {number} color the color index (generally from 0 to 7)
+       * @param {number} [color=0] the color index (generally from 0 to 7)
        */
       rect(x, y, width, height, color = 0) {
         _ctx.strokeStyle = instance.getcolor(color);
@@ -297,7 +300,7 @@
        * @param {number} y
        * @param {number} width
        * @param {number} height
-       * @param {number} color the color index (generally from 0 to 7)
+       * @param {number} [color=0] the color index (generally from 0 to 7)
        */
       rectfill(x, y, width, height, color = 0) {
         _ctx.fillStyle = instance.getcolor(color);
@@ -309,7 +312,7 @@
        * @param {number} x
        * @param {number} y
        * @param {number} radius
-       * @param {number} color the color index (generally from 0 to 7)
+       * @param {number} [color=0] the color index (generally from 0 to 7)
        */
       circ(x, y, radius, color = 0) {
         _ctx.strokeStyle = instance.getcolor(color);
@@ -324,7 +327,7 @@
        * @param {number} x
        * @param {number} y
        * @param {number} radius
-       * @param {number} color the color index (generally from 0 to 7)
+       * @param {number} [color=0] the color index (generally from 0 to 7)
        */
       circfill(x, y, radius, color = 0) {
         _ctx.fillStyle = instance.getcolor(color);
@@ -340,7 +343,7 @@
        * @param {number} y1
        * @param {number} x2
        * @param {number} y2
-       * @param {number} color the color index (generally from 0 to 7)
+       * @param {number} [color=0] the color index (generally from 0 to 7)
        */
       line(x1, y1, x2, y2, color = 0) {
         _ctx.strokeStyle = instance.getcolor(color);
@@ -362,7 +365,7 @@
        * Sets the line dash pattern used when drawing lines
        *
        * @param {number|number[]} segments the line dash pattern
-       * @param {number} offset the line dash offset, or "phase".
+       * @param {number} [offset=0] the line dash offset, or "phase".
        * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash
        * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset
        */
@@ -394,12 +397,10 @@
       /**
        * Draw text
        *
-       * @alias instance.print
        * @param {number} x
        * @param {number} y
        * @param {string} text the text message
-       * @param {number} color the color index (generally from 0 to 7)
-       * @param {number} size the font size
+       * @param {number} [color=3] the color index (generally from 0 to 7)
        */
       text(x, y, text, color = 3) {
         _ctx.font = `${_fontStyle || ""} ${~~_fontSize}px ${_fontFamily}`;
@@ -446,11 +447,11 @@
        * Returns a TextMetrics object that contains information about the measured text (such as its width, for example)
        *
        * @param {string} text
-       * @param {number} size
+       * @param {number} [size]
        * @returns {TextMetrics}
        * @see https://developer.mozilla.org/en-US/docs/Web/API/TextMetrics
        */
-      textmetrics(text, size = NULL) {
+      textmetrics(text, size) {
         _ctx.font = `${_fontStyle || ""} ${~~(size || _fontSize)}px ${_fontFamily}`;
         metrics = _ctx.measureText(text);
         metrics.height = metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent;
@@ -467,17 +468,13 @@
       image(x, y, image) {
         _ctx.drawImage(image, ~~x, ~~y);
       },
-      /**
-       * @callback drawCallback
-       * @param {OffscreenCanvas} canvas
-       */
       /**
        * Creates a offscreen canvas to draw on it
        *
        * @param {number} width
        * @param {number} height
        * @param {string[]|drawCallback} draw
-       * @param {{scale?:number}} options
+       * @param {{scale?:number}} [options]
        * @returns {OffscreenCanvas}
        * @see https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas
        */
@@ -553,7 +550,7 @@
        * @param {number} d
        * @param {number} e
        * @param {number} f
-       * @param {boolean} resetFirst `false` to use _ctx.transform(); by default use _ctx.setTransform()
+       * @param {boolean} [resetFirst=true] `false` to use _ctx.transform(); by default use _ctx.setTransform()
        * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setTransform
        */
       transform: (a, b, c, d, e, f, resetFirst = true) => _ctx[resetFirst ? "setTransform" : "transform"](a, b, c, d, e, f),
@@ -625,10 +622,10 @@
       /**
        * Play a defined sound or a ZzFX array of params
        *
-       * @param {number|Array} sound the sound index (from 0 to 7) or a ZzFX array of params
-       * @param {number} volume
-       * @param {number} pitch
-       * @param {number} randomness
+       * @param {number|number[]} [sound=0] the sound index (from 0 to 7) or a ZzFX array of params
+       * @param {number} [volume=1]
+       * @param {number} [pitch=0]
+       * @param {number} [randomness=0]
        * @returns {AudioBufferSourceNode}
        * @see https://github.com/KilledByAPixel/ZzFX
        */
@@ -674,33 +671,24 @@
       colcirc: (x1, y1, r1, x2, y2, r2) => (x2 - x1) ** 2 + (y2 - y1) ** 2 <= (r1 + r2) ** 2,
       /** PLUGINS API */
       /**
-       * Loads a plugin
+       * Prepares a plugin to be loaded
        *
-       * @callback pluginCallback
-       * @param {object} instance - The litecanvas instance
-       * @param {object} helpers
-       */
-      /**
        * @param {pluginCallback} callback
        */
-      use(callback) {
-        if (_initialized) {
-          loadPlugin(callback);
-        } else {
-          _plugins.push(callback);
-        }
+      use: (callback) => {
+        _initialized ? loadPlugin(callback) : _plugins.push(callback);
       },
       /**
        * Add a game loop event listener
        *
        * @param {string} event should be "init", "update", "draw" or "resized"
        * @param {function} callback the function that is called when the event occurs
-       * @param {boolean} highPriority determines whether the callback will be called before or after the others
-       * @returns {function|null} a function to remove the listener or null if passed a invalid event
+       * @param {boolean} [highPriority=false] determines whether the callback will be called before or after the others
+       * @returns {function?} a function to remove the listener or `undefined` if passed a invalid event
        */
       listen(event, callback, highPriority = false) {
         if (!_loop[event])
-          return NULL;
+          return;
         _loop[event][highPriority ? "unshift" : "push"](callback);
         return () => {
           _loop[event] = _loop[event].filter((f) => f !== callback);
@@ -726,7 +714,7 @@
         }
       },
       /**
-       * Resizes the game canvas
+       * Resizes the game canvas and emit the "resized" event
        *
        * @param {number} width
        * @param {number} height
@@ -737,10 +725,8 @@
         pageResized();
       }
     };
-    Object.assign(instance, {
-      cls: instance.clear,
-      print: instance.text
-    });
+    instance.cls = instance.clear;
+    instance.print = instance.text;
     for (const k of [
       "sin",
       "cos",
@@ -943,7 +929,7 @@
   }
   window.litecanvas = litecanvas;
 })();
-/*! litecanvas v0.30.0 | https://github.com/litecanvas/game-engine */
+/*! litecanvas v0.31.0 | https://github.com/litecanvas/game-engine */
 
 (()=>{var s=getScriptLoader=t=>(o,r)=>{t.setvar("LOADING",t.LOADING+1),script=document.createElement("script"),script.onload=()=>{r&&r(script),t.setvar("LOADING",t.LOADING-1)},script.onerror=()=>{r&&r(null)},script.src=o,document.head.appendChild(script)};var L=getImageLoader=t=>(o,r)=>{t.setvar("LOADING",t.LOADING+1);let d=new Image;d.onload=()=>{r&&r(d),t.setvar("LOADING",t.LOADING-1)},d.onerror=function(){r&&r(null)},d.src=o};var p=getFontLoader=t=>async(o,r,d)=>{let e=new FontFace(o,`url(${r})`);t.setvar("LOADING",t.LOADING+1),document.fonts.add(e),e.load().then(a=>{d&&d(a),t.setvar("LOADING",t.LOADING-1)}).catch(()=>{d&&d(null)})};window.pluginAssetLoader=u;function u(t,o){return t.setvar("LOADING",0),{loadScript:s(t,o),loadImage:L(t,o),loadFont:p(t,o)}}})();
 /*! Asset Loader plugin for litecanvas v0.4.2 by Luiz Bills | MIT Licensed */
diff --git a/public/sw.js b/public/sw.js
index c6f5fd3..1298e47 100644
--- a/public/sw.js
+++ b/public/sw.js
@@ -1,5 +1,5 @@
 const cacheName = "luizbills.litecanvas-editor-v1";
-const version = "1.46.1";
+const version = "1.47.0";
 
 const precacheResources = [
   "/",
diff --git a/src/completions.js b/src/completions.js
index 56f8810..a683676 100644
--- a/src/completions.js
+++ b/src/completions.js
@@ -286,6 +286,12 @@ export default function customCompletions(context) {
         apply: "clamp(",
         detail: "(value, min, max)",
       },
+      {
+        label: "wrap",
+        type: "function",
+        apply: "wrap(",
+        detail: "(value, min, max)",
+      },
       {
         label: "lerp",
         type: "function",