@litecanvas/utils 0.3.2 → 0.5.0

package/README.md

@@ -6,6 +6,8 @@ Small collection of tools for developing games with [Litecanvas](https://github.
 
 - **Camera**: Move-, zoom- and rotatable camera with shake. [Usage & Docs](https://github.com/litecanvas/utils/tree/main/src/camera)
 - **Vector**: Modular 2D vector. [Usage & Docs](https://github.com/litecanvas/utils/tree/main/src/vector)
+- **Actor**: class to represent game entities. [Usage & Docs](https://github.com/litecanvas/utils/tree/main/src/actor)
+- **Grid**: class to handle retangular grid areas. [Usage & Docs](https://github.com/litecanvas/utils/tree/main/src/grid)
 - **Collision** utilities. [Usage & Docs](https://github.com/litecanvas/utils/tree/main/src/collision)
 - And [some math utilities](https://github.com/litecanvas/utils/tree/main/src/math)
 

package/dist/actor.js

@@ -0,0 +1,156 @@
+(() => {
+  var __defProp = Object.defineProperty;
+  var __export = (target, all) => {
+    for (var name in all)
+      __defProp(target, name, { get: all[name], enumerable: true });
+  };
+
+  // src/actor/index.js
+  var actor_exports = {};
+  __export(actor_exports, {
+    ANCHOR_BOT_LEFT: () => ANCHOR_BOT_LEFT,
+    ANCHOR_BOT_RIGHT: () => ANCHOR_BOT_RIGHT,
+    ANCHOR_CENTER: () => ANCHOR_CENTER,
+    ANCHOR_TOP_LEFT: () => ANCHOR_TOP_LEFT,
+    ANCHOR_TOP_RIGHT: () => ANCHOR_TOP_RIGHT,
+    Actor: () => Actor
+  });
+
+  // src/vector/index.js
+  var Vector = class {
+    /** @type {number} */
+    x;
+    /** @type {number} */
+    y;
+    /**
+     * @param {number} x
+     * @param {number} y
+     */
+    constructor(x = 0, y = x) {
+      this.x = x;
+      this.y = y;
+    }
+    /**
+     * @returns {string}
+     */
+    toString() {
+      return `Vector (${this.x}, ${this.y})`;
+    }
+  };
+  var vec = (x = 0, y = x) => new Vector(x, y);
+  var veccopy = (v) => vec(v.x, v.y);
+
+  // src/actor/index.js
+  var ANCHOR_CENTER = vec(0.5, 0.5);
+  var ANCHOR_TOP_LEFT = vec(0, 0);
+  var ANCHOR_TOP_RIGHT = vec(1, 0);
+  var ANCHOR_BOT_LEFT = vec(0, 1);
+  var ANCHOR_BOT_RIGHT = vec(1, 1);
+  var Actor = class {
+    /** @type {Image|HTMLCanvasElement|OffscreenCanvas} */
+    sprite;
+    /** @type {Vector} The actor position */
+    _p;
+    /** @type {Vector} The actor anchor (origin) */
+    _o;
+    /** @type {Vector} The actor scale */
+    _s;
+    /** @type {number} The actor angle (in radians) */
+    angle = 0;
+    /** @type {number} The actor opacity */
+    opacity = 1;
+    /** @type {boolean} If `true` the actor will not be drawn. */
+    hidden = false;
+    /**
+     * @param {Image|HTMLCanvasElement|OffscreenCanvas} sprite
+     * @param {Vector} position
+     */
+    constructor(sprite, position) {
+      this.sprite = sprite;
+      this._p = position || vec(0);
+      this._o = veccopy(ANCHOR_TOP_LEFT);
+      this._s = vec(1, 1);
+    }
+    /**
+     * @param {number}
+     */
+    set x(value) {
+      this._p.x = value;
+    }
+    /**
+     * @returns {number}
+     */
+    get x() {
+      return this._p.x;
+    }
+    /**
+     * @param {number}
+     */
+    set y(value) {
+      this._p.y = value;
+    }
+    /**
+     * @returns {number}
+     */
+    get y() {
+      return this._p.y;
+    }
+    /**
+     * @param {Vector}
+     */
+    set anchor(vec2) {
+      this._o.x = vec2.x;
+      this._o.y = vec2.y;
+    }
+    /**
+     * @returns {Vector}
+     */
+    get anchor() {
+      return this._o;
+    }
+    /**
+     * @returns {number}
+     */
+    get width() {
+      return this.sprite.width * this._s.y;
+    }
+    /**
+     * @returns {number}
+     */
+    get height() {
+      return this.sprite.height * this._s.y;
+    }
+    /**
+     * @retuns {Vector}
+     */
+    get scale() {
+      return this._s;
+    }
+    /**
+     * Update the transformation matrix, sets the opacity and draw the actor sprite image.
+     *
+     * @param {LitecanvasInstance} [litecanvas]
+     */
+    draw(litecanvas = globalThis) {
+      if (this.hidden || this.opacity <= 0) return;
+      litecanvas.push();
+      this.transform(litecanvas);
+      const anchorX = this.sprite.width * this.anchor.x;
+      const anchorY = this.sprite.height * this.anchor.y;
+      litecanvas.image(-anchorX, -anchorY, this.sprite);
+      litecanvas.pop();
+    }
+    /**
+     * @param {LitecanvasInstance} litecanvas
+     */
+    transform(litecanvas) {
+      litecanvas.translate(this._p.x, this._p.y);
+      litecanvas.rotate(this.angle);
+      litecanvas.scale(this._s.x, this._s.y);
+      litecanvas.alpha(this.opacity);
+    }
+  };
+
+  // src/actor/_web.js
+  globalThis.utils = Object.assign(globalThis.utils || {}, { actorUtils: actor_exports });
+})();

package/dist/actor.min.js

@@ -0,0 +1 @@
+(()=>{var f=Object.defineProperty;var p=(e,t)=>{for(var r in t)f(e,r,{get:t[r],enumerable:!0})};var a={};p(a,{ANCHOR_BOT_LEFT:()=>d,ANCHOR_BOT_RIGHT:()=>x,ANCHOR_CENTER:()=>u,ANCHOR_TOP_LEFT:()=>c,ANCHOR_TOP_RIGHT:()=>h,Actor:()=>n});var s=class{x;y;constructor(t=0,r=t){this.x=t,this.y=r}toString(){return`Vector (${this.x}, ${this.y})`}},o=(e=0,t=e)=>new s(e,t);var i=e=>o(e.x,e.y);var u=o(.5,.5),c=o(0,0),h=o(1,0),d=o(0,1),x=o(1,1),n=class{sprite;_p;_o;_s;angle=0;opacity=1;hidden=!1;constructor(t,r){this.sprite=t,this._p=r||o(0),this._o=i(c),this._s=o(1,1)}set x(t){this._p.x=t}get x(){return this._p.x}set y(t){this._p.y=t}get y(){return this._p.y}set anchor(t){this._o.x=t.x,this._o.y=t.y}get anchor(){return this._o}get width(){return this.sprite.width*this._s.y}get height(){return this.sprite.height*this._s.y}get scale(){return this._s}draw(t=globalThis){if(this.hidden||this.opacity<=0)return;t.push(),this.transform(t);let r=this.sprite.width*this.anchor.x,l=this.sprite.height*this.anchor.y;t.image(-r,-l,this.sprite),t.pop()}transform(t){t.translate(this._p.x,this._p.y),t.rotate(this.angle),t.scale(this._s.x,this._s.y),t.alpha(this.opacity)}};globalThis.utils=Object.assign(globalThis.utils||{},{actorUtils:a});})();

package/dist/all.js

@@ -8,8 +8,15 @@
   // src/index.js
   var src_exports = {};
   __export(src_exports, {
+    ANCHOR_BOT_LEFT: () => ANCHOR_BOT_LEFT,
+    ANCHOR_BOT_RIGHT: () => ANCHOR_BOT_RIGHT,
+    ANCHOR_CENTER: () => ANCHOR_CENTER,
+    ANCHOR_TOP_LEFT: () => ANCHOR_TOP_LEFT,
+    ANCHOR_TOP_RIGHT: () => ANCHOR_TOP_RIGHT,
+    Actor: () => Actor,
     Camera: () => Camera,
     DOWN: () => DOWN,
+    Grid: () => Grid,
     LEFT: () => LEFT,
     ONE: () => ONE,
     RIGHT: () => RIGHT,
@@ -198,6 +205,204 @@
     }
   };
 
+  // src/grid/index.js
+  var Grid = class _Grid {
+    /** @type {number} The grid width */
+    _w;
+    /** @type {number} The grid height */
+    _h;
+    /** @type {any[]} The grid cells */
+    _c;
+    /**
+     * @static
+     * @param {number} width
+     * @param {number} height
+     * @param {any[]} values
+     */
+    static fromArray(width, height, values) {
+      const grid = new _Grid(width, height);
+      for (let i = 0; i < values.length; i++) {
+        grid._c[i] = values[i];
+      }
+      return grid;
+    }
+    /**
+     * @param {number} width The grid width
+     * @param {number} height The grid height
+     */
+    constructor(width, height) {
+      this.width = width;
+      this.height = height;
+      this.clear();
+    }
+    /**
+     * Delete all cell values.
+     */
+    clear() {
+      this._c = Array(this._w * this._h);
+    }
+    /**
+     * @param {number} value
+     */
+    set width(value) {
+      this._w = Math.max(1, ~~value);
+    }
+    get width() {
+      return this._w;
+    }
+    /**
+     * @param {number} value
+     */
+    set height(value) {
+      this._h = Math.max(1, ~~value);
+    }
+    get height() {
+      return this._h;
+    }
+    /**
+     * The the value of a grid's cell.
+     *
+     * @param {number} x
+     * @param {number} y
+     * @param {any} value
+     */
+    set(x, y, value) {
+      this._c[this.pointToIndex(x, y)] = value;
+    }
+    /**
+     * Returns the value of a grid's cell.
+     *
+     * @param {number} x
+     * @param {number} y
+     * @returns {any}
+     */
+    get(x, y) {
+      return this._c[this.pointToIndex(x, y)];
+    }
+    /**
+     * Returns true if the which cell has any value not equal to `null` or `undefined`.
+     *
+     * @param {number} x
+     * @param {number} y
+     * @returns {boolean}
+     */
+    has(x, y) {
+      return this.get(x, y) != null;
+    }
+    /**
+     * Returns the total of cells.
+     *
+     * @returns {number}
+     */
+    get length() {
+      return this._w * this._h;
+    }
+    /**
+     * Convert a grid point (X, Y) to a index.
+     *
+     * @param {number} x
+     * @param {number} y
+     * @returns {number} The index
+     */
+    pointToIndex(x, y) {
+      return this.clampX(~~x) + this.clampY(~~y) * this._w;
+    }
+    /**
+     * Convert index to a grid point X.
+     *
+     * @param {number} index
+     * @returns {number}
+     */
+    indexToPointX(index) {
+      return index % this._w;
+    }
+    /**
+     * Convert index to a grid point Y.
+     *
+     * @param {number} index
+     * @returns {number}
+     */
+    indexToPointY(index) {
+      return Math.floor(index / this._w);
+    }
+    /**
+     * Loops over all grid cells.
+     *
+     * @callback GridForEachCallback
+     * @param {number} x
+     * @param {number} y
+     * @param {any} value
+     * @param {Grid} grid
+     * @returns {boolean?} returns `false` to stop/break the loop
+     *
+     * @param {GridForEachCallback} handler
+     * @param {boolean} [reverse=false]
+     */
+    forEach(handler, reverse = false) {
+      let i = reverse ? this.length - 1 : 0, limit = reverse ? -1 : this.length, step = reverse ? -1 : 1;
+      while (i !== limit) {
+        const x = this.indexToPointX(i), y = this.indexToPointY(i), cellValue = this._c[i];
+        if (false === handler(x, y, cellValue, this)) break;
+        i += step;
+      }
+    }
+    /**
+     * @param {*} value
+     */
+    fill(value) {
+      this.forEach((x, y) => {
+        this.set(x, y, value);
+      });
+    }
+    /**
+     * @returns {Grid} the cloned grid
+     */
+    clone() {
+      return _Grid.fromArray(this._w, this._h, this._c);
+    }
+    /**
+     * @param {number} y
+     * @returns {number}
+     */
+    clampX(x) {
+      return _clamp(x, 0, this._w - 1);
+    }
+    /**
+     * @param {number} y
+     * @returns {number}
+     */
+    clampY(y) {
+      return _clamp(y, 0, this._h - 1);
+    }
+    /**
+     * Returns the cell values in a single array.
+     *
+     * @returns {any[]}
+     */
+    toArray() {
+      return this._c.slice(0);
+    }
+    /**
+     * @param {string} separator
+     * @param {boolean} format
+     * @returns {string}
+     */
+    toString(separator = " ", format = true) {
+      if (!format) return this._c.join(separator);
+      const rows = [];
+      this.forEach((x, y, value) => {
+        rows[y] = rows[y] || "";
+        rows[y] += value + separator;
+      });
+      return rows.join("\n");
+    }
+  };
+  function _clamp(value, min, max) {
+    if (value < min) return min;
+    if (value > max) return max;
+    return value;
+  }
+
   // src/vector/index.js
   var Vector = class {
     /** @type {number} */
@@ -224,7 +429,7 @@
     if (isvector(x)) {
       return veceq(v, x.x, x.y);
     }
-    return v.x === x && v.y === (y || x);
+    return v.x === x && v.y === y;
   };
   var veccopy = (v) => vec(v.x, v.y);
   var vecset = (v, x, y = x) => {
@@ -322,6 +527,117 @@
   var DOWN = /* @__PURE__ */ vec(0, 1);
   var LEFT = /* @__PURE__ */ vec(-1, 0);
 
+  // src/actor/index.js
+  var ANCHOR_CENTER = vec(0.5, 0.5);
+  var ANCHOR_TOP_LEFT = vec(0, 0);
+  var ANCHOR_TOP_RIGHT = vec(1, 0);
+  var ANCHOR_BOT_LEFT = vec(0, 1);
+  var ANCHOR_BOT_RIGHT = vec(1, 1);
+  var Actor = class {
+    /** @type {Image|HTMLCanvasElement|OffscreenCanvas} */
+    sprite;
+    /** @type {Vector} The actor position */
+    _p;
+    /** @type {Vector} The actor anchor (origin) */
+    _o;
+    /** @type {Vector} The actor scale */
+    _s;
+    /** @type {number} The actor angle (in radians) */
+    angle = 0;
+    /** @type {number} The actor opacity */
+    opacity = 1;
+    /** @type {boolean} If `true` the actor will not be drawn. */
+    hidden = false;
+    /**
+     * @param {Image|HTMLCanvasElement|OffscreenCanvas} sprite
+     * @param {Vector} position
+     */
+    constructor(sprite, position) {
+      this.sprite = sprite;
+      this._p = position || vec(0);
+      this._o = veccopy(ANCHOR_TOP_LEFT);
+      this._s = vec(1, 1);
+    }
+    /**
+     * @param {number}
+     */
+    set x(value) {
+      this._p.x = value;
+    }
+    /**
+     * @returns {number}
+     */
+    get x() {
+      return this._p.x;
+    }
+    /**
+     * @param {number}
+     */
+    set y(value) {
+      this._p.y = value;
+    }
+    /**
+     * @returns {number}
+     */
+    get y() {
+      return this._p.y;
+    }
+    /**
+     * @param {Vector}
+     */
+    set anchor(vec2) {
+      this._o.x = vec2.x;
+      this._o.y = vec2.y;
+    }
+    /**
+     * @returns {Vector}
+     */
+    get anchor() {
+      return this._o;
+    }
+    /**
+     * @returns {number}
+     */
+    get width() {
+      return this.sprite.width * this._s.y;
+    }
+    /**
+     * @returns {number}
+     */
+    get height() {
+      return this.sprite.height * this._s.y;
+    }
+    /**
+     * @retuns {Vector}
+     */
+    get scale() {
+      return this._s;
+    }
+    /**
+     * Update the transformation matrix, sets the opacity and draw the actor sprite image.
+     *
+     * @param {LitecanvasInstance} [litecanvas]
+     */
+    draw(litecanvas = globalThis) {
+      if (this.hidden || this.opacity <= 0) return;
+      litecanvas.push();
+      this.transform(litecanvas);
+      const anchorX = this.sprite.width * this.anchor.x;
+      const anchorY = this.sprite.height * this.anchor.y;
+      litecanvas.image(-anchorX, -anchorY, this.sprite);
+      litecanvas.pop();
+    }
+    /**
+     * @param {LitecanvasInstance} litecanvas
+     */
+    transform(litecanvas) {
+      litecanvas.translate(this._p.x, this._p.y);
+      litecanvas.rotate(this.angle);
+      litecanvas.scale(this._s.x, this._s.y);
+      litecanvas.alpha(this.opacity);
+    }
+  };
+
   // src/_web.js
   globalThis.utils = src_exports;
 })();

package/dist/all.min.js

@@ -1 +1,2 @@
-(()=>{var N=Object.defineProperty;var P=(e,t)=>{for(var s in t)N(e,s,{get:t[s],enumerable:!0})};var T={};P(T,{Camera:()=>a,DOWN:()=>K,LEFT:()=>Q,ONE:()=>B,RIGHT:()=>J,UP:()=>C,Vector:()=>l,ZERO:()=>j,diff:()=>L,fract:()=>q,intersection:()=>y,isvector:()=>h,resolve:()=>z,vec:()=>i,vecadd:()=>I,vecconfig:()=>k,veccopy:()=>R,veccross:()=>S,vecdir:()=>A,vecdist:()=>$,vecdist2:()=>b,vecdiv:()=>d,vecdot:()=>F,veceq:()=>E,veclerp:()=>U,veclimit:()=>Y,vecmag:()=>D,vecmag2:()=>G,vecmult:()=>M,vecnorm:()=>X,vecrand:()=>Z,vecrot:()=>W,vecset:()=>H,vecsub:()=>O,wave:()=>v});var L=(e,t)=>Math.abs(t-e)||0;var q=e=>e%1||0;var v=(e,t,s,o=Math.sin)=>e+(o(s)+1)/2*(t-e);var y=(e,t,s,o,r,n,x,p)=>{let u=Math.max(e,r),w=Math.min(e+s,r+x)-u,f=Math.max(t,n),g=Math.min(t+o,n+p)-f;return[u,f,w,g]};var z=(e,t,s,o,r,n,x,p)=>{let[u,w,f,g]=y(e,t,s,o,r,n,x,p),c="",m=e,_=t;return f<g?e<r?(c="right",m=r-s):(c="left",m=r+x):t<n?(c="bottom",_=n-o):(c="top",_=n+p),{direction:c,x:m,y:_}};var a=class{_engine=null;x=0;y=0;width=0;height=0;rotation=0;scale=1;_shake={x:0,y:0,removeListener:null};constructor(t=null){t=t||globalThis,this._engine=t,this.size(t.WIDTH||0,t.HEIGHT||0),this.x=this.width/2,this.y=this.height/2}size(t,s){this.width=t,this.height=s}start(t=!1){let s=this.width/2,o=this.height/2;this._engine.push(),this._engine.translate(s,o),this._engine.scale(this.scale),this._engine.rotate(this.rotation),this._engine.translate(-this.x+this._shake.x,-this.y+this._shake.y),t&&this._engine.cliprect(this.x,this.y,this.width,this.height)}end(){this._engine.pop()}lookAt(t,s){this.x=t,this.y=s}move(t,s){this.x+=t,this.y+=s}zoom(t){this.scale*=t}zoomTo(t){this.scale=t}rotate(t){this.rotation+=t}rotateTo(t){this.rotation=t}shake(t=.3,s=1){this.shaking()||(this._shake.removeListener=this._engine.listen("update",o=>{this._shake.x=this._engine.randi(-s,s),this._shake.y=this._engine.randi(-s,s),t-=o,t<=0&&this.unshake()}))}unshake(){this.shaking()&&(this._shake.removeListener(),this._shake.removeListener=null,this._shake.x=this._shake.y=0)}shaking(){return this._shake.removeListener!==null}};var l=class{x;y;constructor(t=0,s=t){this.x=t,this.y=s}toString(){return`Vector (${this.x}, ${this.y})`}},i=(e=0,t=e)=>new l(e,t),E=(e,t,s=t)=>h(t)?E(e,t.x,t.y):e.x===t&&e.y===(s||t),R=e=>i(e.x,e.y),H=(e,t,s=t)=>{h(t)?H(e,t.x,t.y):(e.x=t,e.y=s)},I=(e,t,s=t)=>{h(t)?I(e,t.x,t.y):(e.x+=t,e.y+=s)},O=(e,t,s=t)=>{h(t)?O(e,t.x,t.y):(e.x-=t,e.y-=s)},M=(e,t,s=t)=>{h(t)?M(e,t.x,t.y):(e.x*=t,e.y*=s)},d=(e,t,s=t)=>{h(t)?d(e,t.x,t.y):(e.x/=t,e.y/=s)},W=(e,t)=>{let s=Math.cos(t),o=Math.sin(t);e.x=s*e.x-o*e.y,e.y=o*e.x+s*e.y},D=e=>Math.sqrt(e.x*e.x+e.y*e.y),G=e=>e.x*e.x+e.y*e.y,X=e=>{let t=D(e);t>0&&d(e,t)},Y=(e,t)=>{let s=G(e);s>t*t&&(d(e,Math.sqrt(s)),M(e,t))},$=(e,t)=>{let s=e.x-t.x,o=e.y-t.y;return Math.sqrt(s*s+o*o)},b=(e,t)=>{let s=e.x-t.x,o=e.y-t.y;return s*s+o*o},A=e=>Math.atan2(e.y,e.x),F=(e,t)=>e.x*t.x+e.y*t.y,S=(e,t)=>e.x*t.y-e.y*t.x,U=(e,t,s)=>{e.x+=(t.x-e.x)*s||0,e.y+=(t.y-e.y)*s||0},Z=(e=1,t=e)=>{let s=k.random()*2*Math.PI,o=k.random()*(t-e)+e;return i(Math.cos(s)*o,Math.sin(s)*o)},h=e=>e instanceof l,k={random:()=>globalThis.rand?rand():Math.random()},j=i(0,0),B=i(1,1),C=i(0,-1),J=i(1,0),K=i(0,1),Q=i(-1,0);globalThis.utils=T;})();
+(()=>{var L=Object.defineProperty;var v=(e,t)=>{for(var s in t)L(e,s,{get:t[s],enumerable:!0})};var A={};v(A,{ANCHOR_BOT_LEFT:()=>it,ANCHOR_BOT_RIGHT:()=>nt,ANCHOR_CENTER:()=>ot,ANCHOR_TOP_LEFT:()=>W,ANCHOR_TOP_RIGHT:()=>rt,Actor:()=>I,Camera:()=>p,DOWN:()=>et,Grid:()=>u,LEFT:()=>st,ONE:()=>K,RIGHT:()=>tt,UP:()=>Q,Vector:()=>d,ZERO:()=>J,diff:()=>M,fract:()=>P,intersection:()=>g,isvector:()=>c,resolve:()=>O,vec:()=>i,vecadd:()=>S,vecconfig:()=>w,veccopy:()=>H,veccross:()=>V,vecdir:()=>$,vecdist:()=>B,vecdist2:()=>j,vecdiv:()=>_,vecdot:()=>q,veceq:()=>k,veclerp:()=>U,veclimit:()=>F,vecmag:()=>R,vecmag2:()=>Y,vecmult:()=>E,vecnorm:()=>N,vecrand:()=>Z,vecrot:()=>G,vecset:()=>z,vecsub:()=>X,wave:()=>b});var M=(e,t)=>Math.abs(t-e)||0;var P=e=>e%1||0;var b=(e,t,s,o=Math.sin)=>e+(o(s)+1)/2*(t-e);var g=(e,t,s,o,n,r,a,h)=>{let l=Math.max(e,n),D=Math.min(e+s,n+a)-l,x=Math.max(t,r),m=Math.min(t+o,r+h)-x;return[l,x,D,m]};var O=(e,t,s,o,n,r,a,h)=>{let[l,D,x,m]=g(e,t,s,o,n,r,a,h),f="",y=e,T=t;return x<m?e<n?(f="right",y=n-s):(f="left",y=n+a):t<r?(f="bottom",T=r-o):(f="top",T=r+h),{direction:f,x:y,y:T}};var p=class{_engine=null;x=0;y=0;width=0;height=0;rotation=0;scale=1;_shake={x:0,y:0,removeListener:null};constructor(t=null){t=t||globalThis,this._engine=t,this.size(t.WIDTH||0,t.HEIGHT||0),this.x=this.width/2,this.y=this.height/2}size(t,s){this.width=t,this.height=s}start(t=!1){let s=this.width/2,o=this.height/2;this._engine.push(),this._engine.translate(s,o),this._engine.scale(this.scale),this._engine.rotate(this.rotation),this._engine.translate(-this.x+this._shake.x,-this.y+this._shake.y),t&&this._engine.cliprect(this.x,this.y,this.width,this.height)}end(){this._engine.pop()}lookAt(t,s){this.x=t,this.y=s}move(t,s){this.x+=t,this.y+=s}zoom(t){this.scale*=t}zoomTo(t){this.scale=t}rotate(t){this.rotation+=t}rotateTo(t){this.rotation=t}shake(t=.3,s=1){this.shaking()||(this._shake.removeListener=this._engine.listen("update",o=>{this._shake.x=this._engine.randi(-s,s),this._shake.y=this._engine.randi(-s,s),t-=o,t<=0&&this.unshake()}))}unshake(){this.shaking()&&(this._shake.removeListener(),this._shake.removeListener=null,this._shake.x=this._shake.y=0)}shaking(){return this._shake.removeListener!==null}};var u=class e{_w;_h;_c;static fromArray(t,s,o){let n=new e(t,s);for(let r=0;r<o.length;r++)n._c[r]=o[r];return n}constructor(t,s){this.width=t,this.height=s,this.clear()}clear(){this._c=Array(this._w*this._h)}set width(t){this._w=Math.max(1,~~t)}get width(){return this._w}set height(t){this._h=Math.max(1,~~t)}get height(){return this._h}set(t,s,o){this._c[this.pointToIndex(t,s)]=o}get(t,s){return this._c[this.pointToIndex(t,s)]}has(t,s){return this.get(t,s)!=null}get length(){return this._w*this._h}pointToIndex(t,s){return this.clampX(~~t)+this.clampY(~~s)*this._w}indexToPointX(t){return t%this._w}indexToPointY(t){return Math.floor(t/this._w)}forEach(t,s=!1){let o=s?this.length-1:0,n=s?-1:this.length,r=s?-1:1;for(;o!==n;){let a=this.indexToPointX(o),h=this.indexToPointY(o),l=this._c[o];if(t(a,h,l,this)===!1)break;o+=r}}fill(t){this.forEach((s,o)=>{this.set(s,o,t)})}clone(){return e.fromArray(this._w,this._h,this._c)}clampX(t){return C(t,0,this._w-1)}clampY(t){return C(t,0,this._h-1)}toArray(){return this._c.slice(0)}toString(t=" ",s=!0){if(!s)return this._c.join(t);let o=[];return this.forEach((n,r,a)=>{o[r]=o[r]||"",o[r]+=a+t}),o.join(`
+`)}};function C(e,t,s){return e<t?t:e>s?s:e}var d=class{x;y;constructor(t=0,s=t){this.x=t,this.y=s}toString(){return`Vector (${this.x}, ${this.y})`}},i=(e=0,t=e)=>new d(e,t),k=(e,t,s=t)=>c(t)?k(e,t.x,t.y):e.x===t&&e.y===s,H=e=>i(e.x,e.y),z=(e,t,s=t)=>{c(t)?z(e,t.x,t.y):(e.x=t,e.y=s)},S=(e,t,s=t)=>{c(t)?S(e,t.x,t.y):(e.x+=t,e.y+=s)},X=(e,t,s=t)=>{c(t)?X(e,t.x,t.y):(e.x-=t,e.y-=s)},E=(e,t,s=t)=>{c(t)?E(e,t.x,t.y):(e.x*=t,e.y*=s)},_=(e,t,s=t)=>{c(t)?_(e,t.x,t.y):(e.x/=t,e.y/=s)},G=(e,t)=>{let s=Math.cos(t),o=Math.sin(t);e.x=s*e.x-o*e.y,e.y=o*e.x+s*e.y},R=e=>Math.sqrt(e.x*e.x+e.y*e.y),Y=e=>e.x*e.x+e.y*e.y,N=e=>{let t=R(e);t>0&&_(e,t)},F=(e,t)=>{let s=Y(e);s>t*t&&(_(e,Math.sqrt(s)),E(e,t))},B=(e,t)=>{let s=e.x-t.x,o=e.y-t.y;return Math.sqrt(s*s+o*o)},j=(e,t)=>{let s=e.x-t.x,o=e.y-t.y;return s*s+o*o},$=e=>Math.atan2(e.y,e.x),q=(e,t)=>e.x*t.x+e.y*t.y,V=(e,t)=>e.x*t.y-e.y*t.x,U=(e,t,s)=>{e.x+=(t.x-e.x)*s||0,e.y+=(t.y-e.y)*s||0},Z=(e=1,t=e)=>{let s=w.random()*2*Math.PI,o=w.random()*(t-e)+e;return i(Math.cos(s)*o,Math.sin(s)*o)},c=e=>e instanceof d,w={random:()=>globalThis.rand?rand():Math.random()},J=i(0,0),K=i(1,1),Q=i(0,-1),tt=i(1,0),et=i(0,1),st=i(-1,0);var ot=i(.5,.5),W=i(0,0),rt=i(1,0),it=i(0,1),nt=i(1,1),I=class{sprite;_p;_o;_s;angle=0;opacity=1;hidden=!1;constructor(t,s){this.sprite=t,this._p=s||i(0),this._o=H(W),this._s=i(1,1)}set x(t){this._p.x=t}get x(){return this._p.x}set y(t){this._p.y=t}get y(){return this._p.y}set anchor(t){this._o.x=t.x,this._o.y=t.y}get anchor(){return this._o}get width(){return this.sprite.width*this._s.y}get height(){return this.sprite.height*this._s.y}get scale(){return this._s}draw(t=globalThis){if(this.hidden||this.opacity<=0)return;t.push(),this.transform(t);let s=this.sprite.width*this.anchor.x,o=this.sprite.height*this.anchor.y;t.image(-s,-o,this.sprite),t.pop()}transform(t){t.translate(this._p.x,this._p.y),t.rotate(this.angle),t.scale(this._s.x,this._s.y),t.alpha(this.opacity)}};globalThis.utils=A;})();