litecanvas 0.74.3 → 0.75.1

package/dist/dist.dev.js

@@ -1,27 +1,10 @@
 (() => {
   // src/zzfx.js
   var zzfxX = /* @__PURE__ */ new AudioContext();
-  var 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, N = 0) => {
-    let M = Math, d = 2 * M.PI, R = 44100, 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, h = N < 0 ? -1 : 1, x = d * h * N * 2 / R, L = M.cos(x), Z = M.sin, K = Z(x) / 4, O = 1 + K, X = -2 * L / O, Y = (1 - K) / O, P = (1 + h * L) / 2 / O, Q = -(h + L) / O, S = P, T = 0, U = 0, V = 0, W = 0;
-    e = R * e + 9;
-    m *= R;
-    r *= R;
-    t *= R;
-    c *= R;
-    y *= 500 * d / R ** 3;
-    A *= d / R;
-    v *= d / R;
-    z *= R;
-    l = R * l | 0;
-    p *= 0.3 * (globalThis.zzfxV || 1);
-    for (h = e + m + r + t + c | 0; a < h; k[a++] = f * p)
-      ++J % (100 * F | 0) || (f = q ? 1 < q ? 2 < q ? 3 < q ? Z(g * g) : M.max(M.min(M.tan(g), 1), -1) : 1 - (2 * g / d % 2 + 2) % 2 : 1 - 4 * M.abs(M.round(g / d) - g / d) : Z(g), f = (l ? 1 - B + B * Z(d * a / l) : 1) * (f < 0 ? -1 : 1) * M.abs(f) ** D * (a < e ? a / e : a < e + m ? 1 - (a - e) / m * (1 - w) : a < e + m + r ? w : a < h - c ? (h - a - c) / t * w : 0), f = c ? f / 2 + (c > a ? 0 : (a < h - c ? 1 : (h - a) / c) * k[a - c | 0] / 2 / p) : f, N ? f = W = S * T + Q * (T = U) + P * (U = f) - Y * V - X * (V = W) : 0), x = (b += u += y) * M.cos(A * H++), g += x + x * E * Z(a ** 5), n && ++n > z && (b += v, C += v, n = 0), !l || ++I % l || (b = C, u = G, n = n || 1);
-    p = zzfxX.createBuffer(1, h, R);
-    p.getChannelData(0).set(k);
-    b = zzfxX.createBufferSource();
-    b.buffer = p;
-    b.connect(zzfxX.destination);
-    b.start();
+  var zzfx = (i = 1, d = 0.05, z = 220, e = 0, P = 0, S = 0.1, I = 0, c = 1, T = 0, H = 0, V = 0, J = 0, h = 0, j = 0, K = 0, E = 0, r = 0, B = 1, X = 0, L = 0, D = 0) => {
+    let n = Math, t = 2 * n.PI, a = 44100, F = T *= 500 * t / a / a, O = z *= (1 - d + 2 * d * n.random(d = [])) * t / a, x = 0, _ = 0, f = 0, g = 1, $ = 0, l = 0, o = 0, s = D < 0 ? -1 : 1, u = t * s * D * 2 / a, G = n.cos(u), C = n.sin, Q = C(u) / 4, M = 1 + Q, m = -2 * G / M, y = (1 - Q) / M, R = (1 + s * G) / 2 / M, A = -(s + G) / M, v = R, U = 0, W = 0, Y = 0, Z = 0;
+    for (e = a * e + 9, X *= a, P *= a, S *= a, r *= a, H *= 500 * t / a ** 3, K *= t / a, V *= t / a, J *= a, h = a * h | 0, i *= 0.3 * (globalThis.zzfxV || 1), s = e + X + P + S + r | 0; f < s; d[f++] = o * i) ++l % (100 * E | 0) || (o = I ? 1 < I ? 2 < I ? 3 < I ? C(x * x) : n.max(n.min(n.tan(x), 1), -1) : 1 - (2 * x / t % 2 + 2) % 2 : 1 - 4 * n.abs(n.round(x / t) - x / t) : C(x), o = (h ? 1 - L + L * C(t * f / h) : 1) * (o < 0 ? -1 : 1) * n.abs(o) ** c * (f < e ? f / e : f < e + X ? 1 - (f - e) / X * (1 - B) : f < e + X + P ? B : f < s - r ? (s - f - r) / S * B : 0), o = r ? o / 2 + (r > f ? 0 : (f < s - r ? 1 : (s - f) / r) * d[f - r | 0] / 2 / i) : o, D && (o = Z = v * U + A * (U = W) + R * (W = o) - y * Y - m * (Y = Z))), u = (z += T += H) * n.cos(K * _++), x += u + u * j * C(f ** 5), g && ++g > J && (z += V, O += V, g = 0), !h || ++$ % h || (z = O, T = F, g = g || 1);
+    i = zzfxX.createBuffer(1, s, a), i.getChannelData(0).set(d), z = zzfxX.createBufferSource(), z.buffer = i, z.connect(zzfxX.destination), z.start();
   };
 
   // src/palette.js
@@ -101,13 +84,6 @@
       /** @type {number[]} */
       DEFAULT_SFX: [0.5, , 1675, , 0.06, 0.2, 1, 1.8, , , 637, 0.06],
       /** MATH API */
-      /**
-       * The value of the mathematical constant PI (π).
-       * Approximately 3.14159
-       *
-       * @type {number}
-       */
-      PI,
       /**
        * Twice the value of the mathematical constant PI (π).
        * Approximately 6.28318
@@ -124,7 +100,7 @@
        *
        * @type {number}
        */
-      HALF_PI: PI * 0.5,
+      HALF_PI: PI / 2,
       /**
        * Calculates a linear (interpolation) value over t%.
        *
@@ -135,12 +111,10 @@
        * @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");
-        }
-        return start + t * (end - start);
+        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;
       },
       /**
        * Convert degrees to radians
@@ -149,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;
       },
       /**
@@ -161,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;
       },
       /**
@@ -175,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;
@@ -197,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));
       },
       /**
@@ -224,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;
       },
@@ -245,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 */
@@ -262,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;
@@ -284,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));
       },
       /**
@@ -302,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 */
@@ -317,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 {
@@ -346,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,
@@ -387,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,
@@ -426,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);
@@ -451,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);
@@ -477,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;
@@ -507,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;
       },
