litecanvas 0.75.0 → 0.75.1

package/dist/dist.dev.js

@@ -111,11 +111,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 +123,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 +133,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 +145,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 +165,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 +190,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 +209,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 +224,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 +244,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 +260,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 +273,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 +300,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 +339,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 +376,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 +399,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 +423,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 +451,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 +467,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 +489,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 +509,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 +521,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 +533,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 +560,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 +577,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 +620,6 @@
        * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D
        */
       ctx(context) {
-        if (true) {
-        }
         if (context) {
           _ctx = context;
         }
@@ -693,10 +644,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 +655,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 +668,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 +678,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 +691,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 +704,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 +726,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 +748,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 +767,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 +795,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 +813,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 +835,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 +850,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 +868,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,12 +890,10 @@
        * @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"
+        );
         triggerEvent("before:" + eventName, arg1, arg2, arg3, arg4);
         triggerEvent(eventName, arg1, arg2, arg3, arg4);
         triggerEvent("after:" + eventName, arg1, arg2, arg3, arg4);
@@ -984,12 +905,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 +918,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,10 +937,8 @@
        * @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), "resize: 1st param must be a number");
+        DEV: assert(isFinite(height), "resize: 2nd param must be a number");
         instance.setvar("WIDTH", _canvas.width = width);
         instance.setvar("HEIGHT", _canvas.height = height);
         pageResized();
@@ -1035,9 +951,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 +963,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;
       },
       /**
@@ -1188,12 +1103,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);
@@ -1227,7 +1140,7 @@
       let updated = 0, frameTime = (now - _lastFrameTime) / 1e3;
       _lastFrameTime = now;
       if (frameTime > _deltaTime * 30)
-        return void 0;
+        return console.log("skipping too long frame");
       _accumulated += frameTime;
       if (!_animated) {
         _accumulated = _deltaTime;
@@ -1247,20 +1160,18 @@
     }
     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`
+      );
       instance.setvar("CANVAS", _canvas);
       _ctx = _canvas.getContext("2d");
       on(_canvas, "click", () => root.focus());
@@ -1309,12 +1220,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]);
       }