litecanvas 0.74.2 → 0.75.0

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%.
        *
@@ -140,7 +116,7 @@
           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);
+        return t * (end - start) + start;
       },
       /**
        * Convert degrees to radians
@@ -1096,24 +1072,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 +1107,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 +1140,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 +1150,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 +1159,7 @@
           }
         });
         const _touchEndHandler = (ev) => {
-          ev.preventDefault();
+          preventDefault(ev);
           const existing = [];
           if (ev.targetTouches.length > 0) {
             for (const touch of ev.targetTouches) {
@@ -1248,7 +1211,6 @@
         });
         on(root, "focus", () => {
           if (!_rafid) {
-            _lastFrameTime = performance.now();
             _rafid = raf(drawFrame);
           }
         });
@@ -1263,8 +1225,10 @@
         _rafid = raf(drawFrame);
       }
       let updated = 0, frameTime = (now - _lastFrameTime) / 1e3;
-      _accumulated += frameTime;
       _lastFrameTime = now;
+      if (frameTime > _deltaTime * 30)
+        return void 0;
+      _accumulated += frameTime;
       if (!_animated) {
         _accumulated = _deltaTime;
       }
@@ -1283,6 +1247,20 @@
     }
     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`
+        );
+      }
       instance.setvar("CANVAS", _canvas);
       _ctx = _canvas.getContext("2d");
       on(_canvas, "click", () => root.focus());
@@ -1316,7 +1294,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 +1309,14 @@
     }
     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]);
-        }
+      if (true) {
+        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) {

package/dist/dist.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
@@ -96,13 +79,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
@@ -119,7 +95,7 @@
        *
        * @type {number}
        */
