litecanvas 0.75.0 → 0.76.0

package/dist/dist.dev.js

@@ -36,7 +36,6 @@
         () => elem.removeEventListener(evt, callback, false)
       );
     }, isFinite = Number.isFinite, defaults = {
-      fullscreen: true,
       width: null,
       height: null,
       autoscale: true,
@@ -51,7 +50,7 @@
       animate: true
     };
     settings = Object.assign(defaults, settings);
-    let _initialized = false, _plugins = [], _canvas = settings.canvas || document.createElement("canvas"), _fullscreen = settings.fullscreen, _autoscale = settings.autoscale, _animated = settings.animate, _scale = 1, _ctx, _outline_fix = 0.5, _timeScale = 1, _lastFrameTime, _deltaTime, _accumulated = 0, _rafid, _fontFamily = "sans-serif", _fontSize = 32, _rng_seed = Date.now(), _global = settings.global, _events = {
+    let _initialized = false, _plugins = [], _canvas = settings.canvas || document.createElement("canvas"), _autoscale = settings.autoscale, _animated = settings.animate, _scale = 1, _ctx, _outline_fix = 0.5, _timeScale = 1, _lastFrameTime, _deltaTime, _accumulated = 0, _rafid, _fontFamily = "sans-serif", _fontSize = 32, _rng_seed = Date.now(), _global = settings.global, _events = {
       init: null,
       update: null,
       draw: null,
@@ -111,11 +110,9 @@
        * @tutorial https://gamedev.net/tutorials/programming/general-and-gameplay-programming/a-brief-introduction-to-lerp-r4954/
        */
       lerp: (start, end, t) => {
-        if (true) {
-          assert(isFinite(start), "lerp: 1st param must be a number");
-          assert(isFinite(end), "lerp: 2nd param must be a number");
-          assert(isFinite(t), "lerp: 3rd param must be a number");
-        }
+        DEV: assert(isFinite(start), "lerp: 1st param must be a number");
+        DEV: assert(isFinite(end), "lerp: 2nd param must be a number");
+        DEV: assert(isFinite(t), "lerp: 3rd param must be a number");
         return t * (end - start) + start;
       },
       /**
@@ -125,9 +122,7 @@
        * @returns {number} the value in radians
        */
       deg2rad: (degs) => {
-        if (true) {
-          assert(isFinite(degs), "deg2rad: 1st param must be a number");
-        }
+        DEV: assert(isFinite(degs), "deg2rad: 1st param must be a number");
         return PI / 180 * degs;
       },
       /**
@@ -137,9 +132,7 @@
        * @returns {number} the value in degrees
        */
       rad2deg: (rads) => {
-        if (true) {
-          assert(isFinite(rads), "rad2deg: 1st param must be a number");
-        }
+        DEV: assert(isFinite(rads), "rad2deg: 1st param must be a number");
         return 180 / PI * rads;
       },
       /**
@@ -151,15 +144,13 @@
        * @returns {number}
        */
       clamp: (value, min, max) => {
-        if (true) {
-          assert(isFinite(value), "clamp: 1st param must be a number");
-          assert(isFinite(min), "clamp: 2nd param must be a number");
-          assert(isFinite(max), "clamp: 3rd param must be a number");
-          assert(
-            max > min,
-            "randi: the 2nd param must be less than the 3rd param"
-          );
-        }
+        DEV: assert(isFinite(value), "clamp: 1st param must be a number");
+        DEV: assert(isFinite(min), "clamp: 2nd param must be a number");
+        DEV: assert(isFinite(max), "clamp: 3rd param must be a number");
+        DEV: assert(
+          max > min,
+          "randi: the 2nd param must be less than the 3rd param"
+        );
         if (value < min) return min;
         if (value > max) return max;
         return value;
@@ -173,19 +164,17 @@
        * @returns {number}
        */
       wrap: (value, min, max) => {
-        if (true) {
-          assert(isFinite(value), "wrap: 1st param must be a number");
-          assert(isFinite(min), "wrap: 2nd param must be a number");
-          assert(isFinite(max), "wrap: 3rd param must be a number");
-          assert(
-            max > min,
-            "randi: the 2nd param must be less than the 3rd param"
-          );
-          assert(
-            max !== min,
-            "randi: the 2nd param must be not equal to the 3rd param"
-          );
-        }
+        DEV: assert(isFinite(value), "wrap: 1st param must be a number");
+        DEV: assert(isFinite(min), "wrap: 2nd param must be a number");
+        DEV: assert(isFinite(max), "wrap: 3rd param must be a number");
+        DEV: assert(
+          max > min,
+          "randi: the 2nd param must be less than the 3rd param"
+        );
+        DEV: assert(
+          max !== min,
+          "randi: the 2nd param must be not equal to the 3rd param"
+        );
         return value - (max - min) * Math.floor((value - min) / (max - min));
       },
       /**
@@ -200,13 +189,11 @@
        * @returns {number} the remapped number
        */
       map(value, start1, stop1, start2, stop2, withinBounds) {
-        if (true) {
-          assert(isFinite(value), "map: 1st param must be a number");
-          assert(isFinite(start1), "map: 2nd param must be a number");
-          assert(isFinite(stop1), "map: 3rd param must be a number");
-          assert(isFinite(start2), "map: 4th param must be a number");
-          assert(isFinite(stop2), "map: 5th param must be a number");
-        }
+        DEV: assert(isFinite(value), "map: 1st param must be a number");
+        DEV: assert(isFinite(start1), "map: 2nd param must be a number");
+        DEV: assert(isFinite(stop1), "map: 3rd param must be a number");
+        DEV: assert(isFinite(start2), "map: 4th param must be a number");
+        DEV: assert(isFinite(stop2), "map: 5th param must be a number");
         const result = (value - start1) / (stop1 - start1) * (stop2 - start2) + start2;
         return withinBounds ? instance.clamp(result, start2, stop2) : result;
       },
@@ -221,11 +208,9 @@
        * @returns {number} the normalized number.
        */
       norm: (value, start, stop) => {
-        if (true) {
-          assert(isFinite(value), "norm: 1st param must be a number");
-          assert(isFinite(start), "norm: 2nd param must be a number");
-          assert(isFinite(stop), "norm: 3rd param must be a number");
-        }
+        DEV: assert(isFinite(value), "norm: 1st param must be a number");
+        DEV: assert(isFinite(start), "norm: 2nd param must be a number");
+        DEV: assert(isFinite(stop), "norm: 3rd param must be a number");
         return instance.map(value, start, stop, 0, 1);
       },
       /** RNG API */
@@ -238,14 +223,12 @@
        * @returns {number} the random number
        */
       rand: (min = 0, max = 1) => {
-        if (true) {
-          assert(isFinite(min), "rand: 1st param must be a number");
-          assert(isFinite(max), "rand: 2nd param must be a number");
-          assert(
-            max > min,
-            "rand: the 1st param must be less than the 2nd param"
-          );
-        }
+        DEV: assert(isFinite(min), "rand: 1st param must be a number");
+        DEV: assert(isFinite(max), "rand: 2nd param must be a number");
+        DEV: assert(
+          max > min,
+          "rand: the 1st param must be less than the 2nd param"
+        );
         const a = 1664525;
         const c = 1013904223;
         const m = 4294967296;
@@ -260,14 +243,12 @@
        * @returns {number} the random number
        */
       randi: (min = 0, max = 1) => {
-        if (true) {
-          assert(isFinite(min), "randi: 1st param must be a number");
-          assert(isFinite(max), "randi: 2nd param must be a number");
-          assert(
-            max > min,
-            "randi: the 1st param must be less than the 2nd param"
-          );
-        }
+        DEV: assert(isFinite(min), "randi: 1st param must be a number");
+        DEV: assert(isFinite(max), "randi: 2nd param must be a number");
+        DEV: assert(
+          max > min,
+          "randi: the 1st param must be less than the 2nd param"
+        );
         return Math.floor(instance.rand(min, max + 1));
       },
       /**
@@ -278,12 +259,10 @@
        * @returns {number} the seed state
        */
       seed: (value) => {
-        if (true) {
-          assert(
-            null == value || isFinite(value) && value >= 0,
-            "seed: 1st param must be a positive number or zero"
-          );
-        }
+        DEV: assert(
+          null == value || isFinite(value) && value >= 0,
+          "seed: 1st param must be a positive number or zero"
+        );
         return null == value ? _rng_seed : _rng_seed = ~~value;
       },
       /** BASIC GRAPHICS API */
@@ -293,12 +272,10 @@
        * @param {number?} color The background color (index) or null (for transparent)
        */
       cls(color) {
-        if (true) {
-          assert(
-            null == color || isFinite(color) && color >= 0,
-            "cls: 1st param must be a positive number or zero or null"
-          );
-        }
+        DEV: assert(
+          null == color || isFinite(color) && color >= 0,
+          "cls: 1st param must be a positive number or zero or null"
+        );
         if (null == color) {
           _ctx.clearRect(0, 0, _ctx.canvas.width, _ctx.canvas.height);
         } else {
@@ -322,26 +299,24 @@
        * @param {number|number[]} [radii] A number or list specifying the radii used to draw a rounded-borders rectangle
        */
       rect(x, y, width, height, color, radii = null) {
-        if (true) {
-          assert(isFinite(x), "rect: 1st param must be a number");
-          assert(isFinite(y), "rect: 2nd param must be a number");
-          assert(
-            isFinite(width) && width > 0,
-            "rect: 3rd param must be a positive number"
-          );
-          assert(
-            isFinite(height) && height >= 0,
-            "rect: 4th param must be a positive number or zero"
-          );
-          assert(
-            null == color || isFinite(color) && color >= 0,
-            "rect: 5th param must be a positive number or zero"
-          );
-          assert(
-            null == radii || isFinite(radii) || Array.isArray(radii) && radii.length >= 1,
-            "rect: 6th param must be a number or array of numbers"
-          );
-        }
+        DEV: assert(isFinite(x), "rect: 1st param must be a number");
+        DEV: assert(isFinite(y), "rect: 2nd param must be a number");
+        DEV: assert(
+          isFinite(width) && width > 0,
+          "rect: 3rd param must be a positive number"
+        );
+        DEV: assert(
+          isFinite(height) && height >= 0,
+          "rect: 4th param must be a positive number or zero"
+        );
+        DEV: assert(
+          null == color || isFinite(color) && color >= 0,
+          "rect: 5th param must be a positive number or zero"
+        );
+        DEV: assert(
+          null == radii || isFinite(radii) || Array.isArray(radii) && radii.length >= 1,
+          "rect: 6th param must be a number or array of numbers"
+        );
         _ctx.beginPath();
         _ctx[radii ? "roundRect" : "rect"](
           ~~x - _outline_fix,
@@ -363,26 +338,24 @@
        * @param {number|number[]} [radii] A number or list specifying the radii used to draw a rounded-borders rectangle
        */
       rectfill(x, y, width, height, color, radii = null) {
-        if (true) {
-          assert(isFinite(x), "rectfill: 1st param must be a number");
-          assert(isFinite(y), "rectfill: 2nd param must be a number");
-          assert(
-            isFinite(width) && width >= 0,
-            "rectfill: 3rd param must be a positive number or zero"
-          );
-          assert(
-            isFinite(height) && height >= 0,
-            "rectfill: 4th param must be a positive number or zero"
-          );
-          assert(
-            null == color || isFinite(color) && color >= 0,
-            "rectfill: 5th param must be a positive number or zero"
-          );
-          assert(
-            null == radii || isFinite(radii) || Array.isArray(radii) && radii.length >= 1,
-            "rectfill: 6th param must be a number or array of at least 2 numbers"
-          );
-        }
+        DEV: assert(isFinite(x), "rectfill: 1st param must be a number");
+        DEV: assert(isFinite(y), "rectfill: 2nd param must be a number");
+        DEV: assert(
+          isFinite(width) && width >= 0,
+          "rectfill: 3rd param must be a positive number or zero"
+        );
+        DEV: assert(
+          isFinite(height) && height >= 0,
+          "rectfill: 4th param must be a positive number or zero"
+        );
+        DEV: assert(
+          null == color || isFinite(color) && color >= 0,
+          "rectfill: 5th param must be a positive number or zero"
+        );
+        DEV: assert(
+          null == radii || isFinite(radii) || Array.isArray(radii) && radii.length >= 1,
+          "rectfill: 6th param must be a number or array of at least 2 numbers"
+        );
         _ctx.beginPath();
         _ctx[radii ? "roundRect" : "rect"](
           ~~x,
@@ -402,18 +375,16 @@
        * @param {number} [color=0] the color index
        */
       circ(x, y, radius, color) {
-        if (true) {
-          assert(isFinite(x), "circ: 1st param must be a number");
-          assert(isFinite(y), "circ: 2nd param must be a number");
-          assert(
-            isFinite(radius) && radius >= 0,
-            "circ: 3rd param must be a positive number or zero"
-          );
-          assert(
-            null == color || isFinite(color) && color >= 0,
-            "circ: 4th param must be a positive number or zero"
-          );
-        }
+        DEV: assert(isFinite(x), "circ: 1st param must be a number");
+        DEV: assert(isFinite(y), "circ: 2nd param must be a number");
+        DEV: assert(
+          isFinite(radius) && radius >= 0,
+          "circ: 3rd param must be a positive number or zero"
+        );
+        DEV: assert(
+          null == color || isFinite(color) && color >= 0,
+          "circ: 4th param must be a positive number or zero"
+        );
         _ctx.beginPath();
         _ctx.arc(~~x, ~~y, ~~radius, 0, TWO_PI);
         instance.stroke(color);
@@ -427,18 +398,16 @@
        * @param {number} [color=0] the color index
        */
       circfill(x, y, radius, color) {
-        if (true) {
-          assert(isFinite(x), "circfill: 1st param must be a number");
-          assert(isFinite(y), "circfill: 2nd param must be a number");
-          assert(
-            isFinite(radius) && radius >= 0,
-            "circfill: 3rd param must be a positive number or zero"
-          );
-          assert(
-            null == color || isFinite(color) && color >= 0,
-            "circfill: 4th param must be a positive number or zero"
-          );
-        }
+        DEV: assert(isFinite(x), "circfill: 1st param must be a number");
+        DEV: assert(isFinite(y), "circfill: 2nd param must be a number");
+        DEV: assert(
+          isFinite(radius) && radius >= 0,
+          "circfill: 3rd param must be a positive number or zero"
+        );
+        DEV: assert(
+          null == color || isFinite(color) && color >= 0,
+          "circfill: 4th param must be a positive number or zero"
+        );
         _ctx.beginPath();
         _ctx.arc(~~x, ~~y, ~~radius, 0, TWO_PI);
         instance.fill(color);
@@ -453,22 +422,20 @@
        * @param {number} [color=0] the color index
        */
       line(x1, y1, x2, y2, color) {
-        if (true) {
-          assert(isFinite(x1), "line: 1st param must be a number");
-          assert(isFinite(y1), "line: 2nd param must be a number");
-          assert(
-            isFinite(x2),
-            "line: 3rd param must be a positive number or zero"
-          );
-          assert(
-            isFinite(y2),
-            "line: 4th param must be a positive number or zero"
-          );
-          assert(
-            null == color || isFinite(color) && color >= 0,
-            "line: 5th param must be a positive number or zero"
-          );
-        }
+        DEV: assert(isFinite(x1), "line: 1st param must be a number");
+        DEV: assert(isFinite(y1), "line: 2nd param must be a number");
+        DEV: assert(
+          isFinite(x2),
+          "line: 3rd param must be a positive number or zero"
+        );
+        DEV: assert(
+          isFinite(y2),
+          "line: 4th param must be a positive number or zero"
+        );
+        DEV: assert(
+          null == color || isFinite(color) && color >= 0,
+          "line: 5th param must be a positive number or zero"
+        );
         _ctx.beginPath();
         let xfix = _outline_fix !== 0 && ~~x1 === ~~x2 ? 0.5 : 0;
         let yfix = _outline_fix !== 0 && ~~y1 === ~~y2 ? 0.5 : 0;
@@ -483,12 +450,10 @@
        * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineWidth
        */
       linewidth(value) {
-        if (true) {
-          assert(
-            isFinite(value) && ~~value > 0,
-            "linewidth: 1st param must be a positive number"
-          );
-        }
+        DEV: assert(
+          isFinite(value) && ~~value > 0,
+          "linewidth: 1st param must be a positive number"
+        );
         _ctx.lineWidth = ~~value;
         _outline_fix = ~~value % 2 === 0 ? 0 : 0.5;
       },
@@ -501,13 +466,14 @@
        * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset
        */
       linedash(segments, offset = 0) {
-        if (true) {
-          assert(
-            Array.isArray(segments) && segments.length > 0,
-            "linedash: 1st param must be an array of numbers"
-          );
-          assert(isFinite(offset), "linedash: 2nd param must be a number");
-        }
+        DEV: assert(
+          Array.isArray(segments) && segments.length > 0,
+          "linedash: 1st param must be an array of numbers"
+        );
+        DEV: assert(
+          isFinite(offset),
+          "linedash: 2nd param must be a number"
+        );
         _ctx.setLineDash(segments);
         _ctx.lineDashOffset = offset;
       },
@@ -522,18 +488,16 @@
        * @param {string} [fontStyle] can be "normal" (default), "italic" and/or "bold".
        */
       text(x, y, message, color = 3, fontStyle = "normal") {
-        if (true) {
-          assert(isFinite(x), "text: 1st param must be a number");
-          assert(isFinite(y), "text: 2nd param must be a number");
-          assert(
-            null == color || isFinite(color) && color >= 0,
-            "text: 4th param must be a positive number or zero"
-          );
-          assert(
-            "string" === typeof fontStyle,
-            "text: 5th param must be a string"
-          );
-        }
+        DEV: assert(isFinite(x), "text: 1st param must be a number");
+        DEV: assert(isFinite(y), "text: 2nd param must be a number");
+        DEV: assert(
+          null == color || isFinite(color) && color >= 0,
+          "text: 4th param must be a positive number or zero"
+        );
+        DEV: assert(
+          "string" === typeof fontStyle,
+          "text: 5th param must be a string"
+        );
         _ctx.font = `${fontStyle} ${_fontSize}px ${_fontFamily}`;
         _ctx.fillStyle = instance.getcolor(color);
         _ctx.fillText(message, ~~x, ~~y);
@@ -544,12 +508,10 @@
        * @param {string} family
        */
       textfont(family) {
-        if (true) {
-          assert(
-            "string" === typeof family,
-            "textfont: 1st param must be a string"
-          );
-        }
+        DEV: assert(
+          "string" === typeof family,
+          "textfont: 1st param must be a string"
+        );
         _fontFamily = family;
       },
       /**
@@ -558,9 +520,7 @@
        * @param {number} size
        */
       textsize(size) {
-        if (true) {
-          assert(isFinite(size), "textsize: 1st param must be a number");
-        }
+        DEV: assert(isFinite(size), "textsize: 1st param must be a number");
         _fontSize = size;
       },
       /**
@@ -572,25 +532,21 @@
        * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/textAlign
        */
       textalign(align, baseline) {
-        if (true) {
-          assert(
-            null == align || ["left", "right", "center", "start", "end"].includes(
-              align
-            ),
-            "textalign: 1st param must be a string"
-          );
-          assert(
-            null == baseline || [
-              "top",
-              "bottom",
-              "middle",
-              "hanging",
-              "alphabetic",
-              "ideographic"
-            ].includes(baseline),
-            "textalign: 2nd param must be a string"
-          );
-        }
+        DEV: assert(
+          null == align || ["left", "right", "center", "start", "end"].includes(align),
+          "textalign: 1st param must be a string"
+        );
+        DEV: assert(
+          null == baseline || [
+            "top",
+            "bottom",
+            "middle",
+            "hanging",
+            "alphabetic",
+            "ideographic"
+          ].includes(baseline),
+          "textalign: 2nd param must be a string"
+        );
         if (align) _ctx.textAlign = align;
         if (baseline) _ctx.textBaseline = baseline;
       },
@@ -603,10 +559,8 @@
        * @param {OffscreenCanvas|HTMLImageElement|HTMLCanvasElement} source
        */
       image(x, y, source) {
-        if (true) {
-          assert(isFinite(x), "image: 1st param must be a number");
-          assert(isFinite(y), "image: 2nd param must be a number");
-        }
+        DEV: assert(isFinite(x), "image: 1st param must be a number");
+        DEV: assert(isFinite(y), "image: 2nd param must be a number");
         _ctx.drawImage(source, ~~x, ~~y);
       },
       /**
@@ -622,18 +576,16 @@
        * @see https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas
        */
       paint(width, height, drawing, options = {}) {
-        if (true) {
-          assert(isFinite(width), "paint: 1st param must be a number");
-          assert(isFinite(height), "paint: 2nd param must be a number");
-          assert(
-            "function" === typeof drawing || Array.isArray(drawing),
-            "paint: 3rd param must be a function or array"
-          );
-          assert(
-            options && !options.scale || isFinite(options.scale),
-            "paint: 4th param (options.scale) must be a number"
-          );
-        }
+        DEV: assert(isFinite(width), "paint: 1st param must be a number");
+        DEV: assert(isFinite(height), "paint: 2nd param must be a number");
+        DEV: assert(
+          "function" === typeof drawing || Array.isArray(drawing),
+          "paint: 3rd param must be a function or array"
+        );
+        DEV: assert(
+          options && !options.scale || isFinite(options.scale),
+          "paint: 4th param (options.scale) must be a number"
+        );
         const canvas = options.canvas || new OffscreenCanvas(1, 1), scale = options.scale || 1, contextOriginal = _ctx;
         canvas.width = width * scale;
         canvas.height = height * scale;
@@ -667,8 +619,6 @@
        * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D
        */
       ctx(context) {
-        if (true) {
-        }
         if (context) {
           _ctx = context;
         }
@@ -693,10 +643,8 @@
        * @param {number} y
        */
       translate: (x, y) => {
-        if (true) {
-          assert(isFinite(x), "translate: 1st param must be a number");
-          assert(isFinite(y), "translate: 2nd param must be a number");
-        }
+        DEV: assert(isFinite(x), "translate: 1st param must be a number");
+        DEV: assert(isFinite(y), "translate: 2nd param must be a number");
         return _ctx.translate(~~x, ~~y);
       },
       /**
@@ -706,13 +654,11 @@
        * @param {number} [y]
        */
       scale: (x, y) => {
-        if (true) {
-          assert(isFinite(x), "scale: 1st param must be a number");
-          assert(
-            y == null || isFinite(y),
-            "scale: 2nd param must be a number"
-          );
-        }
+        DEV: assert(isFinite(x), "scale: 1st param must be a number");
+        DEV: assert(
+          y == null || isFinite(y),
+          "scale: 2nd param must be a number"
+        );
         return _ctx.scale(x, y || x);
       },
       /**
@@ -721,9 +667,7 @@
        * @param {number} radians
        */
       rotate: (radians) => {
-        if (true) {
-          assert(isFinite(radians), "rotate: 1st param must be a number");
-        }
+        DEV: assert(isFinite(radians), "rotate: 1st param must be a number");
         return _ctx.rotate(radians);
       },
       /**
@@ -733,9 +677,7 @@
        * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalAlpha
        */
       alpha(value) {
-        if (true) {
-          assert(isFinite(value), "alpha: 1st param must be a number");
-        }
+        DEV: assert(isFinite(value), "alpha: 1st param must be a number");
         _ctx.globalAlpha = instance.clamp(value, 0, 1);
       },
       /**
@@ -748,12 +690,10 @@
        * @see https://developer.mozilla.org/en-US/docs/Web/API/Path2D/Path2D
        */
       path: (arg) => {
-        if (true) {
-          assert(
-            null == arg || "string" === typeof arg || arg instanceof Path2D,
-            "path: 1st param must be a string or a Path2D instance"
-          );
-        }
+        DEV: assert(
+          null == arg || "string" === typeof arg || arg instanceof Path2D,
+          "path: 1st param must be a string or a Path2D instance"
+        );
         return new Path2D(arg);
       },
       /**
@@ -763,16 +703,14 @@
        * @param {Path2D} [path]
        */
       fill(color, path) {
-        if (true) {
-          assert(
-            null == color || isFinite(color) && color >= 0,
-            "fill: 1st param must be a positive number or zero"
-          );
-          assert(
-            null == path || path instanceof Path2D,
-            "fill: 2nd param must be a Path2D instance"
-          );
-        }
+        DEV: assert(
+          null == color || isFinite(color) && color >= 0,
+          "fill: 1st param must be a positive number or zero"
+        );
+        DEV: assert(
+          null == path || path instanceof Path2D,
+          "fill: 2nd param must be a Path2D instance"
+        );
         _ctx.fillStyle = instance.getcolor(color);
         if (path) {
           _ctx.fill(path);
@@ -787,16 +725,14 @@
        * @param {Path2D} [path]
        */
       stroke(color, path) {
-        if (true) {
-          assert(
-            null == color || isFinite(color) && color >= 0,
-            "stroke: 1st param must be a positive number or zero"
-          );
-          assert(
-            null == path || path instanceof Path2D,
-            "stroke: 2nd param must be a Path2D instance"
-          );
-        }
+        DEV: assert(
+          null == color || isFinite(color) && color >= 0,
+          "stroke: 1st param must be a positive number or zero"
+        );
+        DEV: assert(
+          null == path || path instanceof Path2D,
+          "stroke: 2nd param must be a Path2D instance"
+        );
         _ctx.strokeStyle = instance.getcolor(color);
         if (path) {
           _ctx.stroke(path);
@@ -811,12 +747,10 @@
        * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/clip
        */
       clip(path) {
-        if (true) {
-          assert(
-            path instanceof Path2D,
-            "clip: 1st param must be a Path2D instance"
-          );
-        }
+        DEV: assert(
+          path instanceof Path2D,
+          "clip: 1st param must be a Path2D instance"
+        );
         _ctx.clip(path);
       },
       /** SOUND API */
@@ -832,17 +766,15 @@
        * @see https://github.com/KilledByAPixel/ZzFX
        */
       sfx(zzfxParams, pitchSlide = 0, volumeFactor = 1) {
-        if (true) {
-          assert(
-            null == zzfxParams || Array.isArray(zzfxParams),
-            "sfx: 1st param must be an array"
-          );
-          assert(isFinite(pitchSlide), "sfx: 2nd param must be a number");
-          assert(
-            isFinite(volumeFactor),
-            "sfx: 3rd param must be a number"
-          );
-        }
+        DEV: assert(
+          null == zzfxParams || Array.isArray(zzfxParams),
+          "sfx: 1st param must be an array"
+        );
+        DEV: assert(isFinite(pitchSlide), "sfx: 2nd param must be a number");
+        DEV: assert(
+          isFinite(volumeFactor),
+          "sfx: 3rd param must be a number"
+        );
         if (root.zzfxV <= 0 || navigator.userActivation && !navigator.userActivation.hasBeenActive) {
           return false;
         }
@@ -862,9 +794,7 @@
        * @param {number} value
        */
       volume(value) {
-        if (true) {
-          assert(isFinite(value), "volume: 1st param must be a number");
-        }
+        DEV: assert(isFinite(value), "volume: 1st param must be a number");
         root.zzfxV = value;
       },
       /** UTILS API */
@@ -882,16 +812,14 @@
        * @returns {boolean}
        */
       colrect: (x1, y1, w1, h1, x2, y2, w2, h2) => {
-        if (true) {
-          assert(isFinite(x1), "colrect: 1st param must be a number");
-          assert(isFinite(y1), "colrect: 2nd param must be a number");
-          assert(isFinite(w1), "colrect: 3rd param must be a number");
-          assert(isFinite(h1), "colrect: 4th param must be a number");
-          assert(isFinite(x2), "colrect: 5th param must be a number");
-          assert(isFinite(y2), "colrect: 6th param must be a number");
-          assert(isFinite(w2), "colrect: 7th param must be a number");
-          assert(isFinite(h2), "colrect: 8th param must be a number");
-        }
+        DEV: assert(isFinite(x1), "colrect: 1st param must be a number");
+        DEV: assert(isFinite(y1), "colrect: 2nd param must be a number");
+        DEV: assert(isFinite(w1), "colrect: 3rd param must be a number");
+        DEV: assert(isFinite(h1), "colrect: 4th param must be a number");
+        DEV: assert(isFinite(x2), "colrect: 5th param must be a number");
+        DEV: assert(isFinite(y2), "colrect: 6th param must be a number");
+        DEV: assert(isFinite(w2), "colrect: 7th param must be a number");
+        DEV: assert(isFinite(h2), "colrect: 8th param must be a number");
         return x1 < x2 + w2 && x1 + w1 > x2 && y1 < y2 + h2 && y1 + h1 > y2;
       },
       /**
@@ -906,14 +834,12 @@
        * @returns {boolean}
        */
       colcirc: (x1, y1, r1, x2, y2, r2) => {
-        if (true) {
-          assert(isFinite(x1), "colcirc: 1st param must be a number");
-          assert(isFinite(y1), "colcirc: 2nd param must be a number");
-          assert(isFinite(r1), "colcirc: 3rd param must be a number");
-          assert(isFinite(x2), "colcirc: 4th param must be a number");
-          assert(isFinite(y2), "colcirc: 5th param must be a number");
-          assert(isFinite(r2), "colcirc: 6th param must be a number");
-        }
+        DEV: assert(isFinite(x1), "colcirc: 1st param must be a number");
+        DEV: assert(isFinite(y1), "colcirc: 2nd param must be a number");
+        DEV: assert(isFinite(r1), "colcirc: 3rd param must be a number");
+        DEV: assert(isFinite(x2), "colcirc: 4th param must be a number");
+        DEV: assert(isFinite(y2), "colcirc: 5th param must be a number");
+        DEV: assert(isFinite(r2), "colcirc: 6th param must be a number");
         return (x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1) <= (r1 + r2) * (r1 + r2);
       },
       /** PLUGINS API */
@@ -923,16 +849,14 @@
        * @param {pluginCallback} callback
        */
       use(callback, config = {}) {
-        if (true) {
-          assert(
-            "function" === typeof callback,
-            "use: 1st param must be a function"
-          );
-          assert(
-            "object" === typeof config,
-            "use: 2nd param must be an object"
-          );
-        }
+        DEV: assert(
+          "function" === typeof callback,
+          "use: 1st param must be a function"
+        );
+        DEV: assert(
+          "object" === typeof config,
+          "use: 2nd param must be an object"
+        );
         _initialized ? loadPlugin(callback, config) : _plugins.push([callback, config]);
       },
       /**
@@ -943,16 +867,14 @@
        * @returns {Function} a function to remove the listener
        */
       listen(eventName, callback) {
-        if (true) {
-          assert(
-            "string" === typeof eventName,
-            "listen: 1st param must be a string"
-          );
-          assert(
-            "function" === typeof callback,
-            "listen: 2nd param must be a function"
-          );
-        }
+        DEV: assert(
+          "string" === typeof eventName,
+          "listen: 1st param must be a string"
+        );
+        DEV: assert(
+          "function" === typeof callback,
+          "listen: 2nd param must be a function"
+        );
         _events[eventName] = _events[eventName] || /* @__PURE__ */ new Set();
         _events[eventName].add(callback);
         return () => _events[eventName].delete(callback);
@@ -967,15 +889,15 @@
        * @param {*} [arg4] any data to be passed over the listeners
        */
       emit(eventName, arg1, arg2, arg3, arg4) {
-        if (true) {
-          assert(
-            "string" === typeof eventName,
-            "emit: 1st param must be a string"
-          );
+        DEV: assert(
+          "string" === typeof eventName,
+          "emit: 1st param must be a string"
+        );
+        if (_initialized) {
+          triggerEvent("before:" + eventName, arg1, arg2, arg3, arg4);
+          triggerEvent(eventName, arg1, arg2, arg3, arg4);
+          triggerEvent("after:" + 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
@@ -984,12 +906,10 @@
        * @returns {string} the color code
        */
       getcolor: (index) => {
-        if (true) {
-          assert(
-            null == index || isFinite(index) && index >= 0,
-            "getcolor: 1st param must be a number"
-          );
-        }
+        DEV: assert(
+          null == index || isFinite(index) && index >= 0,
+          "getcolor: 1st param must be a number"
+        );
         return colors[~~index % colors.length];
       },
       /**
@@ -999,13 +919,12 @@
        * @param {*} value
        */
       setvar(key, value) {
-        if (true) {
-          assert(
-            "string" === typeof key,
-            "setvar: 1st param must be a string"
-          );
-          if (value == null) {
-          }
+        DEV: assert(
+          "string" === typeof key,
+          "setvar: 1st param must be a string"
+        );
+        if (value == null) {
+          console.warn(`setvar: key "${key}" was defined as ${value}`);
         }
         instance[key] = value;
         if (_global) {
@@ -1019,13 +938,19 @@
        * @param {number} height
        */
       resize(width, height) {
-        if (true) {
-          assert(isFinite(width), "resize: 1st param must be a number");
-          assert(isFinite(height), "resize: 2nd param must be a number");
-        }
+        DEV: assert(
+          isFinite(width) && width > 0,
+          "resize: 1st param must be a number"
+        );
+        DEV: assert(
+          isFinite(height) && height > 0,
+          "resize: 2nd param must be a number"
+        );
         instance.setvar("WIDTH", _canvas.width = width);
         instance.setvar("HEIGHT", _canvas.height = height);
-        pageResized();
+        instance.setvar("CENTERX", instance.WIDTH / 2);
+        instance.setvar("CENTERY", instance.HEIGHT / 2);
+        onResize();
       },
       /**
        * The scale of the game's delta time (dt).
@@ -1035,9 +960,10 @@
        * @param {number} value
        */
       timescale(value) {
-        if (true) {
-          assert(isFinite(value), "timescale: 1st param must be a number");
-        }
+        DEV: assert(
+          isFinite(value),
+          "timescale: 1st param must be a number"
+        );
         _timeScale = value;
       },
       /**
@@ -1046,12 +972,10 @@
        * @param {number} value
        */
       setfps(value) {
-        if (true) {
-          assert(
-            isFinite(value) && value >= 1,
-            "setfps: 1st param must be a positive number"
-          );
-        }
+        DEV: assert(
+          isFinite(value) && value >= 1,
+          "setfps: 1st param must be a positive number"
+        );
         _deltaTime = 1 / ~~value;
       },
       /**
@@ -1084,10 +1008,9 @@
       for (const [callback, config] of _plugins) {
         loadPlugin(callback, config);
       }
-      if (_fullscreen || _autoscale) {
-        on(root, "resize", pageResized);
+      if (_autoscale) {
+        on(root, "resize", onResize);
       }
-      pageResized();
       if (settings.tapEvents) {
         const _getXY = (pageX, pageY) => [
           (pageX - _canvas.offsetLeft) / _scale,
@@ -1188,12 +1111,10 @@
       if (settings.keyboardEvents) {
         const _keys = /* @__PURE__ */ new Set();
         const iskeydown = (key) => {
-          if (true) {
-            assert(
-              "string" === typeof key,
-              "iskeydown: 1st param must be a string"
-            );
-          }
+          DEV: assert(
+            "string" === typeof key,
+            "iskeydown: 1st param must be a string"
+          );
           return "any" === key ? _keys.size > 0 : _keys.has(key.toLowerCase());
         };
         instance.setvar("iskeydown", iskeydown);
@@ -1226,72 +1147,71 @@
       }
       let updated = 0, frameTime = (now - _lastFrameTime) / 1e3;
       _lastFrameTime = now;
-      if (frameTime > _deltaTime * 30)
-        return void 0;
-      _accumulated += frameTime;
-      if (!_animated) {
-        _accumulated = _deltaTime;
-      }
-      for (; _accumulated >= _deltaTime; _accumulated -= _deltaTime) {
-        instance.emit("update", _deltaTime * _timeScale);
-        instance.setvar(
-          "ELAPSED",
-          instance.ELAPSED + _deltaTime * _timeScale
-        );
-        updated++;
+      if (frameTime > _deltaTime * 30) {
+        console.log("skipping too long frame");
+      } else {
+        _accumulated += frameTime;
+        if (!_animated) {
+          _accumulated = _deltaTime;
+        }
+        for (; _accumulated >= _deltaTime; _accumulated -= _deltaTime) {
+          instance.emit("update", _deltaTime * _timeScale);
+          instance.setvar(
+            "ELAPSED",
+            instance.ELAPSED + _deltaTime * _timeScale
+          );
+          updated++;
+        }
       }
-      if (updated) {
+      if (updated || !_animated) {
         instance.textalign("start", "top");
         instance.emit("draw");
       }
     }
     function setupCanvas() {
       _canvas = "string" === typeof _canvas ? document.querySelector(_canvas) : _canvas;
-      if (true) {
-        assert(
-          _canvas && _canvas.tagName === "CANVAS",
-          "Invalid canvas element"
-        );
-        assert(
-          null === instance.WIDTH || instance.WIDTH > 0,
-          `Litecanvas' "width" option should be null or a positive number`
-        );
-        assert(
-          null === instance.HEIGHT || instance.HEIGHT > 0,
-          `Litecanvas' "width" option should be null or a positive number`
-        );
-      }
+      DEV: assert(
+        _canvas && _canvas.tagName === "CANVAS",
+        "Invalid canvas element"
+      );
+      DEV: assert(
+        null == instance.WIDTH || instance.WIDTH > 0,
+        `Litecanvas' "width" option should be null or a positive number`
+      );
+      DEV: assert(
+        null == instance.HEIGHT || instance.HEIGHT > 0,
+        `Litecanvas' "width" option should be null or a positive number`
+      );
+      DEV: assert(
+        null == instance.HEIGHT || instance.WIDTH > 0 && instance.HEIGHT > 0,
+        `Litecanvas' "width" is required when "heigth" is passed`
+      );
       instance.setvar("CANVAS", _canvas);
       _ctx = _canvas.getContext("2d");
       on(_canvas, "click", () => root.focus());
-      if (instance.WIDTH > 0) {
-        _fullscreen = false;
-      }
       _canvas.style = "";
-      _canvas.width = instance.WIDTH;
-      _canvas.height = instance.HEIGHT || instance.WIDTH;
+      if (!instance.WIDTH) {
+        instance.WIDTH = root.innerWidth;
+        instance.HEIGHT = root.innerHeight;
+      }
+      instance.resize(instance.WIDTH, instance.HEIGHT, false);
       if (!_canvas.parentNode) document.body.appendChild(_canvas);
     }
-    function pageResized() {
-      const pageWidth = root.innerWidth, pageHeight = root.innerHeight, styles = _canvas.style;
-      styles.display = "block";
-      if (_fullscreen) {
-        styles.position = "absolute";
-        styles.inset = 0;
-        instance.setvar("WIDTH", _canvas.width = pageWidth);
-        instance.setvar("HEIGHT", _canvas.height = pageHeight);
-      } else if (_autoscale) {
-        styles.margin = "auto";
+    function onResize() {
+      const styles = _canvas.style;
+      if (_autoscale) {
+        if (!styles.display) {
+          styles.display = "block";
+          styles.margin = "auto";
+        }
         _scale = Math.min(
-          pageWidth / instance.WIDTH,
-          pageHeight / instance.HEIGHT
+          root.innerWidth / instance.WIDTH,
+          root.innerHeight / instance.HEIGHT
         );
         _scale = (settings.pixelart ? ~~_scale : _scale) || 1;
         styles.width = instance.WIDTH * _scale + "px";
         styles.height = instance.HEIGHT * _scale + "px";
       }
-      instance.setvar("CENTERX", instance.WIDTH / 2);
-      instance.setvar("CENTERY", instance.HEIGHT / 2);
       if (!settings.antialias || settings.pixelart) {
         _ctx.imageSmoothingEnabled = false;
         styles.imageRendering = "pixelated";
@@ -1309,12 +1229,10 @@
     }
     function loadPlugin(callback, config) {
       const pluginData = callback(instance, _helpers, config);
-      if (true) {
-        assert(
-          null == pluginData || "object" === typeof pluginData,
-          "Litecanvas plugins should return an object or nothing"
-        );
-      }
+      DEV: assert(
+        null == pluginData || "object" === typeof pluginData,
+        "Litecanvas plugins should return an object or nothing"
+      );
       for (const key in pluginData) {
         instance.setvar(key, pluginData[key]);
       }