evotars 0.0.3 → 0.0.5

package/dist/evotars.js

@@ -1,12 +1,13 @@
-var M = Object.defineProperty;
-var k = (a, t, e) => t in a ? M(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
-var s = (a, t, e) => (k(a, typeof t != "symbol" ? t + "" : t, e), e);
-import * as h from "pixi.js";
-import D from "tinycolor2";
-import * as y from "@tweenjs/tween.js";
-import { Tween as S } from "@tweenjs/tween.js";
+var I = Object.defineProperty;
+var z = (r, t, e) => t in r ? I(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var s = (r, t, e) => (z(r, typeof t != "symbol" ? t + "" : t, e), e);
+import * as c from "pixi.js";
+import { Assets as R, Spritesheet as M, AnimatedSprite as P, SCALE_MODES as k } from "pixi.js";
+import F from "tinycolor2";
+import * as g from "@tweenjs/tween.js";
+import { Tween as T } from "@tweenjs/tween.js";
 const m = 0.02 * 1e3;
-class w {
+class f {
   constructor(t = 0, e) {
     s(this, "isCompleted", !1);
     this.current = t, this.onComplete = e;
@@ -16,12 +17,12 @@ class w {
     this.isCompleted || (this.current -= t, this.current < 0 && (this.isCompleted = !0, (e = this.onComplete) == null || e.call(this)));
   }
 }
-class P {
+class V {
   constructor() {
     s(this, "timers", []);
   }
   add(t, e) {
-    this.timers.push(new w(t, e));
+    this.timers.push(new f(t, e));
   }
   tick(t = m) {
     const e = [];
@@ -30,132 +31,14 @@ class P {
     this.timers = e;
   }
 }
-const v = new P();
-class z {
-  constructor() {
-    s(this, "isLoaded", !1);
-    s(this, "sheets", {});
-  }
-  async load(t) {
-    this.isLoaded || (this.isLoaded = !0, await h.Assets.init({ manifest: t }), this.sheets = await h.Assets.loadBundle("main"), await h.Assets.loadBundle("fonts"));
-  }
-}
-const T = new z(), F = (a) => a.name == "jump", L = (a) => a.name == "color", V = (a) => a.name == "grow", j = (a) => a.name == "dash", C = {
-  sprites: {
-    sith: {
-      name: "sith",
-      w: 32,
-      h: 32,
-      collider: {
-        x: 8,
-        y: 5,
-        w: 16,
-        h: 20
-      },
-      pivot: {
-        x: 0,
-        y: 9
-      }
-    },
-    agent: {
-      name: "agent",
-      w: 32,
-      h: 32,
-      collider: {
-        x: 8,
-        y: 7,
-        w: 16,
-        h: 18
-      },
-      pivot: {
-        x: 0,
-        y: 9
-      }
-    },
-    nerd: {
-      name: "nerd",
-      w: 32,
-      h: 32,
-      collider: {
-        x: 8,
-        y: 7,
-        w: 16,
-        h: 18
-      },
-      pivot: {
-        x: 0,
-        y: 9
-      }
-    },
-    girl: {
-      name: "girl",
-      w: 32,
-      h: 32,
-      collider: {
-        x: 8,
-        y: 5,
-        w: 16,
-        h: 20
-      },
-      pivot: {
-        x: 0,
-        y: 9
-      }
-    },
-    cat: {
-      name: "cat",
-      w: 32,
-      h: 32,
-      collider: {
-        x: 8,
-        y: 4,
-        w: 16,
-        h: 21
-      },
-      pivot: {
-        x: 0,
-        y: 9
-      }
-    },
-    senior: {
-      name: "senior",
-      w: 32,
-      h: 32,
-      collider: {
-        x: 8,
-        y: 4,
-        w: 16,
-        h: 21
-      },
-      pivot: {
-        x: 0,
-        y: 9
-      }
-    },
-    sponge: {
-      name: "sponge",
-      w: 32,
-      h: 32,
-      collider: {
-        x: 8,
-        y: 7,
-        w: 16,
-        h: 18
-      },
-      pivot: {
-        x: 0,
-        y: 9
-      }
-    }
-  }
-};
-class O {
+const v = new V(), L = (r) => r.name == "jump", j = (r) => r.name == "color", J = (r) => r.name == "grow", W = (r) => r.name == "dash", O = (r) => r.name == "sprite";
+class U {
   constructor() {
     s(this, "assets", {});
   }
-  async init(t) {
+  async initialize(t) {
     this.assets = Object.fromEntries(
-      Array.from(Object.entries(t)).map(([e, i]) => [e, new Audio(i)])
+      Array.from(Object.entries(t ?? {})).map(([e, i]) => [e, new Audio(i.src)])
     );
   }
   play(t) {
@@ -163,43 +46,62 @@ class O {
     e && (e.volume = 0.2, e.pause(), e.currentTime = 0, e.play());
   }
 }
-const E = new O();
-var b = /* @__PURE__ */ ((a) => (a.Body = "Body", a.Eyes = "Eyes", a))(b || {}), l = /* @__PURE__ */ ((a) => (a.Idle = "Idle", a.Jump = "Jump", a.Fall = "Fall", a.Land = "Land", a.Run = "Run", a.Die = "Die", a))(l || {});
-class J {
-  createLayerAnimatedSprites(t, e, i) {
-    const n = e.data.meta.layers;
-    if (n) {
-      const o = Object.fromEntries(
-        n.map((r) => [r.name, []])
-      );
-      for (let r = i.from; r <= i.to; r++) {
-        const c = r.toString();
-        for (const d in o) {
-          const g = t + "_" + d + "_" + c, I = e.textures[g], R = e.data.frames[g].duration;
-          o[d].push({ texture: I, time: R });
-        }
+const A = new U();
+var d = /* @__PURE__ */ ((r) => (r.Idle = "Idle", r.Jump = "Jump", r.Fall = "Fall", r.Land = "Land", r.Run = "Run", r.Die = "Die", r))(d || {});
+class X {
+  constructor() {
+    s(this, "spriteLoaderFn");
+    s(this, "sprites", {});
+  }
+  initialize(t) {
+    this.spriteLoaderFn = t;
+  }
+  async getSpriteData(t) {
+    const e = await this.spriteLoaderFn(t);
+    if (!e)
+      return;
+    if (this.sprites[t])
+      return this.sprites[t];
+    const i = await R.load(e.image), n = new M({
+      texture: i,
+      data: e.sprite
+    });
+    return await n.parse(), this.sprites[t] = {
+      sheet: n,
+      data: {
+        ...e.data,
+        scale: e.data.scale ?? 1
       }
-      return Object.entries(o).map((r) => {
-        const c = new h.AnimatedSprite(r[1]);
-        return c.texture.baseTexture.scaleMode = h.SCALE_MODES.NEAREST, { layer: r[0], sprite: c };
-      });
-    }
-    throw Error("Sprite sheet doesn't have layers");
+    }, this.sprites[t];
   }
-  createTagAnimatedSprites(t) {
+  getAnimatedSprites(t) {
     if (!t)
       throw Error("Sheet is not defined");
-    const e = T.sheets[t];
-    return (e.data.meta.frameTags ?? []).reduce(
-      (i, n) => (n && n.name && (i[n.name] = this.createLayerAnimatedSprites(t, e, n)), i),
-      {}
-    );
+    if (!this.sprites[t])
+      throw Error("Sprite is not loaded");
+    const e = this.sprites[t].data, i = this.sprites[t].sheet, n = {};
+    for (const a of i.data.meta.frameTags ?? []) {
+      if (!i.data.meta.layers)
+        throw Error("Layers are not defined");
+      const o = {};
+      for (const h of i.data.meta.layers) {
+        const p = [];
+        for (let u = a.from; u <= a.to; u++) {
+          const E = u.toString(), C = e.name + "_" + h.name + "_" + E, b = i.textures[C], D = i.data.frames[C].duration;
+          p.push({ texture: b, time: D });
+        }
+        const x = new P(p);
+        x.texture.baseTexture.scaleMode = k.NEAREST, o[h.name] = x;
+      }
+      a.name && (n[a.name] = o);
+    }
+    return n;
   }
 }
-const A = new J();
-class W {
+const S = new X();
+class N {
   constructor() {
-    s(this, "container", new h.Container());
+    s(this, "container", new c.Container());
     s(this, "emotes", []);
     s(this, "moveSpeed", 50);
     s(this, "alphaSpeed", 1);
@@ -207,12 +109,12 @@ class W {
     s(this, "timer");
   }
   add(t) {
-    const e = h.Sprite.from(t);
+    const e = c.Sprite.from(t);
     e.anchor.set(0.5, 0.5), e.scale.set(0, 0), this.emotes.push(e);
   }
   update(t) {
     var e;
-    (e = this.timer) == null || e.tick(), (!this.timer || this.timer.isCompleted) && this.emotes.length > 0 && (this.timer = new w(2e3, () => {
+    (e = this.timer) == null || e.tick(), (!this.timer || this.timer.isCompleted) && this.emotes.length > 0 && (this.timer = new f(2e3, () => {
       const i = this.emotes.shift();
       i && this.container.addChild(i);
     })), this.container.position.x = t.position.x ?? this.container.position.x, this.container.position.y = t.position.y ?? this.container.position.y;
@@ -222,9 +124,9 @@ class W {
 }
 class _ {
   constructor(t) {
-    s(this, "container", new h.Container());
-    s(this, "animated", new h.Container());
-    s(this, "text", new h.Text(void 0, {
+    s(this, "container", new c.Container());
+    s(this, "animated", new c.Container());
+    s(this, "text", new c.Text(void 0, {
       fontFamily: "Rubik",
       fontSize: 20,
       fill: 2236962,
@@ -245,18 +147,18 @@ class _ {
     this.beforeShow = t, this.container.addChild(this.animated), this.text.anchor.set(0.5, 1), this.text.position.set(0, -this.padding);
   }
   trim(t) {
-    const e = h.TextMetrics.measureText(t.text, t.style);
+    const e = c.TextMetrics.measureText(t.text, t.style);
     return e.lines.length > 4 ? e.lines.slice(0, 4).join(" ").slice(0, -3) + "..." : t.text;
   }
   update(t) {
-    var i, n, o, r, c;
-    if ((i = this.timer) == null || i.tick(), (n = this.showTween) == null || n.update(), (o = this.hideTween) == null || o.update(), this.isChecking && this.messageQueue.length > 0) {
+    var i, n, a, o, h;
+    if ((i = this.timer) == null || i.tick(), (n = this.showTween) == null || n.update(), (a = this.hideTween) == null || a.update(), this.isChecking && this.messageQueue.length > 0) {
       this.isChecking = !1;
-      const d = this.messageQueue.shift();
-      d && (this.beforeShow(), this.show(d));
+      const p = this.messageQueue.shift();
+      p && (this.beforeShow(), this.show(p));
     }
     this.container.position.x = t.position.x ?? this.container.position.x, this.container.position.y = t.position.y ?? this.container.position.y;
-    const e = ((r = this.showTween) == null ? void 0 : r.isPlaying()) || ((c = this.hideTween) == null ? void 0 : c.isPlaying());
+    const e = ((o = this.showTween) == null ? void 0 : o.isPlaying()) || ((h = this.hideTween) == null ? void 0 : h.isPlaying());
     !this.isChecking && !e && this.timer && (this.animated.position.y = Math.sin(this.timer.current * 25e-4) * 4 - 2);
   }
   add(t) {
@@ -268,7 +170,7 @@ class _ {
       y: t.y - this.padding - t.height * t.anchor.y,
       w: t.width + this.padding * 2,
       h: t.height + this.padding * 2
-    }, i = new h.Graphics();
+    }, i = new c.Graphics();
     return i.beginFill(this.boxColor), i.drawRoundedRect(
       e.x,
       e.y,
@@ -301,19 +203,19 @@ class _ {
       alpha: 0,
       y: this.animated.y + this.fadeShift
     };
-    this.hideTween = new S(this.animated).to(n, 500).onComplete(() => {
+    this.hideTween = new T(this.animated).to(n, 500).onComplete(() => {
       this.isChecking = !0;
-    }), this.showTween = new S(this.animated).to(i, 500).onComplete(() => {
-      this.timer = new w(1e4, () => {
-        var o;
-        (o = this.hideTween) == null || o.start();
+    }), this.showTween = new T(this.animated).to(i, 500).onComplete(() => {
+      this.timer = new f(1e4, () => {
+        var a;
+        (a = this.hideTween) == null || a.start();
       });
     }), this.showTween.start();
   }
 }
-class B {
+class G {
   constructor() {
-    s(this, "text", new h.Text(void 0, {
+    s(this, "text", new c.Text(void 0, {
       fontFamily: "Rubik",
       fontSize: 18,
       fill: 16777215,
@@ -334,39 +236,40 @@ class B {
     this.text.text = t.name ?? "", this.text.visible = t.isVisible, this.text.position.x = t.position.x ?? this.text.position.x, this.text.position.y = t.position.y ?? this.text.position.y;
   }
 }
-class U {
+class Y {
   constructor(t) {
-    s(this, "container", new h.Container());
+    s(this, "container", new c.Container());
     s(this, "sprites");
     this.sprites = t, this.container.sortableChildren = !0;
     let e = 0;
-    for (const i of this.sprites) {
-      const n = i.sprite;
-      this.container.addChild(n), n.zIndex = ++e, n.anchor.set(0.5, 0.5), n.autoUpdate = !1, n.play();
+    for (const i in this.sprites) {
+      const n = this.sprites[i];
+      this.container.addChild(n), n.zIndex = ++e, n.anchor.set(0.5, 0), n.autoUpdate = !1, n.play();
     }
   }
   update(t) {
-    for (const e of this.sprites) {
-      if (t.play && e.sprite.update(m * 0.06), t.color) {
-        for (const i in t.color)
-          if (i == e.layer) {
-            const n = t.color[i];
-            n && (e.sprite.alpha = n.alpha, e.sprite.tint = n);
+    for (const e in this.sprites) {
+      const i = this.sprites[e];
+      if (t.play && i.update(m * 0.06), t.color) {
+        for (const n in t.color)
+          if (n == e) {
+            const a = t.color[n];
+            a && (i.alpha = a.alpha, i.tint = a);
           }
       }
-      t.scale.x && (e.sprite.animationSpeed = x / Math.abs(t.scale.x));
+      t.scale.x && (i.animationSpeed = 4 / Math.abs(t.scale.x));
     }
     this.container.scale.set(t.scale.x, t.scale.y);
   }
 }
-class X {
+class Q {
   constructor() {
-    s(this, "container", new h.Container());
+    s(this, "container", new c.Container());
     s(this, "timer");
     s(this, "sprite");
     s(this, "opacityStep", 0.1);
     s(this, "shadowStep", 50);
-    p.stage.addChild(this.container);
+    l.stage.addChild(this.container);
   }
   setSprite(t) {
     this.sprite = t;
@@ -377,63 +280,61 @@ class X {
     if (this.timer && !this.timer.isCompleted)
       this.timer.tick();
     else if (t.play) {
-      this.timer = new w(this.shadowStep);
-      const e = new h.Container();
+      this.timer = new f(this.shadowStep);
+      const e = new c.Container();
       if (this.sprite)
-        for (const i of this.sprite.sprites) {
-          const n = i.sprite.texture.clone(), o = new h.Sprite(n);
-          o.anchor.set(0.5, 0.5), o.alpha = i.sprite.alpha, o.tint = i.sprite.tint, e.addChild(o), e.scale.set(
+        for (const i in this.sprite.sprites) {
+          const n = this.sprite.sprites[i], a = n.texture.clone(), o = new c.Sprite(a);
+          o.anchor.set(0.5, 0), o.alpha = n.alpha, o.tint = n.tint, e.addChild(o), e.scale.set(
             this.sprite.container.scale.x,
             this.sprite.container.scale.y
           ), e.pivot.set(
             this.sprite.container.pivot.x,
             this.sprite.container.pivot.y
           );
-          const r = this.sprite.container.getGlobalPosition();
-          e.position.set(r.x, r.y);
+          const h = this.sprite.container.getGlobalPosition();
+          e.position.set(h.x, h.y);
         }
       this.container.addChild(e);
     }
   }
 }
-const x = 4;
-class f {
-  constructor(t = {}) {
-    s(this, "container", new h.Container());
+class y {
+  constructor() {
+    s(this, "container", new c.Container());
     s(this, "userState", {});
     s(this, "state", {
       name: "",
-      sprite: {
-        name: "dude",
-        w: 32,
-        h: 32,
-        collider: {
-          x: 8,
-          y: 7,
-          w: 16,
-          h: 18
-        },
-        pivot: {
-          x: 0,
-          y: 9
-        }
-      },
-      color: new h.Color("#969696"),
+      sprite: "",
+      color: new c.Color("#969696"),
       direction: 1,
-      scale: x,
+      scale: 1,
       isAnonymous: !1,
       zIndex: 0
     });
-    s(this, "animationState");
+    s(this, "animationState", d.Idle);
     // TODO: Refactor sprite initializing, move logic to separate file
     s(this, "sprite");
-    s(this, "tagSprites", A.createTagAnimatedSprites(this.state.sprite.name));
-    s(this, "trail", new X());
-    s(this, "name", new B());
+    s(this, "spriteData", {
+      name: "evotar",
+      collider: {
+        x: 0,
+        y: 0,
+        w: 0,
+        h: 0
+      },
+      size: { w: 0, h: 0 },
+      scale: 1,
+      flip: !1,
+      colored: []
+    });
+    s(this, "animatedSprites");
+    s(this, "trail", new Q());
+    s(this, "name", new G());
     s(this, "message", new _(() => {
-      this.state.zIndex = u.zIndexEvotarMax(this.container.zIndex);
+      this.state.zIndex = w.zIndexEvotarMax(this.container.zIndex);
     }));
-    s(this, "emoteSpitter", new W());
+    s(this, "emoteSpitter", new N());
     s(this, "velocity", {
       x: 0,
       y: 0
@@ -450,50 +351,53 @@ class f {
     s(this, "spawnTween");
     s(this, "fadeTween");
     s(this, "scaleTween");
-    this.container.addChild(this.name.text), this.container.addChild(this.emoteSpitter.container), this.container.addChild(this.message.container), this.setAnimationState(l.Idle), t.sprite && this.setSprite(t.sprite), this.state = { ...this.state, ...t }, this.stateTimer = new w(5e3, () => {
-      this.isJumping || this.setAnimationState(l.Run);
-    });
+    this.container.addChild(this.name.text), this.container.addChild(this.emoteSpitter.container), this.container.addChild(this.message.container), this.container.sortableChildren = !0;
   }
   spawn(t = { isFalling: !1 }) {
-    const e = this.state.sprite.collider, i = -(e.y + e.h - this.state.sprite.h / 2), n = t.isFalling ? i : p.renderer.height, o = this.state.sprite.w * this.state.scale, r = t.positionX != null ? t.positionX * p.renderer.width : Math.random() * (p.renderer.width - o) + o / 2, c = n * this.state.scale;
-    if (this.container.x = r, this.container.y = c, this.state.direction = Math.random() > 0.5 ? 1 : -1, !t.isFalling) {
-      const d = u.zIndexEvotarMin(this.container.zIndex);
-      this.state.zIndex = d, this.container.alpha = 0, this.spawnTween = new y.Tween(this.container).to({ alpha: 1 }, 500).onComplete(t.onComplete).start();
+    const e = this.spriteData.collider, i = -(e.y + e.h - this.spriteData.size.h / 2), n = t.isFalling ? i : l.renderer.height, a = this.spriteData.size.w * this.state.scale * this.spriteData.scale, o = t.positionX != null ? t.positionX * l.renderer.width : Math.random() * (l.renderer.width - a) + a / 2, h = n * this.state.scale * this.spriteData.scale;
+    if (this.container.x = o, this.container.y = h, this.state.direction = Math.random() > 0.5 ? 1 : -1, !t.isFalling) {
+      const p = w.zIndexEvotarMin(this.container.zIndex);
+      this.state.zIndex = p, this.container.alpha = 0, this.spawnTween = new g.Tween(this.container).to({ alpha: 1 }, 500).onComplete(t.onComplete).start();
     }
+    this.stateTimer = new f(5e3, () => {
+      this.isJumping || this.setAnimationState(d.Run);
+    });
   }
   despawn(t = {}) {
-    this.fadeTween && this.fadeTween.isPlaying() || (this.fadeTween = new y.Tween(this.container).to({ alpha: 0 }, 1e3).onComplete(() => {
+    this.fadeTween && this.fadeTween.isPlaying() || (this.fadeTween = new g.Tween(this.container).to({ alpha: 0 }, 1e3).onComplete(() => {
       this.isDespawned = !0, t.onComplete && t.onComplete();
     }).start());
   }
   scale(t) {
-    this.scaleTween && this.scaleTween.isPlaying() || this.scaleTimer && !this.scaleTimer.isCompleted || (this.scaleTween = new y.Tween(this).to(
-      { state: { scale: x * (t.value ?? 2) } },
-      2e3
-    ).onComplete(() => {
-      this.scaleTimer = new w((t.duration ?? 10) * 1e3, () => {
-        this.scaleTween = new y.Tween(this).to({ state: { scale: x } }, 2e3).start();
+    this.scaleTween && this.scaleTween.isPlaying() || this.scaleTimer && !this.scaleTimer.isCompleted || (this.scaleTween = new g.Tween(this).to({ state: { scale: t.value ?? 2 } }, 2e3).onComplete(() => {
+      this.scaleTimer = new f((t.duration ?? 10) * 1e3, () => {
+        this.scaleTween = new g.Tween(this).to({ state: { scale: 1 } }, 2e3).start();
       });
     }).start());
   }
   jump(t) {
-    this.isDespawned || this.isJumping || (this.isJumping = !0, this.velocity.x = this.state.direction * (t.velocityX ?? 3.5), this.velocity.y = t.velocityY ?? -8, this.setAnimationState(l.Jump), E.play("jump"));
+    this.isDespawned || this.isJumping || (this.isJumping = !0, this.velocity.x = this.state.direction * (t.velocityX ?? 3.5), this.velocity.y = t.velocityY ?? -8, this.setAnimationState(d.Jump), A.play("jump"));
   }
   dash(t) {
     this.isDespawned || this.isDashing || (this.isDashing = !0, this.velocity.x = this.state.direction * (t.force ?? 14));
   }
-  setSprite(t) {
-    t.name && t.name != this.state.sprite.name && (this.tagSprites = A.createTagAnimatedSprites(t.name), this.animationState && this.setAnimationState(this.animationState, !0));
+  async setSprite(t) {
+    if (t && t != this.state.sprite) {
+      const e = await S.getSpriteData(t);
+      if (!e)
+        return;
+      this.spriteData = e.data, this.animatedSprites = S.getAnimatedSprites(t), this.setAnimationState(this.animationState, !0);
+    }
   }
-  setProps(t) {
-    t.sprite && this.setSprite(t.sprite), this.state = { ...this.state, ...t };
+  async setProps(t) {
+    t.sprite && await this.setSprite(t.sprite), this.state = { ...this.state, ...t };
   }
   setUserProps(t) {
     this.userState = { ...this.userState, ...t };
   }
   move() {
     var i;
-    const t = this.state.sprite.collider, e = {
+    const t = this.spriteData.collider, e = {
       x: this.container.position.x,
       y: this.container.position.y
     };
@@ -501,33 +405,33 @@ class f {
       const n = Math.sign(this.velocity.x);
       this.velocity.x = this.velocity.x - n * this.dashAcc / Math.abs(this.velocity.x), n != Math.sign(this.velocity.x) ? (this.isDashing = !1, this.velocity.x = 0) : e.x += this.velocity.x;
     } else {
-      if ((i = this.stateTimer) != null && i.isCompleted && (this.stateTimer = new w(Math.random() * 5e3, () => {
-        this.animationState == l.Idle ? this.setAnimationState(l.Run) : this.animationState == l.Run && this.setAnimationState(l.Idle);
-      })), this.animationState == l.Run) {
+      if ((i = this.stateTimer) != null && i.isCompleted && (this.stateTimer = new f(Math.random() * 5e3, () => {
+        this.animationState == d.Idle ? this.setAnimationState(d.Run) : this.animationState == d.Run && this.setAnimationState(d.Idle);
+      })), this.animationState == d.Run) {
         const n = this.runSpeed * this.state.direction;
         this.velocity.x = n * m;
       }
-      this.velocity.y = this.velocity.y + this.gravity, e.x += this.velocity.x, e.y += this.velocity.y, this.isOnGround(e.y) && (this.velocity.y = 0, this.velocity.x = 0, e.y = p.renderer.height, this.animationState == l.Fall && (this.setAnimationState(l.Land), this.landTimer = new w(200, () => {
-        this.setAnimationState(l.Idle), this.isJumping = !1;
-      }))), this.velocity.y > 0 && this.setAnimationState(l.Fall);
+      this.velocity.y = this.velocity.y + this.gravity, e.x += this.velocity.x, e.y += this.velocity.y, this.isOnGround(e.y) && (this.velocity.y = 0, this.velocity.x = 0, e.y = l.renderer.height, this.animationState == d.Fall && (this.setAnimationState(d.Land), this.landTimer = new f(200, () => {
+        this.setAnimationState(d.Idle), this.isJumping = !1;
+      }))), this.velocity.y > 0 && this.setAnimationState(d.Fall);
     }
-    if (this.animationState != l.Idle || this.isDashing) {
-      const n = t.w / 2 * this.state.scale, o = this.container.x - n < 0, r = this.container.x + n > p.renderer.width;
-      (o || r) && (this.state.direction = -this.state.direction, this.velocity.x = -this.velocity.x, o && (e.x = n), r && (e.x = p.renderer.width - n));
+    if (this.animationState != d.Idle || this.isDashing) {
+      const n = t.w / 2 * this.state.scale * this.spriteData.scale, a = this.container.x - n < 0, o = this.container.x + n > l.renderer.width;
+      (a || o) && (this.state.direction = -this.state.direction, this.velocity.x = -this.velocity.x, a && (e.x = n), o && (e.x = l.renderer.width - n));
     }
     this.container.position.set(e.x, e.y);
   }
   update() {
-    var e, i, n, o, r, c;
+    var e, i, n, a, o, h;
     if (this.isDespawned)
       return;
-    (e = this.landTimer) == null || e.tick(), (i = this.stateTimer) == null || i.tick(), (n = this.scaleTimer) == null || n.tick(), (o = this.fadeTween) == null || o.update(), (r = this.spawnTween) == null || r.update(), (c = this.scaleTween) == null || c.update(), this.container.zIndex = this.state.zIndex;
-    const t = this.state.sprite.collider;
-    this.name.update({
+    (e = this.landTimer) == null || e.tick(), (i = this.stateTimer) == null || i.tick(), (n = this.scaleTimer) == null || n.tick(), (a = this.fadeTween) == null || a.update(), (o = this.spawnTween) == null || o.update(), (h = this.scaleTween) == null || h.update(), this.container.zIndex = this.state.zIndex;
+    const t = this.spriteData.collider;
+    if (this.name.update({
       name: this.state.name,
       isVisible: !this.state.isAnonymous,
       position: {
-        y: -(this.state.sprite.h / 2 - t.y + this.state.sprite.pivot.y) * this.state.scale
+        y: -t.h * this.state.scale * this.spriteData.scale
       }
     }), this.message.update({
       position: {
@@ -537,21 +441,28 @@ class f {
       position: {
         y: this.message.container.position.y - this.message.container.height
       }
-    }), this.move(), this.sprite && this.sprite.update({
-      color: {
-        [b.Body]: this.userState.color ? this.userState.color : this.state.color
-      },
-      scale: {
-        x: this.state.direction * this.state.scale,
-        y: this.state.scale
-      },
-      play: !this.isDashing
-    }), this.trail.update({
+    }), this.move(), this.sprite) {
+      const p = Object.fromEntries(
+        this.spriteData.colored.map((u) => [
+          u,
+          this.userState.color ? this.userState.color : this.state.color
+        ])
+      ), x = this.spriteData.flip ? this.state.direction : 1;
+      this.sprite.update({
+        color: p,
+        scale: {
+          x: x * this.state.scale * this.spriteData.scale,
+          y: this.state.scale * this.spriteData.scale
+        },
+        play: !this.isDashing
+      });
+    }
+    this.trail.update({
       play: this.isDashing
     });
   }
   isOnGround(t) {
-    return t > p.renderer.height;
+    return t > l.renderer.height;
   }
   addMessage(t) {
     var e;
@@ -562,18 +473,18 @@ class f {
       this.emoteSpitter.add(e);
   }
   async setAnimationState(t, e = !1) {
-    if (this.animationState == t && !e)
+    if (this.animationState == t && !e || !this.animatedSprites)
       return;
     this.animationState = t, this.sprite && this.container.removeChild(this.sprite.container);
-    const i = this.tagSprites[this.animationState];
-    this.sprite = new U(i), this.trail.setSprite(this.sprite), this.sprite.container.pivot.set(
-      this.state.sprite.pivot.x,
-      this.state.sprite.pivot.y
+    const i = this.animatedSprites[this.animationState] ?? this.animatedSprites[d.Idle];
+    this.sprite = new Y(i), this.trail.setSprite(this.sprite), this.sprite.container.pivot.set(
+      0,
+      this.spriteData.collider.y + this.spriteData.collider.h
     ), this.container.addChild(this.sprite.container);
   }
 }
-const G = 1e3 * 60 * 5;
-class N {
+const B = 1e3 * 60 * 5;
+class q {
   constructor() {
     s(this, "viewers", {});
     s(this, "raiders", []);
@@ -593,106 +504,111 @@ class N {
       t.update();
   }
   processRaid(t) {
-    if (!p.settings.fallingRaiders)
+    if (!l.settings.fallingRaiders)
       return;
-    const e = 1 / t.viewers * 5e3, i = C.sprites.agent;
-    for (let c = 0; c < t.viewers; c++) {
-      const d = new f({
+    const e = 1 / t.viewers * 5e3;
+    for (let o = 0; o < t.viewers; o++) {
+      const h = new y();
+      h.setProps({
         isAnonymous: !0,
         zIndex: -1,
-        sprite: i,
-        color: new h.Color(t.broadcaster.info.color)
-      });
-      v.add(e * c, () => {
-        this.addRaider(d), d.spawn({ isFalling: !0 });
-      }), v.add(c * e + 3e4, () => {
-        d.despawn({
+        sprite: "agent",
+        color: new c.Color(t.broadcaster.info.color)
+      }), v.add(e * o, () => {
+        this.addRaider(h), h.spawn({ isFalling: !0 });
+      }), v.add(o * e + 3e4, () => {
+        h.despawn({
           onComplete: () => {
-            this.deleteRaider(d);
+            this.deleteRaider(h);
           }
         });
       });
     }
-    const n = this.viewers[t.broadcaster.id], o = {
+    const i = this.viewers[t.broadcaster.id], n = {
       ...this.prepareEvotarProps(
         t.broadcaster.info.displayName,
         t.broadcaster.info.color
       ),
       scale: 8
-    }, r = () => {
-      const c = new f(o);
-      this.addViewer(t.broadcaster.id, c), c.spawn({ isFalling: !0, positionX: 0.5 });
+    }, a = () => {
+      const o = new y();
+      o.setProps(n), this.addViewer(t.broadcaster.id, o), o.spawn({ isFalling: !0, positionX: 0.5 });
     };
-    this.lastEvotarActivity[t.broadcaster.id] = performance.now(), n ? n.despawn({
+    this.lastEvotarActivity[t.broadcaster.id] = performance.now(), i ? i.despawn({
       onComplete: () => {
-        r();
+        a();
       }
-    }) : r();
+    }) : a();
   }
-  processChatters(t) {
+  async processChatters(t) {
     for (const e in this.viewers) {
-      const i = this.lastEvotarActivity[e], n = !!i && performance.now() - i < G;
-      if (t.every((o) => o.userId != e) && !n) {
-        const o = this.viewers[e];
-        o && o.despawn({
+      const i = this.lastEvotarActivity[e], n = !!i && performance.now() - i < B;
+      if (t.every((a) => a.userId != e) && !n) {
+        const a = this.viewers[e];
+        a && a.despawn({
           onComplete: () => {
-            this.deleteViewer(e, o);
+            this.deleteViewer(e, a);
           }
         });
       }
     }
-    if (p.settings.showAnonymousEvotars) {
+    if (l.settings.showAnonymousEvotars) {
       for (const e of t)
         if (!this.viewers[e.userId]) {
           const n = {
             name: e.name,
             isAnonymous: !this.hasActivity(e.userId)
-          }, o = new f(n);
-          o.spawn(), this.addViewer(e.userId, o);
+          }, a = new y();
+          await a.setProps(n), a.spawn(), this.addViewer(e.userId, a);
         }
     }
   }
   doAction(t, e) {
-    if (F(t) && e.jump({
+    if (L(t) && e.jump({
       velocityX: t.data.velocityX,
       velocityY: t.data.velocityY,
       cooldown: t.cooldown
-    }), j(t) && e.dash({ force: t.data.force, cooldown: t.cooldown }), L(t)) {
-      const i = D(t.data.color);
-      i && i.isValid() && e.setUserProps({ color: new h.Color(t.data.color) });
+    }), W(t) && e.dash({ force: t.data.force, cooldown: t.cooldown }), j(t)) {
+      const i = F(t.data.color);
+      i && i.isValid() && e.setUserProps({ color: new c.Color(t.data.color) });
     }
-    V(t) && e.scale({
+    J(t) && e.scale({
       value: t.data.scale,
       duration: t.data.duration,
       cooldown: t.cooldown
-    });
+    }), O(t) && e.setSprite(t.data.sprite);
   }
   prepareEvotarProps(t, e, i) {
     const n = {
       name: t,
       isAnonymous: !1
-    }, o = i ? C.sprites[i] : null;
-    return o && (n.sprite = o), e && (n.color = new h.Color(e)), n;
+    };
+    if (i && (n.sprite = i), e)
+      try {
+        n.color = new c.Color(e);
+      } catch {
+      }
+    return n;
   }
-  processAction(t) {
+  async processAction(t) {
     const e = this.viewers[t.userId], i = this.prepareEvotarProps(
       t.info.displayName,
       t.info.color,
       t.info.sprite
     );
     if (e)
-      this.doAction(t, e), e.setProps(i);
+      await e.setProps(i), this.doAction(t, e);
     else {
-      const n = new f(i);
-      n.spawn({
+      const n = new y();
+      await n.setProps(i), n.spawn({
         onComplete: () => {
-          const o = this.viewers[t.userId];
-          o && this.doAction(t, o);
+          const a = this.viewers[t.userId];
+          a && this.doAction(t, a);
         }
       }), this.addViewer(t.userId, n);
     }
   }
-  processMessage(t) {
+  async processMessage(t) {
     const e = this.prepareEvotarProps(
       t.info.displayName,
       t.info.color,
@@ -702,8 +618,8 @@ class N {
     if (i)
       i.setProps(e);
     else {
-      const n = p.settings.fallingEvotars ? !this.hasActivity(t.userId) : !1;
-      i = new f(e), i.spawn({ isFalling: n }), this.addViewer(t.userId, i);
+      const n = l.settings.fallingEvotars ? !this.hasActivity(t.userId) : !1;
+      i = new y(), await i.setProps(e), i.spawn({ isFalling: n }), this.addViewer(t.userId, i);
     }
     this.lastEvotarActivity[t.userId] = performance.now(), t.message && i.addMessage(t.message), t.emotes.length > 0 && i.spitEmotes(t.emotes);
   }
@@ -726,23 +642,23 @@ class N {
     return Object.values(this.viewers).reduce((e, i) => i && e >= i.container.zIndex ? i.container.zIndex - 1 : e, t);
   }
 }
-const u = new N();
-class Y {
+const w = new q();
+class H {
   constructor() {
-    s(this, "stage", new h.Container());
+    s(this, "stage", new c.Container());
     s(this, "evotars", {});
     s(this, "chatterIds", []);
     s(this, "settings", {});
     s(this, "renderer");
   }
-  async init(t, e) {
-    await T.load(t.manifest), E.init(t.sound), this.renderer = new h.Renderer({
-      width: e.clientWidth,
-      height: e.clientHeight,
+  async initialize(t, e) {
+    S.initialize(e.spriteLoaderFn), A.initialize(e.sounds), this.renderer = new c.Renderer({
+      width: t.clientWidth,
+      height: t.clientHeight,
       backgroundAlpha: 0
-    }), e.appendChild(this.renderer.view), window.onresize = () => {
-      this.renderer.resize(e.clientWidth, e.clientHeight);
-    }, this.stage.sortableChildren = !0, u.subscribe({
+    }), t.appendChild(this.renderer.view), window.onresize = () => {
+      this.renderer.resize(t.clientWidth, t.clientHeight);
+    }, this.stage.sortableChildren = !0, w.subscribe({
       onAdd: (i) => this.stage.addChild(i.container),
       onDelete: (i) => {
         this.stage.removeChild(i.container), this.stage.removeChild(i.trail.container);
@@ -753,37 +669,37 @@ class Y {
     this.settings = t;
   }
   update() {
-    v.tick(), u.update(), this.renderer.render(this.stage);
+    v.tick(), w.update(), this.renderer.render(this.stage);
   }
 }
-const p = new Y();
-class K {
-  constructor(t) {
+const l = new H();
+class et {
+  constructor(t, e) {
     s(this, "isRendered", !1);
-    s(this, "processMessage", (t) => u.processMessage(t));
-    s(this, "processAction", (t) => u.processAction(t));
-    s(this, "processChatters", (t) => u.processChatters(t));
-    s(this, "processRaid", (t) => u.processRaid(t));
-    this.root = t;
+    s(this, "processMessage", (t) => w.processMessage(t));
+    s(this, "processAction", (t) => w.processAction(t));
+    s(this, "processChatters", (t) => w.processChatters(t));
+    s(this, "processRaid", (t) => w.processRaid(t));
+    this.root = t, this.options = e;
   }
   updateSettings(t) {
-    p.updateSettings(t);
+    l.updateSettings(t);
   }
-  async run(t) {
+  async run() {
     if (this.isRendered)
       return;
     this.isRendered = !0, await (async () => {
-      await p.init(t, this.root), performance.now();
-      let i = -1;
-      const o = 1e3 / 60;
-      requestAnimationFrame(r);
-      function r(c = performance.now()) {
-        const d = c - i | 0;
-        d > o && (i = c - d % o, p.update()), requestAnimationFrame(r);
+      await l.initialize(this.root, this.options), performance.now();
+      let e = -1;
+      const n = 1e3 / 60;
+      requestAnimationFrame(a);
+      function a(o = performance.now()) {
+        const h = o - e | 0;
+        h > n && (e = o - h % n, l.update()), requestAnimationFrame(a);
       }
     })();
   }
 }
 export {
-  K as Evotars
+  et as Evotars
 };