-      HALF_PI: PI * 0.5,
+      HALF_PI: PI / 2,
       /**
        * Calculates a linear (interpolation) value over t%.
        *
@@ -135,7 +111,7 @@
           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);
+        return t * (end - start) + start;
       },
       /**
        * Convert degrees to radians
@@ -1091,24 +1067,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() {
@@ -1143,17 +1102,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);
@@ -1161,19 +1135,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);
@@ -1182,7 +1145,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);
@@ -1191,7 +1154,7 @@
           }
         });
         const _touchEndHandler = (ev) => {
-          ev.preventDefault();
+          preventDefault(ev);
           const existing = [];
           if (ev.targetTouches.length > 0) {
             for (const touch of ev.targetTouches) {
@@ -1243,7 +1206,6 @@
         });
         on(root, "focus", () => {
           if (!_rafid) {
-            _lastFrameTime = performance.now();
             _rafid = raf(drawFrame);
           }
         });
@@ -1258,8 +1220,10 @@
         _rafid = raf(drawFrame);
       }
       let updated = 0, frameTime = (now - _lastFrameTime) / 1e3;
-      _accumulated += frameTime;
       _lastFrameTime = now;
+      if (frameTime > _deltaTime * 30)
+        return void 0;
+      _accumulated += frameTime;
       if (!_animated) {
         _accumulated = _deltaTime;
       }
@@ -1278,6 +1242,20 @@
     }
     function setupCanvas() {
       _canvas = "string" === typeof _canvas ? document.querySelector(_canvas) : _canvas;
+      if (false) {
+        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`
+        );
+      }
       instance.setvar("CANVAS", _canvas);
       _ctx = _canvas.getContext("2d");
       on(_canvas, "click", () => root.focus());
@@ -1311,7 +1289,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) {
@@ -1326,10 +1304,14 @@
     }
     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]);
-        }
+      if (false) {
+        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) {

package/dist/dist.min.js

@@ -1 +1 @@
-(()=>{var e=new AudioContext,t=(t=1,a=.05,l=220,n=0,i=0,r=.1,o=0,s=1,c=0,f=0,p=0,u=0,d=0,h=0,g=0,m=0,v=0,E=1,b=0,w=0,T=0)=>{let x=Math,y=2*x.PI,D=c*=500*y/44100/44100,H=l*=(1-a+2*a*x.random(a=[]))*y/44100,I=0,S=0,A=0,k=1,C=0,L=0,X=0,O=T<0?-1:1,z=y*O*T*2/44100,M=x.cos(z),P=x.sin,Y=P(z)/4,F=1+Y,W=-2*M/F,_=(1-Y)/F,R=(1+O*M)/2/F,G=-(O+M)/F,N=0,B=0,U=0,j=0;for(n=44100*n+9,b*=44100,i*=44100,r*=44100,v*=44100,f*=500*y/85766121e6,g*=y/44100,p*=y/44100,u*=44100,d=44100*d|0,t*=.3*(globalThis.zzfxV||1),O=n+b+i+r+v|0;A<O;a[A++]=X*t)++L%(100*m|0)||(X=o?1<o?2<o?3<o?P(I*I):x.max(x.min(x.tan(I),1),-1):1-(2*I/y%2+2)%2:1-4*x.abs(x.round(I/y)-I/y):P(I),X=(d?1-w+w*P(y*A/d):1)*(X<0?-1:1)*x.abs(X)**s*(A<n?A/n:A<n+b?1-(A-n)/b*(1-E):A<n+b+i?E:A<O-v?(O-A-v)/r*E:0),X=v?X/2+(v>A?0:(A<O-v?1:(O-A)/v)*a[A-v|0]/2/t):X,T&&(X=j=R*N+G*(N=B)+R*(B=X)-_*U-W*(U=j))),I+=(z=(l+=c+=f)*x.cos(g*S++))+z*h*P(A**5),k&&++k>u&&(l+=p,H+=p,k=0),!d||++C%d||(l=H,c=D,k=k||1);(t=e.createBuffer(1,O,44100)).getChannelData(0).set(a),(l=e.createBufferSource()).buffer=t,l.connect(e.destination),l.start()},a=["#111","#6a7799","#aec2c2","#FFF1E8","#e83b3b","#fabc20","#155fd9","#3cbcfc","#327345","#63c64d","#6c2c1f","#ac7c00"];globalThis.litecanvas=function(e={}){let l=globalThis,n=Math.PI,i=2*n,r=requestAnimationFrame,o=[],s=(e,t,a)=>{e.addEventListener(t,a,!1),o.push(()=>e.removeEventListener(t,a,!1))};e=Object.assign({fullscreen:!0,width:null,height:null,autoscale:!0,pixelart:!1,antialias:!1,canvas:null,global:!0,loop:null,pauseOnBlur:!0,tapEvents:!0,keyboardEvents:!0,animate:!0},e);let c=!1,f=[],p=e.canvas||document.createElement("canvas"),u=e.fullscreen,d=e.autoscale,h=e.animate,g=1,m,v=.5,E=1,b,w,T=0,x,y="sans-serif",D=32,H=Date.now(),I=e.global,S={init:null,update:null,draw:null,resized:null,tap:null,untap:null,tapping:null,tapped:null},A={settings:Object.assign({},e),colors:a},k={WIDTH:e.width,HEIGHT:e.height||e.width,CANVAS:null,ELAPSED:0,CENTERX:0,CENTERY:0,MOUSEX:-1,MOUSEY:-1,DEFAULT_SFX:[.5,,1675,,.06,.2,1,1.8,,,637,.06],PI:n,TWO_PI:i,HALF_PI:.5*n,lerp:(e,t,a)=>e+a*(t-e),deg2rad:e=>n/180*e,rad2deg:e=>180/n*e,clamp:(e,t,a)=>e<t?t:e>a?a:e,wrap:(e,t,a)=>e-(a-t)*Math.floor((e-t)/(a-t)),map(e,t,a,l,n,i){let r=(e-t)/(a-t)*(n-l)+l;return i?k.clamp(r,l,n):r},norm:(e,t,a)=>k.map(e,t,a,0,1),rand:(e=0,t=1)=>(H=(1664525*H+0x3c6ef35f)%0x100000000)/0x100000000*(t-e)+e,randi:(e=0,t=1)=>Math.floor(k.rand(e,t+1)),seed:e=>null==e?H:H=~~e,cls(e){null==e?m.clearRect(0,0,m.canvas.width,m.canvas.height):k.rectfill(0,0,m.canvas.width,m.canvas.height,e)},rect(e,t,a,l,n,i=null){m.beginPath(),m[i?"roundRect":"rect"](~~e-v,~~t-v,~~a+2*v,~~l+2*v,i),k.stroke(n)},rectfill(e,t,a,l,n,i=null){m.beginPath(),m[i?"roundRect":"rect"](~~e,~~t,~~a,~~l,i),k.fill(n)},circ(e,t,a,l){m.beginPath(),m.arc(~~e,~~t,~~a,0,i),k.stroke(l)},circfill(e,t,a,l){m.beginPath(),m.arc(~~e,~~t,~~a,0,i),k.fill(l)},line(e,t,a,l,n){m.beginPath();let i=.5*(0!==v&&~~e==~~a),r=.5*(0!==v&&~~t==~~l);m.moveTo(~~e+i,~~t+r),m.lineTo(~~a+i,~~l+r),k.stroke(n)},linewidth(e){m.lineWidth=~~e,v=.5*(~~e%2!=0)},linedash(e,t=0){m.setLineDash(e),m.lineDashOffset=t},text(e,t,a,l=3,n="normal"){m.font=`${n} ${D}px ${y}`,m.fillStyle=k.getcolor(l),m.fillText(a,~~e,~~t)},textfont(e){y=e},textsize(e){D=e},textalign(e,t){e&&(m.textAlign=e),t&&(m.textBaseline=t)},image(e,t,a){m.drawImage(a,~~e,~~t)},paint(e,t,a,l={}){let n=l.canvas||new OffscreenCanvas(1,1),i=l.scale||1,r=m;if(n.width=e*i,n.height=t*i,(m=n.getContext("2d")).scale(i,i),a.push){let e=0,t=0;for(let l of(m.imageSmoothingEnabled=!1,a)){for(let a of l)" "!==a&&"."!==a&&k.rectfill(e,t,1,1,parseInt(a,16)),e++;t++,e=0}}else a(m);return m=r,n},ctx:e=>(e&&(m=e),m),push:()=>m.save(),pop:()=>m.restore(),translate:(e,t)=>m.translate(~~e,~~t),scale:(e,t)=>m.scale(e,t||e),rotate:e=>m.rotate(e),alpha(e){m.globalAlpha=k.clamp(e,0,1)},path:e=>new Path2D(e),fill(e,t){m.fillStyle=k.getcolor(e),t?m.fill(t):m.fill()},stroke(e,t){m.strokeStyle=k.getcolor(e),t?m.stroke(t):m.stroke()},clip(e){m.clip(e)},sfx:(e,a=0,n=1)=>!(l.zzfxV<=0)&&(!navigator.userActivation||!!navigator.userActivation.hasBeenActive)&&(e=e||k.DEFAULT_SFX,(0!==a||1!==n)&&((e=e.slice())[0]=n*(e[0]||1),e[10]=~~e[10]+a),t.apply(0,e),e),volume(e){l.zzfxV=e},colrect:(e,t,a,l,n,i,r,o)=>e<n+r&&e+a>n&&t<i+o&&t+l>i,colcirc:(e,t,a,l,n,i)=>(l-e)*(l-e)+(n-t)*(n-t)<=(a+i)*(a+i),use(e,t={}){c?z(e,t):f.push([e,t])},listen:(e,t)=>(S[e]=S[e]||new Set,S[e].add(t),()=>S[e].delete(t)),emit(e,t,a,l,n){O("before:"+e,t,a,l,n),O(e,t,a,l,n),O("after:"+e,t,a,l,n)},getcolor:e=>a[~~e%a.length],setvar(e,t){k[e]=t,I&&(l[e]=t)},resize(e,t){k.setvar("WIDTH",p.width=e),k.setvar("HEIGHT",p.height=t),X()},timescale(e){E=e},setfps(e){w=1/~~e},quit(){for(let e of(k.emit("quit"),o))e();if(cancelAnimationFrame(x),S=!1,I){for(let e in k)delete l[e];delete l.__litecanvas}}};for(let e of["sin","cos","atan2","hypot","tan","abs","ceil","round","floor","trunc","min","max","pow","sqrt","sign","exp"])k[e]=Math[e];function C(){c=!0;let t=e.loop?e.loop:l;for(let e in S)t[e]&&k.listen(e,t[e]);for(let[e,t]of f)z(e,t);if((u||d)&&s(l,"resize",X),X(),e.tapEvents){let e=(e,t)=>[(e-p.offsetLeft)/g,(t-p.offsetTop)/g],t=new Map,a=(e,a,l)=>{let n={x:a,y:l,startX:a,startY:l,ts:performance.now()};return t.set(e,n),n},n=(e,l,n)=>{let i=t.get(e)||a(e);i.x=l,i.y=n},i=e=>e&&performance.now()-e.ts<=200,r=!1;s(p,"mousedown",t=>{t.preventDefault();let[l,n]=e(t.pageX,t.pageY);k.emit("tap",l,n,0),a(0,l,n),r=!0}),s(p,"mousemove",t=>{t.preventDefault();let[a,l]=e(t.pageX,t.pageY);k.setvar("MOUSEX",a),k.setvar("MOUSEY",l),r&&(k.emit("tapping",a,l,0),n(0,a,l))}),s(p,"mouseup",a=>{a.preventDefault();let l=t.get(0),[n,o]=e(a.pageX,a.pageY);i(l)&&k.emit("tapped",l.startX,l.startY,0),k.emit("untap",n,o,0),t.delete(0),r=!1}),s(p,"touchstart",t=>{for(let l of(t.preventDefault(),t.changedTouches)){let[t,n]=e(l.pageX,l.pageY);k.emit("tap",t,n,l.identifier+1),a(l.identifier+1,t,n)}}),s(p,"touchmove",t=>{for(let a of(t.preventDefault(),t.changedTouches)){let[t,l]=e(a.pageX,a.pageY);k.emit("tapping",t,l,a.identifier+1),n(a.identifier+1,t,l)}});let o=e=>{e.preventDefault();let a=[];if(e.targetTouches.length>0)for(let t of e.targetTouches)a.push(t.identifier+1);for(let[e,l]of t)a.includes(e)||(i(l)&&k.emit("tapped",l.startX,l.startY,e),k.emit("untap",l.x,l.y,e),t.delete(e))};s(p,"touchend",o),s(p,"touchcancel",o),s(l,"blur",()=>{for(let[e,a]of(r=!1,t))k.emit("untap",a.x,a.y,e),t.delete(e)})}if(e.keyboardEvents){let e=new Set;k.setvar("iskeydown",t=>"any"===t?e.size>0:e.has(t.toLowerCase())),s(l,"keydown",t=>{e.add(t.key.toLowerCase())}),s(l,"keyup",t=>{e.delete(t.key.toLowerCase())}),s(l,"blur",()=>e.clear())}e.pauseOnBlur&&(s(l,"blur",()=>{x=cancelAnimationFrame(x)}),s(l,"focus",()=>{x||(b=performance.now(),x=r(L))})),k.setfps(60),k.emit("init",k),b=performance.now(),x=r(L)}function L(e){h&&(x=r(L));let t=0;for(T+=(e-b)/1e3,b=e,h||(T=w);T>=w;T-=w)k.emit("update",w*E),k.setvar("ELAPSED",k.ELAPSED+w*E),t++;t&&(k.textalign("start","top"),k.emit("draw"))}function X(){let t=l.innerWidth,a=l.innerHeight,n=p.style;n.display="block",u?(n.position="absolute",n.inset=0,k.setvar("WIDTH",p.width=t),k.setvar("HEIGHT",p.height=a)):d&&(n.margin="auto",g=Math.min(t/k.WIDTH,a/k.HEIGHT),g=(e.pixelart?~~g:g)||1,n.width=k.WIDTH*g+"px",n.height=k.HEIGHT*g+"px"),k.setvar("CENTERX",k.WIDTH/2),k.setvar("CENTERY",k.HEIGHT/2),(!e.antialias||e.pixelart)&&(m.imageSmoothingEnabled=!1,p.style.imageRendering="pixelated"),k.emit("resized",g),h||r(L)}function O(e,t,a,l,n){if(S[e])for(let i of S[e])i(t,a,l,n)}function z(e,t){let a=e(k,A,t);if("object"==typeof a)for(let e of Object.keys(a))k.setvar(e,a[e])}if(I){if(l.__litecanvas)throw"global litecanvas already instantiated";Object.assign(l,k),l.__litecanvas=k}return p="string"==typeof p?document.querySelector(p):p,k.setvar("CANVAS",p),m=p.getContext("2d"),s(p,"click",()=>l.focus()),k.WIDTH>0&&(u=!1),p.style="",p.width=k.WIDTH,p.height=k.HEIGHT||k.WIDTH,p.parentNode||document.body.appendChild(p),"loading"===document.readyState?s(l,"DOMContentLoaded",()=>r(C)):r(C),k}})();
+(()=>{var e=new AudioContext,t=(t=1,a=.05,l=220,n=0,i=0,o=.1,r=0,s=1,c=0,f=0,u=0,d=0,p=0,h=0,g=0,m=0,v=0,E=1,b=0,w=0,T=0)=>{let x=Math,H=2*x.PI,y=c*=500*H/44100/44100,I=l*=(1-a+2*a*x.random(a=[]))*H/44100,D=0,S=0,A=0,k=1,C=0,L=0,X=0,P=T<0?-1:1,z=H*P*T*2/44100,M=x.cos(z),O=x.sin,Y=O(z)/4,F=1+Y,W=-2*M/F,_=(1-Y)/F,R=(1+P*M)/2/F,G=-(P+M)/F,N=0,B=0,U=0,q=0;for(n=44100*n+9,b*=44100,i*=44100,o*=44100,v*=44100,f*=500*H/85766121e6,g*=H/44100,u*=H/44100,d*=44100,p=44100*p|0,t*=.3*(globalThis.zzfxV||1),P=n+b+i+o+v|0;A<P;a[A++]=X*t)++L%(100*m|0)||(X=r?1<r?2<r?3<r?O(D*D):x.max(x.min(x.tan(D),1),-1):1-(2*D/H%2+2)%2:1-4*x.abs(x.round(D/H)-D/H):O(D),X=(p?1-w+w*O(H*A/p):1)*(X<0?-1:1)*x.abs(X)**s*(A<n?A/n:A<n+b?1-(A-n)/b*(1-E):A<n+b+i?E:A<P-v?(P-A-v)/o*E:0),X=v?X/2+(v>A?0:(A<P-v?1:(P-A)/v)*a[A-v|0]/2/t):X,T&&(X=q=R*N+G*(N=B)+R*(B=X)-_*U-W*(U=q))),D+=(z=(l+=c+=f)*x.cos(g*S++))+z*h*O(A**5),k&&++k>d&&(l+=u,I+=u,k=0),!p||++C%p||(l=I,c=y,k=k||1);(t=e.createBuffer(1,P,44100)).getChannelData(0).set(a),(l=e.createBufferSource()).buffer=t,l.connect(e.destination),l.start()},a=["#111","#6a7799","#aec2c2","#FFF1E8","#e83b3b","#fabc20","#155fd9","#3cbcfc","#327345","#63c64d","#6c2c1f","#ac7c00"];globalThis.litecanvas=function(e={}){let l=globalThis,n=Math.PI,i=2*n,o=requestAnimationFrame,r=[],s=(e,t,a)=>{e.addEventListener(t,a,!1),r.push(()=>e.removeEventListener(t,a,!1))};e=Object.assign({fullscreen:!0,width:null,height:null,autoscale:!0,pixelart:!1,antialias:!1,canvas:null,global:!0,loop:null,pauseOnBlur:!0,tapEvents:!0,keyboardEvents:!0,animate:!0},e);let c=!1,f=[],u=e.canvas||document.createElement("canvas"),d=e.fullscreen,p=e.autoscale,h=e.animate,g=1,m,v=.5,E=1,b,w,T=0,x,H="sans-serif",y=32,I=Date.now(),D=e.global,S={init:null,update:null,draw:null,resized:null,tap:null,untap:null,tapping:null,tapped:null},A={settings:Object.assign({},e),colors:a},k={WIDTH:e.width,HEIGHT:e.height||e.width,CANVAS:null,ELAPSED:0,CENTERX:0,CENTERY:0,MOUSEX:-1,MOUSEY:-1,DEFAULT_SFX:[.5,,1675,,.06,.2,1,1.8,,,637,.06],TWO_PI:i,HALF_PI:n/2,lerp:(e,t,a)=>a*(t-e)+e,deg2rad:e=>n/180*e,rad2deg:e=>180/n*e,clamp:(e,t,a)=>e<t?t:e>a?a:e,wrap:(e,t,a)=>e-(a-t)*Math.floor((e-t)/(a-t)),map(e,t,a,l,n,i){let o=(e-t)/(a-t)*(n-l)+l;return i?k.clamp(o,l,n):o},norm:(e,t,a)=>k.map(e,t,a,0,1),rand:(e=0,t=1)=>(I=(1664525*I+0x3c6ef35f)%0x100000000)/0x100000000*(t-e)+e,randi:(e=0,t=1)=>Math.floor(k.rand(e,t+1)),seed:e=>null==e?I:I=~~e,cls(e){null==e?m.clearRect(0,0,m.canvas.width,m.canvas.height):k.rectfill(0,0,m.canvas.width,m.canvas.height,e)},rect(e,t,a,l,n,i=null){m.beginPath(),m[i?"roundRect":"rect"](~~e-v,~~t-v,~~a+2*v,~~l+2*v,i),k.stroke(n)},rectfill(e,t,a,l,n,i=null){m.beginPath(),m[i?"roundRect":"rect"](~~e,~~t,~~a,~~l,i),k.fill(n)},circ(e,t,a,l){m.beginPath(),m.arc(~~e,~~t,~~a,0,i),k.stroke(l)},circfill(e,t,a,l){m.beginPath(),m.arc(~~e,~~t,~~a,0,i),k.fill(l)},line(e,t,a,l,n){m.beginPath();let i=.5*(0!==v&&~~e==~~a),o=.5*(0!==v&&~~t==~~l);m.moveTo(~~e+i,~~t+o),m.lineTo(~~a+i,~~l+o),k.stroke(n)},linewidth(e){m.lineWidth=~~e,v=.5*(~~e%2!=0)},linedash(e,t=0){m.setLineDash(e),m.lineDashOffset=t},text(e,t,a,l=3,n="normal"){m.font=`${n} ${y}px ${H}`,m.fillStyle=k.getcolor(l),m.fillText(a,~~e,~~t)},textfont(e){H=e},textsize(e){y=e},textalign(e,t){e&&(m.textAlign=e),t&&(m.textBaseline=t)},image(e,t,a){m.drawImage(a,~~e,~~t)},paint(e,t,a,l={}){let n=l.canvas||new OffscreenCanvas(1,1),i=l.scale||1,o=m;if(n.width=e*i,n.height=t*i,(m=n.getContext("2d")).scale(i,i),a.push){let e=0,t=0;for(let l of(m.imageSmoothingEnabled=!1,a)){for(let a of l)" "!==a&&"."!==a&&k.rectfill(e,t,1,1,parseInt(a,16)),e++;t++,e=0}}else a(m);return m=o,n},ctx:e=>(e&&(m=e),m),push:()=>m.save(),pop:()=>m.restore(),translate:(e,t)=>m.translate(~~e,~~t),scale:(e,t)=>m.scale(e,t||e),rotate:e=>m.rotate(e),alpha(e){m.globalAlpha=k.clamp(e,0,1)},path:e=>new Path2D(e),fill(e,t){m.fillStyle=k.getcolor(e),t?m.fill(t):m.fill()},stroke(e,t){m.strokeStyle=k.getcolor(e),t?m.stroke(t):m.stroke()},clip(e){m.clip(e)},sfx:(e,a=0,n=1)=>!(l.zzfxV<=0)&&(!navigator.userActivation||!!navigator.userActivation.hasBeenActive)&&(e=e||k.DEFAULT_SFX,(0!==a||1!==n)&&((e=e.slice())[0]=n*(e[0]||1),e[10]=~~e[10]+a),t.apply(0,e),e),volume(e){l.zzfxV=e},colrect:(e,t,a,l,n,i,o,r)=>e<n+o&&e+a>n&&t<i+r&&t+l>i,colcirc:(e,t,a,l,n,i)=>(l-e)*(l-e)+(n-t)*(n-t)<=(a+i)*(a+i),use(e,t={}){c?z(e,t):f.push([e,t])},listen:(e,t)=>(S[e]=S[e]||new Set,S[e].add(t),()=>S[e].delete(t)),emit(e,t,a,l,n){P("before:"+e,t,a,l,n),P(e,t,a,l,n),P("after:"+e,t,a,l,n)},getcolor:e=>a[~~e%a.length],setvar(e,t){k[e]=t,D&&(l[e]=t)},resize(e,t){k.setvar("WIDTH",u.width=e),k.setvar("HEIGHT",u.height=t),X()},timescale(e){E=e},setfps(e){w=1/~~e},quit(){for(let e of(k.emit("quit"),r))e();if(cancelAnimationFrame(x),S=!1,D){for(let e in k)delete l[e];delete l.__litecanvas}}};for(let e of"PI,sin,cos,atan2,hypot,tan,abs,ceil,round,floor,trunc,min,max,pow,sqrt,sign,exp".split(","))k[e]=Math[e];function C(){c=!0;let t=e.loop?e.loop:l;for(let e in S)t[e]&&k.listen(e,t[e]);for(let[e,t]of f)z(e,t);if((d||p)&&s(l,"resize",X),X(),e.tapEvents){let e=(e,t)=>[(e-u.offsetLeft)/g,(t-u.offsetTop)/g],t=new Map,a=(e,a,l)=>{let n={x:a,y:l,startX:a,startY:l,ts:performance.now()};return t.set(e,n),n},n=(e,l,n)=>{let i=t.get(e)||a(e);i.x=l,i.y=n},i=e=>e&&performance.now()-e.ts<=200,o=e=>e.preventDefault(),r=!1;s(u,"mousedown",t=>{if(0===t.button){o(t);let[l,n]=e(t.pageX,t.pageY);k.emit("tap",l,n,0),a(0,l,n),r=!0}}),s(u,"mouseup",a=>{if(0===a.button){o(a);let l=t.get(0),[n,s]=e(a.pageX,a.pageY);i(l)&&k.emit("tapped",l.startX,l.startY,0),k.emit("untap",n,s,0),t.delete(0),r=!1}}),s(u,"mousemove",t=>{o(t);let[a,l]=e(t.pageX,t.pageY);k.setvar("MOUSEX",a),k.setvar("MOUSEY",l),r&&(k.emit("tapping",a,l,0),n(0,a,l))}),s(u,"touchstart",t=>{for(let l of(o(t),t.changedTouches)){let[t,n]=e(l.pageX,l.pageY);k.emit("tap",t,n,l.identifier+1),a(l.identifier+1,t,n)}}),s(u,"touchmove",t=>{for(let a of(o(t),t.changedTouches)){let[t,l]=e(a.pageX,a.pageY);k.emit("tapping",t,l,a.identifier+1),n(a.identifier+1,t,l)}});let c=e=>{o(e);let a=[];if(e.targetTouches.length>0)for(let t of e.targetTouches)a.push(t.identifier+1);for(let[e,l]of t)a.includes(e)||(i(l)&&k.emit("tapped",l.startX,l.startY,e),k.emit("untap",l.x,l.y,e),t.delete(e))};s(u,"touchend",c),s(u,"touchcancel",c),s(l,"blur",()=>{for(let[e,a]of(r=!1,t))k.emit("untap",a.x,a.y,e),t.delete(e)})}if(e.keyboardEvents){let e=new Set;k.setvar("iskeydown",t=>"any"===t?e.size>0:e.has(t.toLowerCase())),s(l,"keydown",t=>{e.add(t.key.toLowerCase())}),s(l,"keyup",t=>{e.delete(t.key.toLowerCase())}),s(l,"blur",()=>e.clear())}e.pauseOnBlur&&(s(l,"blur",()=>{x=cancelAnimationFrame(x)}),s(l,"focus",()=>{x||(x=o(L))})),k.setfps(60),k.emit("init",k),b=performance.now(),x=o(L)}function L(e){h&&(x=o(L));let t=0,a=(e-b)/1e3;if(b=e,!(a>30*w)){for(T+=a,h||(T=w);T>=w;T-=w)k.emit("update",w*E),k.setvar("ELAPSED",k.ELAPSED+w*E),t++;t&&(k.textalign("start","top"),k.emit("draw"))}}function X(){let t=l.innerWidth,a=l.innerHeight,n=u.style;n.display="block",d?(n.position="absolute",n.inset=0,k.setvar("WIDTH",u.width=t),k.setvar("HEIGHT",u.height=a)):p&&(n.margin="auto",g=Math.min(t/k.WIDTH,a/k.HEIGHT),g=(e.pixelart?~~g:g)||1,n.width=k.WIDTH*g+"px",n.height=k.HEIGHT*g+"px"),k.setvar("CENTERX",k.WIDTH/2),k.setvar("CENTERY",k.HEIGHT/2),(!e.antialias||e.pixelart)&&(m.imageSmoothingEnabled=!1,n.imageRendering="pixelated"),k.emit("resized",g),h||o(L)}function P(e,t,a,l,n){if(S[e])for(let i of S[e])i(t,a,l,n)}function z(e,t){let a=e(k,A,t);for(let e in a)k.setvar(e,a[e])}if(D){if(l.__litecanvas)throw"global litecanvas already instantiated";Object.assign(l,k),l.__litecanvas=k}return u="string"==typeof u?document.querySelector(u):u,k.setvar("CANVAS",u),m=u.getContext("2d"),s(u,"click",()=>l.focus()),k.WIDTH>0&&(d=!1),u.style="",u.width=k.WIDTH,u.height=k.HEIGHT||k.WIDTH,u.parentNode||document.body.appendChild(u),"loading"===document.readyState?s(l,"DOMContentLoaded",()=>o(C)):o(C),k}})();

package/package.json

@@ -1,16 +1,16 @@
 {
     "name": "litecanvas",
-    "version": "0.74.2",
-    "description": "Lightweight HTML5 canvas engine suitable for small games and animations.",
+    "version": "0.75.0",
+    "description": "Lightweight HTML5 canvas game engine suitable for small projects and creative coding. Inspired by PICO-8 and P5/Processing.",
     "license": "MIT",
     "author": "Luiz Bills <luizbills@pm.me>",
     "contributors": [],
     "devDependencies": {
-        "@swc/core": "^1.11.4",
+        "@swc/core": "^1.11.7",
         "ava": "^6.2.0",
         "esbuild": "^0.25.0",
         "gzip-size": "^7.0.0",
-        "prettier": "^3.5.2"
+        "prettier": "^3.5.3"
     },
     "homepage": "https://litecanvas.github.io/about.html",
     "repository": {
@@ -41,8 +41,11 @@
         "gamedev",
         "game",
         "engine",
-        "library",
-        "framework"
+        "javascript",
+        "js13k",
+        "creative-coding",
+        "pico-8",
+        "p5"
     ],
     "files": [
         "dist",

package/src/dev.js

@@ -1,5 +1,4 @@
 /**
- *
  * @param {any} condition
  * @param {string} message
  */

