litecanvas 0.103.4 → 0.103.6

package/dist/dist.js

@@ -1,103 +1,187 @@
 (() => {
-  // src/zzfx.js
   var setupZzFX = (global) => {
     const zzfxX = new AudioContext();
     global.zzfxV = 1;
-    return (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 * global.zzfxV, 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();
+    return (
+      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 * global.zzfxV,
+          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
   var defaultPalette = ["#211e20", "#555568", "#a0a08b", "#e9efec"];
-
-  // src/index.js
   function litecanvas(settings = {}) {
-    const root = window, math = Math, TWO_PI = math.PI * 2, raf = requestAnimationFrame, _browserEventListeners = [], on = (elem, evt, callback) => {
-      elem.addEventListener(evt, callback, false);
-      _browserEventListeners.push(() => elem.removeEventListener(evt, callback, false));
-    }, lowerCase = (str) => str.toLowerCase(), preventDefault = (ev) => ev.preventDefault(), beginPath = (c) => c.beginPath(), isNumber = Number.isFinite, zzfx = setupZzFX(root), defaults = {
-      width: null,
-      height: null,
-      autoscale: true,
-      canvas: null,
-      global: true,
-      loop: null,
-      tapEvents: true,
-      keyboardEvents: true
-    };
+    const root = window,
+      math = Math,
+      perf = performance,
+      TWO_PI = math.PI * 2,
+      loggerPrefix = "[Litecanvas] ",
+      raf = requestAnimationFrame,
+      _browserEventListeners = [],
+      on = (elem, evt, callback) => {
+        elem.addEventListener(evt, callback, false);
+        _browserEventListeners.push(() =>
+          elem.removeEventListener(evt, callback, false),
+        );
+      },
+      lowerCase = (str) => str.toLowerCase(),
+      preventDefault = (ev) => ev.preventDefault(),
+      beginPath = (c) => c.beginPath(),
+      isNumber = Number.isFinite,
+      zzfx = setupZzFX(root),
+      defaults = {
+        width: null,
+        height: null,
+        autoscale: true,
+        canvas: null,
+        global: true,
+        loop: null,
+        tapEvents: true,
+        keyboardEvents: true,
+      };
     settings = Object.assign(defaults, settings);
-    let _initialized = false, _paused = true, _canvas, _canvasScale = 1, _ctx, _outline_fix = 0.5, _timeScale = 1, _lastFrameTime, _fpsInterval = 1e3 / 60, _accumulated, _rafid, _defaultTextColor = 3, _fontFamily = "sans-serif", _fontSize = 20, _fontLineHeight = 1.2, _rngSeed = Date.now(), _colorPalette = defaultPalette, _colorPaletteState = [], _defaultSound = [0.5, 0, 1750, , , 0.3, 1, , , , 600, 0.1], _coreEvents = "init,update,draw,tap,untap,tapping,tapped,resized", _mathFunctions = "PI,sin,cos,atan2,hypot,tan,abs,ceil,floor,trunc,min,max,pow,sqrt,sign,exp", _eventListeners = {};
+    let _initialized = false,
+      _paused = true,
+      _canvas,
+      _canvasScale = 1,
+      _ctx,
+      _outline_fix = 0.5,
+      _timeScale = 1,
+      _lastFrameTime,
+      _fpsInterval = 1e3 / 60,
+      _accumulated,
+      _rafid,
+      _defaultTextColor = 3,
+      _fontFamily = "sans-serif",
+      _fontSize = 20,
+      _fontLineHeight = 1.2,
+      _rngSeed = Date.now(),
+      _colorPalette = defaultPalette,
+      _colorPaletteState = [],
+      _defaultSound = [0.5, 0, 1750, , , 0.3, 1, , , , 600, 0.1],
+      _coreEvents = "init,update,draw,tap,untap,tapping,tapped,resized",
+      _mathFunctions =
+        "PI,sin,cos,atan2,hypot,tan,abs,ceil,floor,trunc,min,max,pow,sqrt,sign,exp",
+      _eventListeners = {};
     const instance = {
-      /** @type {number} */
       W: 0,
-      /** @type {number} */
       H: 0,
-      /** @type {number} */
       T: 0,
-      /** @type {number} */
       MX: -1,
-      /** @type {number} */
       MY: -1,
-      /** MATH API */
-      /**
-       * Twice the value of the mathematical constant PI (π).
-       * Approximately 6.28318
-       *
-       * Note: TWO_PI radians equals 360°, PI radians equals 180°,
-       * HALF_PI radians equals 90°, and HALF_PI/2 radians equals 45°.
-       *
-       * @type {number}
-       */
       TWO_PI,
-      /**
-       * Half the value of the mathematical constant PI (π).
-       * Approximately 1.57079
-       *
-       * @type {number}
-       */
       HALF_PI: TWO_PI / 4,
-      /**
-       * Calculates a linear (interpolation) value over t%.
-       *
-       * @param {number} start
-       * @param {number} end
-       * @param {number} t The progress in percentage, where 0 = 0% and 1 = 100%.
-       * @returns {number} The unterpolated value
-       * @tutorial https://gamedev.net/tutorials/programming/general-and-gameplay-programming/a-brief-introduction-to-lerp-r4954/
-       */
       lerp: (start, end, t) => {
         return start + t * (end - start);
       },
-      /**
-       * Convert degrees to radians
-       *
-       * @param {number} degs
-       * @returns {number} the value in radians
-       */
       deg2rad: (degs) => {
-        return math.PI / 180 * degs;
+        return (math.PI / 180) * degs;
       },
-      /**
-       * Convert radians to degrees
-       *
-       * @param {number} rads
-       * @returns {number} the value in degrees
-       */
       rad2deg: (rads) => {
-        return 180 / math.PI * rads;
+        return (180 / math.PI) * rads;
       },
-      /**
-       * Returns the rounded value of an number to optional precision (number of digits after the decimal point).
-       *
-       * Note: precision is optional but must be >= 0
-       *
-       * @param {number} n number to round.
-       * @param {number} [precision] number of decimal digits to round to, default is 0.
-       * @returns {number} rounded number.
-       */
       round: (n, precision = 0) => {
         if (!precision) {
           return math.round(n);
@@ -105,131 +189,45 @@
         const multiplier = 10 ** precision;
         return math.round(n * multiplier) / multiplier;
       },
-      /**
-       * Constrains a number between `min` and `max`.
-       *
-       * @param {number} value
-       * @param {number} min
-       * @param {number} max
-       * @returns {number}
-       */
       clamp: (value, min, max) => {
         if (value < min) return min;
         if (value > max) return max;
         return value;
       },
-      /**
-       * Calculates the distance between a point (x1, y1) to another (x2, y2).
-       *
-       * @param {number} x1
-       * @param {number} y1
-       * @param {number} x2
-       * @param {number} y2
-       * @returns {number}
-       */
       dist: (x1, y1, x2, y2) => {
         return math.hypot(x2 - x1, y2 - y1);
       },
-      /**
-       * Wraps a number between `min` (inclusive) and `max` (exclusive).
-       *
-       * @param {number} value
-       * @param {number} min
-       * @param {number} max
-       * @returns {number}
-       */
       wrap: (value, min, max) => {
         return value - (max - min) * math.floor((value - min) / (max - min));
       },
-      /**
-       * Re-maps a number from one range to another.
-       *
-       * @param {number} value  the value to be remapped.
-       * @param {number} start1 lower bound of the value's current range.
-       * @param {number} stop1  upper bound of the value's current range.
-       * @param {number} start2 lower bound of the value's target range.
-       * @param {number} stop2  upper bound of the value's target range.
-       * @param {boolean} [withinBounds=false] constrain the value to the newly mapped range
-       * @returns {number} the remapped number
-       */
       map(value, start1, stop1, start2, stop2, withinBounds) {
-        const result = (value - start1) / (stop1 - start1) * (stop2 - start2) + start2;
+        const result =
+          ((value - start1) / (stop1 - start1)) * (stop2 - start2) + start2;
         return withinBounds ? instance.clamp(result, start2, stop2) : result;
       },
-      /**
-       * Maps a number from one range to a value between 0 and 1.
-       * Identical to `map(value, min, max, 0, 1)`.
-       * Note: Numbers outside the range are not clamped to 0 and 1.
-       *
-       * @param {number} value
-       * @param {number} start
-       * @param {number} stop
-       * @returns {number} the normalized number.
-       */
       norm: (value, start, stop) => {
         return instance.map(value, start, stop, 0, 1);
       },
-      /** RNG API */
-      /**
-       * Generates a pseudorandom float between min (inclusive) and max (exclusive)
-       * using the Linear Congruential Generator (LCG) algorithm.
-       *
-       * @param {number} [min=0.0]
-       * @param {number} [max=1.0]
-       * @returns {number} the random number
-       */
       rand: (min = 0, max = 1) => {
         const a = 1664525;
         const c = 1013904223;
         const m = 4294967296;
         _rngSeed = (a * _rngSeed + c) % m;
-        return _rngSeed / m * (max - min) + min;
+        return (_rngSeed / m) * (max - min) + min;
       },
-      /**
-       * Generates a pseudorandom integer between min (inclusive) and max (inclusive)
-       *
-       * @param {number} [min=0]
-       * @param {number} [max=1]
-       * @returns {number} the random number
-       */
       randi: (min = 0, max = 1) => {
-        return math.floor(instance.rand(min, max + 1));
+        return ~~instance.rand(min, max + 1);
       },
-      /**
-       * Initializes the random number generator with an explicit seed value.
-       *
-       * Note: The seed should be a integer number greater than or equal to zero.
-       *
-       * @param {number} value
-       */
       rseed(value) {
         _rngSeed = ~~value;
       },
-      /** BASIC GRAPHICS API */
-      /**
-       * Clear the game screen with an optional color
-       *
-       * @param {number} [color] The background color (index) or null/undefined (for transparent)
-       */
       cls(color) {
         if (null == color) {
-          _ctx.clearRect(0, 0, _ctx.canvas.width, _ctx.canvas.height);
+          _ctx.clearRect(0, 0, instance.W, instance.H);
         } else {
-          instance.rectfill(0, 0, _ctx.canvas.width, _ctx.canvas.height, color);
+          instance.rectfill(0, 0, instance.W, instance.H, color);
         }
       },
-      /**
-       * Draw a rectangle outline
-       *
-       * @param {number} x
-       * @param {number} y
-       * @param {number} width
-       * @param {number} height
-       * @param {number} [color=0] the color index
-       * @param {number|number[]} [radii] A number or list specifying the radii used to draw a rounded-borders rectangle
-       *
-       * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/roundRect
-       */
       rect(x, y, width, height, color, radii) {
         beginPath(_ctx);
         _ctx[radii ? "roundRect" : "rect"](
@@ -237,85 +235,35 @@
           ~~y - _outline_fix,
           ~~width + _outline_fix * 2,
           ~~height + _outline_fix * 2,
-          radii
+          radii,
         );
         instance.stroke(color);
       },
-      /**
-       * Draw a color-filled rectangle
-       *
-       * @param {number} x
-       * @param {number} y
-       * @param {number} width
-       * @param {number} height
-       * @param {number} [color=0] the color index
-       * @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) {
         beginPath(_ctx);
         _ctx[radii ? "roundRect" : "rect"](~~x, ~~y, ~~width, ~~height, radii);
         instance.fill(color);
       },
-      /**
-       * Draw a circle outline
-       *
-       * @param {number} x
-       * @param {number} y
-       * @param {number} radius
-       * @param {number} [color=0] the color index
-       */
       circ(x, y, radius, color) {
         beginPath(_ctx);
         _ctx.arc(~~x, ~~y, ~~radius, 0, TWO_PI);
         instance.stroke(color);
       },
-      /**
-       * Draw a color-filled circle
-       *
-       * @param {number} x
-       * @param {number} y
-       * @param {number} radius
-       * @param {number} [color=0] the color index
-       */
       circfill(x, y, radius, color) {
         beginPath(_ctx);
         _ctx.arc(~~x, ~~y, ~~radius, 0, TWO_PI);
         instance.fill(color);
       },
-      /**
-       * Draw a ellipse outline
-       *
-       * @param {number} x
-       * @param {number} y
-       * @param {number} radiusX
-       * @param {number} radiusY
-       * @param {number} [color=0] the color index
-       */
       oval(x, y, radiusX, radiusY, color) {
         beginPath(_ctx);
         _ctx.ellipse(~~x, ~~y, ~~radiusX, ~~radiusY, 0, 0, TWO_PI);
         instance.stroke(color);
       },
-      /**
-       * Draw a color-filled ellipse
-       *
-       * @param {number} x
-       * @param {number} y
-       * @param {number} radiusX
-       * @param {number} radiusY
-       * @param {number} [color=0] the color index
-       */
       ovalfill(x, y, radiusX, radiusY, color) {
         beginPath(_ctx);
         _ctx.ellipse(~~x, ~~y, ~~radiusX, ~~radiusY, 0, 0, TWO_PI);
         instance.fill(color);
       },
-      /**
-       * Make a custom shape in the canvas context.
-       * Then, just use `fill` or `stroke` to draw the shape.
-       *
-       * @param {number[]} points an array of Xs and Ys coordinates
-       */
       shape(points) {
         beginPath(_ctx);
         for (let i = 0; i < points.length; i += 2) {
@@ -327,15 +275,6 @@
         }
         _ctx.lineTo(~~points[0], ~~points[1]);
       },
-      /**
-       * Draw a line
-       *
-       * @param {number} x1
-       * @param {number} y1
-       * @param {number} x2
-       * @param {number} y2
-       * @param {number} [color=0] the color index
-       */
       line(x1, y1, x2, y2, color) {
         beginPath(_ctx);
         let xfix = _outline_fix !== 0 && ~~x1 === ~~x2 ? 0.5 : 0;
@@ -344,102 +283,42 @@
         _ctx.lineTo(~~x2 + xfix, ~~y2 + yfix);
         instance.stroke(color);
       },
-      /**
-       * Sets the thickness of the lines
-       *
-       * @param {number} value
-       * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineWidth
-       */
       linewidth(value) {
         _ctx.lineWidth = ~~value;
         _outline_fix = 0 === ~~value % 2 ? 0 : 0.5;
       },
-      /**
-       * Sets the line dash pattern used when drawing lines
-       *
-       * @param {number[]} segments the line dash pattern
-       * @param {number} [offset=0] the line dash offset, or "phase".
-       * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash
-       * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset
-       */
       linedash(segments, offset = 0) {
         _ctx.setLineDash(segments);
         _ctx.lineDashOffset = offset;
       },
-      /** TEXT RENDERING API */
-      /**
-       * Draw text. You can use `\n` to break lines.
-       *
-       * @param {number} x
-       * @param {number} y
-       * @param {string} message the text message
-       * @param {number} [color] the color index
-       * @param {string} [fontStyle] can be "normal" (default), "italic" and/or "bold".
-       */
       text(x, y, message, color = _defaultTextColor, fontStyle = "normal") {
         _ctx.font = `${fontStyle} ${_fontSize}px ${_fontFamily}`;
         _ctx.fillStyle = getColor(color);
         const messages = ("" + message).split("\n");
         for (let i = 0; i < messages.length; i++) {
-          _ctx.fillText(messages[i], ~~x, ~~y + _fontSize * _fontLineHeight * i);
+          _ctx.fillText(
+            messages[i],
+            ~~x,
+            ~~y + _fontSize * _fontLineHeight * i,
+          );
         }
       },
-      /**
-       * Sets the height ratio of the text lines based on current text size.
-       *
-       * Default = `1.2`
-       *
-       * @param value
-       */
       textgap(value) {
         _fontLineHeight = value;
       },
-      /**
-       * Set the font family
-       *
-       * @param {string} family
-       */
       textfont(family) {
         _fontFamily = family;
       },
-      /**
-       * Set the font size
-       *
-       * @param {number} size
-       */
       textsize(size) {
         _fontSize = size;
       },
-      /**
-       * Sets the alignment used when drawing texts
-       *
-       * @param {CanvasTextAlign} align the horizontal alignment. Possible values: "left", "right", "center", "start" or "end"
-       * @param {CanvasTextBaseline} baseline the vertical alignment. Possible values: "top", "bottom", "middle", "hanging" or "ideographic"
-       * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/textBaseline
-       * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/textAlign
-       */
       textalign(align, baseline) {
         if (align) _ctx.textAlign = align;
         if (baseline) _ctx.textBaseline = baseline;
       },
-      /** IMAGE GRAPHICS API */
-      /**
-       * Draw an image
-       *
-       * @param {number} x
-       * @param {number} y
-       * @param {CanvasImageSource} source
-       */
       image(x, y, source2) {
         _ctx.drawImage(source2, ~~x, ~~y);
       },
-      /**
-       * Draw a sprite pixel by pixel represented by a string. Each pixel must be a base 36 number (0-9 or a-z) or a dot.
-       *
-       * @param {number} x
-       * @param {number} y
-       * @param {string} pixels
-       */
       spr(x, y, pixels) {
         const rows = pixels.trim().split("\n");
         for (let row = 0; row < rows.length; row++) {
@@ -447,25 +326,21 @@
           for (let col = 0; col < chars.length; col++) {
             const char = chars[col];
             if (char !== "." && char !== " ") {
-              instance.rectfill(x + col, y + row, 1, 1, parseInt(char, 36) || 0);
+              instance.rectfill(
+                x + col,
+                y + row,
+                1,
+                1,
+                parseInt(char, 36) || 0,
+              );
             }
           }
         }
       },
-      /**
-       * Draw in an OffscreenCanvas and returns its image.
-       *
-       * @param {number} width
-       * @param {number} height
-       * @param {drawCallback} callback
-       * @param {object} [options]
-       * @param {number} [options.scale=1]
-       * @param {OffscreenCanvas} [options.canvas]
-       * @returns {ImageBitmap}
-       * @see https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas
-       */
       paint(width, height, callback, options = {}) {
-        const canvas = options.canvas || new OffscreenCanvas(1, 1), scale = options.scale || 1, currentContext = _ctx;
+        const canvas = options.canvas || new OffscreenCanvas(1, 1),
+          scale = options.scale || 1,
+          currentContext = _ctx;
         canvas.width = width * scale;
         canvas.height = height * scale;
         _ctx = canvas.getContext("2d");
@@ -474,114 +349,48 @@
         _ctx = currentContext;
         return canvas.transferToImageBitmap();
       },
-      /** ADVANCED GRAPHICS API */
-      /**
-       * Get or set the canvas context 2D
-       *
-       * @param {CanvasRenderingContext2D|OffscreenCanvasRenderingContext2D} [context]
-       * @returns {CanvasRenderingContext2D|OffscreenCanvasRenderingContext2D}
-       * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D
-       */
       ctx(context) {
         if (context) {
           _ctx = context;
         }
         return _ctx;
       },
-      /**
-       * saves the current drawing style settings and transformations
-       *
-       * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/save
-       */
       push() {
         _ctx.save();
       },
-      /**
-       * restores the drawing style settings and transformations
-       *
-       * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/restore
-       */
       pop() {
         _ctx.restore();
       },
-      /**
-       * Adds a translation to the transformation matrix.
-       *
-       * @param {number} x
-       * @param {number} y
-       */
       translate(x, y) {
         _ctx.translate(~~x, ~~y);
       },
-      /**
-       * Adds a scaling transformation to the canvas units horizontally and/or vertically.
-       *
-       * @param {number} x
-       * @param {number} [y]
-       */
       scale(x, y) {
         _ctx.scale(x, y || x);
       },
-      /**
-       * Adds a rotation to the transformation matrix.
-       *
-       * @param {number} radians
-       */
       rotate(radians) {
         _ctx.rotate(radians);
       },
-      /**
-       * Sets the alpha (opacity) value to apply when drawing new shapes and images
-       *
-       * @param {number} value float from 0 to 1 (e.g: 0.5 = 50% transparent)
-       * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalAlpha
-       */
       alpha(value) {
         _ctx.globalAlpha = instance.clamp(value, 0, 1);
       },
-      /**
-       * Fills the current path with a given color.
-       *
-       * @param {number} [color=0]
-       */
       fill(color) {
         _ctx.fillStyle = getColor(color);
         _ctx.fill();
       },
-      /**
-       * Outlines the current path with a given color.
-       *
-       * @param {number} [color=0]
-       */
       stroke(color) {
         _ctx.strokeStyle = getColor(color);
         _ctx.stroke();
       },
-      /**
-       * Turns a path (in the callback) into the current clipping region.
-       *
-       * @param {clipCallback} callback
-       * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/clip
-       */
       clip(callback) {
         beginPath(_ctx);
         callback(_ctx);
         _ctx.clip();
       },
-      /** SOUND API */
-      /**
-       * Play a sound effects using ZzFX library.
-       * If the first argument is omitted, plays an default sound.
-       *
-       * @param {number[]} [zzfxParams] a ZzFX array of params
-       * @param {number} [pitchSlide] a value to increment/decrement the pitch
-       * @param {number} [volumeFactor] the volume factor
-       * @returns {number[] | boolean} The sound that was played or `false`
-       *
-       * @see https://github.com/KilledByAPixel/ZzFX
-       */
       sfx(zzfxParams, pitchSlide = 0, volumeFactor = 1) {
-        if (!root.zzfxV || navigator.userActivation && !navigator.userActivation.hasBeenActive) {
+        if (
+          !root.zzfxV ||
+          (navigator.userActivation && !navigator.userActivation.hasBeenActive)
+        ) {
           return false;
         }
         zzfxParams = zzfxParams || _defaultSound;
@@ -593,52 +402,19 @@
         zzfx.apply(0, zzfxParams);
         return zzfxParams;
       },
-      /**
-       * Set the ZzFX's global volume factor.
-       * Note: use 0 to mute all sound effects.
-       *
-       * @param {number} value
-       */
       volume(value) {
         root.zzfxV = value;
       },
-      /** PLUGINS API */
-      /**
-       * Returns the canvas
-       *
-       * @returns {HTMLCanvasElement}
-       */
       canvas: () => _canvas,
-      /**
-       * Prepares a plugin to be loaded
-       *
-       * @param {pluginCallback} callback
-       */
       use(callback, config = {}) {
         loadPlugin(callback, config);
       },
-      /**
-       * Add a game event listener
-       *
-       * @param {string} eventName the event type name
-       * @param {Function} callback the function that is called when the event occurs
-       * @returns {Function} a function to remove the listener
-       */
       listen(eventName, callback) {
         eventName = lowerCase(eventName);
-        _eventListeners[eventName] = _eventListeners[eventName] || /* @__PURE__ */ new Set();
+        _eventListeners[eventName] = _eventListeners[eventName] || new Set();
         _eventListeners[eventName].add(callback);
         return () => _eventListeners[eventName]?.delete(callback);
       },
-      /**
-       * Call all listeners attached to a game event
-       *
-       * @param {string} eventName The event type name
-       * @param {*} [arg1] any data to be passed over the listeners
-       * @param {*} [arg2] any data to be passed over the listeners
-       * @param {*} [arg3] any data to be passed over the listeners
-       * @param {*} [arg4] any data to be passed over the listeners
-       */
       emit(eventName, arg1, arg2, arg3, arg4) {
         if (_initialized) {
           eventName = lowerCase(eventName);
@@ -647,27 +423,11 @@
           triggerEvent("after:" + eventName, arg1, arg2, arg3, arg4);
         }
       },
-      /**
-       * Set new palette colors or restore the default palette.
-       *
-       * @param {string[]} [colors] an array of colors
-       * @param {number} [textColor] the default text color this palette
-       */
       pal(colors, textColor = 3) {
         _colorPalette = colors || defaultPalette;
         _colorPaletteState = [];
         _defaultTextColor = textColor;
       },
-      /**
-       * Replace the color "a" with color "b".
-       *
-       * If called without arguments, reset the current palette.
-       *
-       * Note: `palc()` don't affect drawings made with `image()`.
-       *
-       * @param {number?} a
-       * @param {number?} b
-       */
       palc(a, b) {
         if (a == null) {
           _colorPaletteState = [];
@@ -675,106 +435,54 @@
           _colorPaletteState[a] = b;
         }
       },
-      /**
-       * Define or update a instance property.
-       *
-       * @param {string} key
-       * @param {*} value
-       */
       def(key, value) {
         instance[key] = value;
         if (settings.global) {
           root[key] = value;
         }
       },
-      /**
-       * The scale of the game's delta time (dt).
-       * Values higher than 1 increase the speed of time, while values smaller than 1 decrease it.
-       * A value of 0 freezes time and is effectively equivalent to pausing.
-       *
-       * @param {number} value
-       */
       timescale(value) {
         _timeScale = value;
       },
-      /**
-       * Set the target FPS (frames per second).
-       *
-       * @param {number} value
-       */
       framerate(value) {
         _fpsInterval = 1e3 / ~~value;
       },
-      /**
-       * Returns information about the engine instance.
-       *
-       * @param {number|string} index
-       * @returns {any}
-       */
       stat(index) {
         const internals = [
-          // 0
           settings,
-          // 1
           _initialized,
-          // 2
           _fpsInterval / 1e3,
-          // 3
           _canvasScale,
-          // 4
           _eventListeners,
-          // 5
           _colorPalette,
-          // 6
           _defaultSound,
-          // 7
           _timeScale,
-          // 8
           root.zzfxV,
-          // 9
           _rngSeed,
-          // 10
           _fontSize,
-          // 11
           _fontFamily,
-          // 12
           _colorPaletteState,
-          // 13
-          _fontLineHeight
+          _fontLineHeight,
         ];
         const data = { index, value: internals[index] };
         instance.emit("stat", data);
         return data.value;
       },
-      /**
-       * Pauses the engine loop (update & draw).
-       */
       pause() {
         _paused = true;
         cancelAnimationFrame(_rafid);
       },
-      /**
-       * Resumes (if paused) the engine loop.
-       */
       resume() {
         if (_initialized && _paused) {
           _paused = false;
           _accumulated = _fpsInterval;
-          _lastFrameTime = Date.now();
+          _lastFrameTime = perf.now();
           _rafid = raf(drawFrame);
         }
       },
-      /**
-       * Returns `true` if the engine loop is paused.
-       *
-       * @returns {boolean}
-       */
       paused() {
         return _paused;
       },
-      /**
-       * Shutdown the litecanvas instance and remove all event listeners.
-       */
       quit() {
         instance.emit("quit");
         instance.pause();
@@ -789,7 +497,7 @@
           }
           delete root.ENGINE;
         }
-      }
+      },
     };
     for (const k of _mathFunctions.split(",")) {
       instance[k] = math[k];
@@ -799,138 +507,72 @@
         on(root, "resize", resizeCanvas);
       }
       if (settings.tapEvents) {
-        const _getXY = (
-          /**
-           * @param {MouseEvent | Touch} ev
-           */
-          (ev) => [
+        const _getXY = (ev) => [
             (ev.pageX - _canvas.offsetLeft) / _canvasScale,
-            (ev.pageY - _canvas.offsetTop) / _canvasScale
-          ]
-        ), _taps = /* @__PURE__ */ new Map(), _registerTap = (
-          /**
-           * @param {number} id
-           * @param {number} [x]
-           * @param {number} [y]
-           */
-          (id, x, y) => {
-            const tap = {
-              // current x
-              x,
-              // current y
-              y,
-              // initial x
-              xi: x,
-              // initial y
-              yi: y,
-              // timestamp
-              t: Date.now()
-            };
+            (ev.pageY - _canvas.offsetTop) / _canvasScale,
+          ],
+          _taps = new Map(),
+          _registerTap = (id, x, y) => {
+            const tap = { x, y, xi: x, yi: y, t: perf.now() };
             _taps.set(id, tap);
             return tap;
-          }
-        ), _updateTap = (
-          /**
-           * @param {number} id
-           * @param {number} x
-           * @param {number} y
-           */
-          (id, x, y) => {
+          },
+          _updateTap = (id, x, y) => {
             const tap = _taps.get(id) || _registerTap(id);
             tap.x = x;
             tap.y = y;
-          }
-        ), _checkTapped = (
-          /**
-           * @param {{t: number}} tap
-           */
-          (tap) => tap && Date.now() - tap.t <= 300
-        );
+          },
+          _checkTapped = (tap) => tap && perf.now() - tap.t <= 300;
         let _pressingMouse = false;
-        on(
-          _canvas,
-          "mousedown",
-          /**
-           * @param {MouseEvent} ev
-           */
-          (ev) => {
-            if (ev.button === 0) {
-              preventDefault(ev);
-              const [x, y] = _getXY(ev);
-              instance.emit("tap", x, y, 0);
-              _registerTap(0, x, y);
-              _pressingMouse = true;
-            }
-          }
-        );
-        on(
-          _canvas,
-          "mouseup",
-          /**
-           * @param {MouseEvent} ev
-           */
-          (ev) => {
-            if (ev.button === 0) {
-              preventDefault(ev);
-              const tap = _taps.get(0);
-              const [x, y] = _getXY(ev);
-              if (_checkTapped(tap)) {
-                instance.emit("tapped", tap.xi, tap.yi, 0);
-              }
-              instance.emit("untap", x, y, 0);
-              _taps.delete(0);
-              _pressingMouse = false;
-            }
-          }
-        );
-        on(
-          root,
-          "mousemove",
-          /**
-           * @param {MouseEvent} ev
-           */
-          (ev) => {
+        on(_canvas, "mousedown", (ev) => {
+          if (ev.button === 0) {
             preventDefault(ev);
             const [x, y] = _getXY(ev);
-            instance.def("MX", x);
-            instance.def("MY", y);
-            if (!_pressingMouse) return;
-            instance.emit("tapping", x, y, 0);
-            _updateTap(0, x, y);
+            instance.emit("tap", x, y, 0);
+            _registerTap(0, x, y);
+            _pressingMouse = true;
           }
-        );
-        on(
-          _canvas,
-          "touchstart",
-          /**
-           * @param {TouchEvent} ev
-           */
-          (ev) => {
+        });
+        on(_canvas, "mouseup", (ev) => {
+          if (ev.button === 0) {
             preventDefault(ev);
-            const touches = ev.changedTouches;
-            for (const touch of touches) {
-              const [x, y] = _getXY(touch);
-              instance.emit("tap", x, y, touch.identifier + 1);
-              _registerTap(touch.identifier + 1, x, y);
+            const tap = _taps.get(0);
+            const [x, y] = _getXY(ev);
+            if (_checkTapped(tap)) {
+              instance.emit("tapped", tap.xi, tap.yi, 0);
             }
+            instance.emit("untap", x, y, 0);
+            _taps.delete(0);
+            _pressingMouse = false;
           }
-        );
-        on(
-          _canvas,
-          "touchmove",
-          /**
-           * @param {TouchEvent} ev
-           */
-          (ev) => {
-            preventDefault(ev);
-            const touches = ev.changedTouches;
-            for (const touch of touches) {
-              const [x, y] = _getXY(touch);
-              instance.emit("tapping", x, y, touch.identifier + 1);
-              _updateTap(touch.identifier + 1, x, y);
-            }
+        });
+        on(root, "mousemove", (ev) => {
+          preventDefault(ev);
+          const [x, y] = _getXY(ev);
+          instance.def("MX", x);
+          instance.def("MY", y);
+          if (!_pressingMouse) return;
+          instance.emit("tapping", x, y, 0);
+          _updateTap(0, x, y);
+        });
+        on(_canvas, "touchstart", (ev) => {
+          preventDefault(ev);
+          const touches = ev.changedTouches;
+          for (const touch of touches) {
+            const [x, y] = _getXY(touch);
+            instance.emit("tap", x, y, touch.identifier + 1);
+            _registerTap(touch.identifier + 1, x, y);
           }
-        );
+        });
+        on(_canvas, "touchmove", (ev) => {
+          preventDefault(ev);
+          const touches = ev.changedTouches;
+          for (const touch of touches) {
+            const [x, y] = _getXY(touch);
+            instance.emit("tapping", x, y, touch.identifier + 1);
+            _updateTap(touch.identifier + 1, x, y);
+          }
+        });
         const _touchEndHandler = (ev) => {
           preventDefault(ev);
           const existing = [];
@@ -959,11 +601,13 @@
         });
       }
       if (settings.keyboardEvents) {
-        const _keysDown = /* @__PURE__ */ new Set();
-        const _keysPress = /* @__PURE__ */ new Set();
+        const _keysDown = new Set();
+        const _keysPress = new Set();
         const keyCheck = (keySet, key = "") => {
           key = lowerCase(key);
-          return !key ? keySet.size > 0 : keySet.has("space" === key ? " " : key);
+          return !key
+            ? keySet.size > 0
+            : keySet.has("space" === key ? " " : key);
         };
         let _lastKey = "";
         on(root, "keydown", (event) => {
@@ -979,33 +623,13 @@
         });
         on(root, "blur", () => _keysDown.clear());
         instance.listen("after:update", () => _keysPress.clear());
-        instance.def(
-          "iskeydown",
-          /**
-           * @param {string} [key]
-           * @returns {boolean}
-           */
-          (key) => {
-            return keyCheck(_keysDown, key);
-          }
-        );
-        instance.def(
-          "iskeypressed",
-          /**
-           * @param {string} [key]
-           * @returns {boolean}
-           */
-          (key) => {
-            return keyCheck(_keysPress, key);
-          }
-        );
-        instance.def(
-          "lastkey",
-          /**
-           * @returns {string}
-           */
-          () => _lastKey
-        );
+        instance.def("iskeydown", (key) => {
+          return keyCheck(_keysDown, key);
+        });
+        instance.def("iskeypressed", (key) => {
+          return keyCheck(_keysPress, key);
+        });
+        instance.def("lastkey", () => _lastKey);
       }
       _initialized = true;
       instance.resume();
@@ -1013,7 +637,7 @@
     }
     function drawFrame() {
       _rafid = raf(drawFrame);
-      let now = Date.now();
+      let now = perf.now();
       let updated = 0;
       let frameTime = now - _lastFrameTime;
       _lastFrameTime = now;
@@ -1021,7 +645,7 @@
       while (_accumulated >= _fpsInterval) {
         updated++;
         _accumulated -= _fpsInterval;
-        let dt = _fpsInterval / 1e3 * _timeScale;
+        let dt = (_fpsInterval / 1e3) * _timeScale;
         instance.emit("update", dt, updated);
         instance.def("T", instance.T + dt);
       }
@@ -1049,7 +673,9 @@
       _canvas.oncontextmenu = () => false;
     }
     function resizeCanvas() {
-      const width = settings.width > 0 ? settings.width : innerWidth, height = settings.width > 0 ? settings.height || settings.width : innerHeight;
+      const width = settings.width > 0 ? settings.width : innerWidth,
+        height =
+          settings.width > 0 ? settings.height || settings.width : innerHeight;
       instance.def("W", width);
       instance.def("H", height);
       _canvas.width = width;
@@ -1061,7 +687,8 @@
           _canvas.style.margin = "auto";
         }
         _canvasScale = math.min(innerWidth / width, innerHeight / height);
-        _canvasScale = maxScale > 1 && _canvasScale > maxScale ? maxScale : _canvasScale;
+        _canvasScale =
+          maxScale > 1 && _canvasScale > maxScale ? maxScale : _canvasScale;
         _canvas.style.width = width * _canvasScale + "px";
         _canvas.style.height = height * _canvasScale + "px";
       }
@@ -1104,7 +731,5 @@
     }
     return instance;
   }
-
-  // src/web.js
   window.litecanvas = litecanvas;
 })();