@@ -525,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;
       },
@@ -546,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);
@@ -568,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;
       },
       /**
@@ -582,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;
       },
       /**
@@ -596,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;
       },
@@ -627,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);
       },
       /**
@@ -646,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;
@@ -691,8 +620,6 @@
        * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D
        */
       ctx(context) {
-        if (true) {
-        }
         if (context) {
           _ctx = context;
         }
@@ -717,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);
       },
       /**
@@ -730,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);
       },
       /**
@@ -745,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);
       },
       /**
@@ -757,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);
       },
       /**
@@ -772,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);
       },
       /**
@@ -787,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);
@@ -811,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);
@@ -835,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 */
@@ -856,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;
         }
@@ -886,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 */
@@ -906,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;
       },
       /**
@@ -930,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 */
@@ -947,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]);
       },
       /**
@@ -967,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);
@@ -991,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);
@@ -1008,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];
       },
       /**
@@ -1023,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) {
@@ -1043,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();
@@ -1059,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;
       },
       /**
@@ -1070,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;
       },
       /**
@@ -1096,24 +987,7 @@
         }
       }
     };
-    for (const k of [
-      "sin",
-      "cos",
-      "atan2",
-      "hypot",
-      "tan",
-      "abs",
-      "ceil",
-      "round",
-      "floor",
-      "trunc",
-      "min",
-      "max",
-      "pow",
-      "sqrt",
-      "sign",
-      "exp"
-    ]) {
+    for (const k of "PI,sin,cos,atan2,hypot,tan,abs,ceil,round,floor,trunc,min,max,pow,sqrt,sign,exp".split(",")) {
       instance[k] = Math[k];
     }
     function init() {
@@ -1148,17 +1022,32 @@
           const tap = _taps.get(id) || _registerTap(id);
           tap.x = x;
           tap.y = y;
-        }, _checkTapped = (tap) => tap && performance.now() - tap.ts <= 200;
+        }, _checkTapped = (tap) => tap && performance.now() - tap.ts <= 200, preventDefault = (ev) => ev.preventDefault();
         let _pressingMouse = false;
         on(_canvas, "mousedown", (ev) => {
-          ev.preventDefault();
-          const [x, y] = _getXY(ev.pageX, ev.pageY);
-          instance.emit("tap", x, y, 0);
-          _registerTap(0, x, y);
-          _pressingMouse = true;
+          if (ev.button === 0) {
+            preventDefault(ev);
+            const [x, y] = _getXY(ev.pageX, ev.pageY);
+            instance.emit("tap", x, y, 0);
+            _registerTap(0, x, y);
+            _pressingMouse = true;
+          }
+        });
+        on(_canvas, "mouseup", (ev) => {
+          if (ev.button === 0) {
+            preventDefault(ev);
+            const tap = _taps.get(0);
+            const [x, y] = _getXY(ev.pageX, ev.pageY);
+            if (_checkTapped(tap)) {
+              instance.emit("tapped", tap.startX, tap.startY, 0);
+            }
+            instance.emit("untap", x, y, 0);
+            _taps.delete(0);
+            _pressingMouse = false;
+          }
         });
         on(_canvas, "mousemove", (ev) => {
-          ev.preventDefault();
+          preventDefault(ev);
           const [x, y] = _getXY(ev.pageX, ev.pageY);
           instance.setvar("MOUSEX", x);
           instance.setvar("MOUSEY", y);
@@ -1166,19 +1055,8 @@
           instance.emit("tapping", x, y, 0);
           _updateTap(0, x, y);
         });
-        on(_canvas, "mouseup", (ev) => {
-          ev.preventDefault();
-          const tap = _taps.get(0);
-          const [x, y] = _getXY(ev.pageX, ev.pageY);
-          if (_checkTapped(tap)) {
-            instance.emit("tapped", tap.startX, tap.startY, 0);
-          }
-          instance.emit("untap", x, y, 0);
-          _taps.delete(0);
-          _pressingMouse = false;
-        });
         on(_canvas, "touchstart", (ev) => {
-          ev.preventDefault();
+          preventDefault(ev);
           const touches = ev.changedTouches;
           for (const touch of touches) {
             const [x, y] = _getXY(touch.pageX, touch.pageY);
@@ -1187,7 +1065,7 @@
           }
         });
         on(_canvas, "touchmove", (ev) => {
-          ev.preventDefault();
+          preventDefault(ev);
           const touches = ev.changedTouches;
           for (const touch of touches) {
             const [x, y] = _getXY(touch.pageX, touch.pageY);
@@ -1196,7 +1074,7 @@
           }
         });
         const _touchEndHandler = (ev) => {
-          ev.preventDefault();
+          preventDefault(ev);
           const existing = [];
           if (ev.targetTouches.length > 0) {
             for (const touch of ev.targetTouches) {
@@ -1225,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);
@@ -1263,7 +1139,8 @@
       }
       let updated = 0, frameTime = (now - _lastFrameTime) / 1e3;
       _lastFrameTime = now;
-      if (frameTime > 1) return;
+      if (frameTime > _deltaTime * 30)
+        return console.log("skipping too long frame");
       _accumulated += frameTime;
       if (!_animated) {
         _accumulated = _deltaTime;
@@ -1283,6 +1160,18 @@
     }
     function setupCanvas() {
       _canvas = "string" === typeof _canvas ? document.querySelector(_canvas) : _canvas;
+      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());
@@ -1316,7 +1205,7 @@
       instance.setvar("CENTERY", instance.HEIGHT / 2);
       if (!settings.antialias || settings.pixelart) {
         _ctx.imageSmoothingEnabled = false;
-        _canvas.style.imageRendering = "pixelated";
+        styles.imageRendering = "pixelated";
       }
       instance.emit("resized", _scale);
       if (!_animated) {
@@ -1331,10 +1220,12 @@
     }
     function loadPlugin(callback, config) {
       const pluginData = callback(instance, _helpers, config);
-      if ("object" === typeof pluginData) {
-        for (const key of Object.keys(pluginData)) {
-          instance.setvar(key, pluginData[key]);
-        }
+      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]);
       }
     }
     if (_global) {