package/src/index.js

@@ -134,14 +134,6 @@ export default function litecanvas(settings = {}) {
         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
@@ -159,7 +151,7 @@ export default function litecanvas(settings = {}) {
          *
          * @type {number}
          */
-        HALF_PI: PI * 0.5,
+        HALF_PI: PI / 2,
 
         /**
          * Calculates a linear (interpolation) value over t%.
@@ -176,7 +168,7 @@ export default function litecanvas(settings = {}) {
                 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)
+            return t * (end - start) + start
         },
 
         /**
@@ -1228,26 +1220,9 @@ export default function litecanvas(settings = {}) {
         },
     }
 
-    /** Copy some functions from native `Math` object */
-    for (const k of [
-        'sin',
-        'cos',
-        'atan2',
-        'hypot',
-        'tan',
-        'abs',
-        'ceil',
-        'round',
-        'floor',
-        'trunc',
-        'min',
-        'max',
-        'pow',
-        'sqrt',
-        'sign',
-        'exp',
-    ]) {
-        // import some native Math functions
+    // prettier-ignore
+    for (const k of 'PI,sin,cos,atan2,hypot,tan,abs,ceil,round,floor,trunc,min,max,pow,sqrt,sign,exp'.split(',')) {
+        // import native Math functions
         instance[k] = Math[k]
     }
 
@@ -1296,20 +1271,38 @@ export default function litecanvas(settings = {}) {
                     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)
@@ -1321,20 +1314,8 @@ export default function litecanvas(settings = {}) {
                 _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)
                 /** @type {TouchList} touches */
                 const touches = ev.changedTouches
                 for (const touch of touches) {
@@ -1345,7 +1326,7 @@ export default function litecanvas(settings = {}) {
             })
 
             on(_canvas, 'touchmove', (ev) => {
-                ev.preventDefault()
+                preventDefault(ev)
                 /** @type {TouchList} touches */
                 const touches = ev.changedTouches
                 for (const touch of touches) {
@@ -1356,7 +1337,7 @@ export default function litecanvas(settings = {}) {
             })
 
             const _touchEndHandler = (ev) => {
-                ev.preventDefault()
+                preventDefault(ev)
                 const existing = []
 
                 if (ev.targetTouches.length > 0) {
@@ -1433,7 +1414,6 @@ export default function litecanvas(settings = {}) {
 
             on(root, 'focus', () => {
                 if (!_rafid) {
-                    _lastFrameTime = performance.now()
                     _rafid = raf(drawFrame)
                 }
             })
@@ -1459,9 +1439,13 @@ export default function litecanvas(settings = {}) {
         let updated = 0,
             frameTime = (now - _lastFrameTime) / 1000
 
-        _accumulated += frameTime
         _lastFrameTime = now
 
+        if (frameTime > _deltaTime * 30)
+            return console.log('skipping too long frame')
+
+        _accumulated += frameTime
+
         if (!_animated) {
             _accumulated = _deltaTime
         }
@@ -1478,16 +1462,31 @@ export default function litecanvas(settings = {}) {
         if (updated) {
             instance.textalign('start', 'top') // default values for textAlign & textBaseline
             instance.emit('draw')
-            console.log(updated)
         }
     }
 
     function setupCanvas() {
+        /** @type {HTMLCanvasElement} */
         _canvas =
             'string' === typeof _canvas
                 ? document.querySelector(_canvas)
                 : _canvas
 
+        if (DEV_BUILD) {
+            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'
+            )
+        }
+
         instance.setvar('CANVAS', _canvas)
         _ctx = _canvas.getContext('2d')
 
@@ -1534,7 +1533,7 @@ export default function litecanvas(settings = {}) {
         // restore canvas image rendering properties
         if (!settings.antialias || settings.pixelart) {
             _ctx.imageSmoothingEnabled = false
-            _canvas.style.imageRendering = 'pixelated'
+            styles.imageRendering = 'pixelated'
         }
 
         instance.emit('resized', _scale)
@@ -1556,10 +1555,14 @@ export default function litecanvas(settings = {}) {
      */
     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])
-            }
+        if (DEV_BUILD) {
+            assert(
+                null == pluginData || 'object' === typeof pluginData,
+                'Litecanvas plugins should return an object or nothing'
+            )
+        }
+        for (const key in pluginData) {
+            instance.setvar(key, pluginData[key])
         }
     }
 

package/src/zzfx.js

@@ -1,111 +1,5 @@
 // ZzFXMicro - Zuper Zmall Zound Zynth - v1.3.0 by Frank Force | https://github.com/KilledByAPixel/ZzFX
 const zzfxX = /** @__PURE__ */ new AudioContext()
 
-export const 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()
-}
+// prettier-ignore
+export const zzfx=(i=1,d=.05,z=220,e=0,P=0,S=.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*=.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()};