evotars 0.0.2 → 0.0.3

package/public/sprites/senior/senior.json

@@ -1,231 +0,0 @@
-{ "frames": {
-   "senior_Body_0": {
-    "frame": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 300
-   },
-   "senior_Body_1": {
-    "frame": { "x": 32, "y": 0, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 300
-   },
-   "senior_Body_2": {
-    "frame": { "x": 64, "y": 0, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 300
-   },
-   "senior_Body_3": {
-    "frame": { "x": 96, "y": 0, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 100
-   },
-   "senior_Body_4": {
-    "frame": { "x": 128, "y": 0, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 100
-   },
-   "senior_Body_5": {
-    "frame": { "x": 160, "y": 0, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 100
-   },
-   "senior_Body_6": {
-    "frame": { "x": 192, "y": 0, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 100
-   },
-   "senior_Body_7": {
-    "frame": { "x": 224, "y": 0, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 100
-   },
-   "senior_Body_8": {
-    "frame": { "x": 256, "y": 0, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 100
-   },
-   "senior_Body_9": {
-    "frame": { "x": 288, "y": 0, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 300
-   },
-   "senior_Body_10": {
-    "frame": { "x": 320, "y": 0, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 300
-   },
-   "senior_Body_11": {
-    "frame": { "x": 352, "y": 0, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 300
-   },
-   "senior_Body_12": {
-    "frame": { "x": 384, "y": 0, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 1000
-   },
-   "senior_Eyes_0": {
-    "frame": { "x": 0, "y": 32, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 300
-   },
-   "senior_Eyes_1": {
-    "frame": { "x": 32, "y": 32, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 300
-   },
-   "senior_Eyes_2": {
-    "frame": { "x": 64, "y": 32, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 300
-   },
-   "senior_Eyes_3": {
-    "frame": { "x": 96, "y": 32, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 100
-   },
-   "senior_Eyes_4": {
-    "frame": { "x": 128, "y": 32, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 100
-   },
-   "senior_Eyes_5": {
-    "frame": { "x": 160, "y": 32, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 100
-   },
-   "senior_Eyes_6": {
-    "frame": { "x": 192, "y": 32, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 100
-   },
-   "senior_Eyes_7": {
-    "frame": { "x": 224, "y": 32, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 100
-   },
-   "senior_Eyes_8": {
-    "frame": { "x": 256, "y": 32, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 100
-   },
-   "senior_Eyes_9": {
-    "frame": { "x": 288, "y": 32, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 300
-   },
-   "senior_Eyes_10": {
-    "frame": { "x": 320, "y": 32, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 300
-   },
-   "senior_Eyes_11": {
-    "frame": { "x": 352, "y": 32, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 300
-   },
-   "senior_Eyes_12": {
-    "frame": { "x": 384, "y": 32, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 1000
-   }
- },
- "meta": {
-  "app": "https://www.aseprite.org/",
-  "version": "1.x-dev",
-  "image": "senior.png",
-  "format": "RGBA8888",
-  "size": { "w": 416, "h": 64 },
-  "scale": "1",
-  "frameTags": [
-   { "name": "Idle", "from": 0, "to": 2, "direction": "forward", "color": "#000000ff" },
-   { "name": "Jump", "from": 3, "to": 3, "direction": "forward", "color": "#000000ff" },
-   { "name": "Fall", "from": 4, "to": 4, "direction": "forward", "color": "#000000ff" },
-   { "name": "Land", "from": 5, "to": 5, "direction": "forward", "color": "#000000ff" },
-   { "name": "Run", "from": 6, "to": 8, "direction": "forward", "color": "#000000ff" },
-   { "name": "Die", "from": 9, "to": 12, "direction": "forward", "color": "#000000ff" }
-  ],
-  "layers": [
-   { "name": "Body", "opacity": 255, "blendMode": "normal" },
-   { "name": "Eyes", "opacity": 255, "blendMode": "normal" }
-  ]
- }
-}

package/public/sprites/sith/sith.json

@@ -1,166 +0,0 @@
-{ "frames": {
-   "sith_Body_0": {
-    "frame": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 300
-   },
-   "sith_Body_1": {
-    "frame": { "x": 32, "y": 0, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 300
-   },
-   "sith_Body_2": {
-    "frame": { "x": 64, "y": 0, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 300
-   },
-   "sith_Body_3": {
-    "frame": { "x": 96, "y": 0, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 100
-   },
-   "sith_Body_4": {
-    "frame": { "x": 128, "y": 0, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 100
-   },
-   "sith_Body_5": {
-    "frame": { "x": 160, "y": 0, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 100
-   },
-   "sith_Body_6": {
-    "frame": { "x": 192, "y": 0, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 100
-   },
-   "sith_Body_7": {
-    "frame": { "x": 224, "y": 0, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 100
-   },
-   "sith_Body_8": {
-    "frame": { "x": 256, "y": 0, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 100
-   },
-   "sith_Eyes_0": {
-    "frame": { "x": 0, "y": 32, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 300
-   },
-   "sith_Eyes_1": {
-    "frame": { "x": 32, "y": 32, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 300
-   },
-   "sith_Eyes_2": {
-    "frame": { "x": 64, "y": 32, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 300
-   },
-   "sith_Eyes_3": {
-    "frame": { "x": 96, "y": 32, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 100
-   },
-   "sith_Eyes_4": {
-    "frame": { "x": 128, "y": 32, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 100
-   },
-   "sith_Eyes_5": {
-    "frame": { "x": 160, "y": 32, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 100
-   },
-   "sith_Eyes_6": {
-    "frame": { "x": 192, "y": 32, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 100
-   },
-   "sith_Eyes_7": {
-    "frame": { "x": 224, "y": 32, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 100
-   },
-   "sith_Eyes_8": {
-    "frame": { "x": 256, "y": 32, "w": 32, "h": 32 },
-    "rotated": false,
-    "trimmed": false,
-    "spriteSourceSize": { "x": 0, "y": 0, "w": 32, "h": 32 },
-    "sourceSize": { "w": 32, "h": 32 },
-    "duration": 100
-   }
- },
- "meta": {
-  "app": "https://www.aseprite.org/",
-  "version": "1.x-dev",
-  "image": "sith.png",
-  "format": "RGBA8888",
-  "size": { "w": 288, "h": 64 },
-  "scale": "1",
-  "frameTags": [
-   { "name": "Idle", "from": 0, "to": 2, "direction": "forward", "color": "#000000ff" },
-   { "name": "Jump", "from": 3, "to": 3, "direction": "forward", "color": "#000000ff" },
-   { "name": "Fall", "from": 4, "to": 4, "direction": "forward", "color": "#000000ff" },
-   { "name": "Land", "from": 5, "to": 5, "direction": "forward", "color": "#000000ff" },
-   { "name": "Run", "from": 6, "to": 8, "direction": "forward", "color": "#000000ff" }
-  ],
-  "layers": [
-   { "name": "Body", "opacity": 255, "blendMode": "normal" },
-   { "name": "Eyes", "opacity": 255, "blendMode": "normal" }
-  ]
- }
-}

package/src/app.ts

@@ -1,63 +0,0 @@
-import * as PIXI from "pixi.js";
-import { Dude } from "./entities/Dude";
-import { timers } from "./helpers/timer";
-import { assetsLoader } from "./services/assetsLoader";
-import { dudesManager } from "./services/dudesManager";
-import { SoundManifest, soundService } from "./services/soundService";
-import { SettingsEntity } from "./types";
-
-export type AppOptions = {
-  manifest: PIXI.AssetsManifest;
-  sound: SoundManifest;
-};
-
-export class App {
-  public stage: PIXI.Container = new PIXI.Container();
-  public dudes: Record<string, Dude> = {};
-
-  public chatterIds: string[] = [];
-
-  public settings: SettingsEntity = {};
-
-  public renderer!: PIXI.Renderer;
-
-  public async init(options: AppOptions, element: HTMLElement): Promise<void> {
-    await assetsLoader.load(options.manifest);
-    soundService.init(options.sound);
-
-    this.renderer = new PIXI.Renderer({
-      width: element.clientWidth,
-      height: element.clientHeight,
-      backgroundAlpha: 0,
-    });
-
-    element.appendChild(this.renderer.view as HTMLCanvasElement);
-
-    window.onresize = (): void => {
-      this.renderer.resize(element.clientWidth, element.clientHeight);
-    };
-
-    this.stage.sortableChildren = true;
-
-    dudesManager.subscribe({
-      onAdd: (dude: Dude) => this.stage.addChild(dude.container),
-      onDelete: (dude: Dude) => {
-        this.stage.removeChild(dude.container);
-        this.stage.removeChild(dude.trail.container);
-      },
-    });
-  }
-
-  public updateSettings(data: SettingsEntity): void {
-    this.settings = data;
-  }
-
-  public update(): void {
-    timers.tick();
-    dudesManager.update();
-
-    this.renderer.render(this.stage);
-  }
-}
-
-export const app = new App();

package/src/config/config.ts

@@ -1,133 +0,0 @@
-export type Sprites = {
-  [key: string]: SpriteConfig;
-};
-
-export type Config = {
-  sprites: Sprites;
-};
-
-export type SpriteConfig = {
-  name: string;
-  w: number;
-  h: number;
-  collider: {
-    x: number;
-    y: number;
-    w: number;
-    h: number;
-  };
-  pivot: {
-    x: number;
-    y: number;
-  };
-};
-
-export const config: Config = {
-  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,
-      },
-    },
-  },
-};

package/src/config/constants.ts

@@ -1 +0,0 @@
-export const FIXED_DELTA_TIME = 0.02 * 1000;

package/src/dudes.ts

@@ -1,71 +0,0 @@
-import {
-  MessageEntity,
-  RaidData,
-  SettingsEntity,
-  TwitchChatterEntity,
-  UserActionEntity,
-} from "./types";
-import { AppOptions, app } from "./app";
-import { dudesManager } from "./services/dudesManager";
-
-export class Dudes {
-  private isRendered = false;
-
-  constructor(private readonly root: HTMLElement) {}
-
-  processMessage = (data: MessageEntity) => dudesManager.processMessage(data);
-
-  processAction = (data: UserActionEntity) => dudesManager.processAction(data);
-
-  processChatters = (data: TwitchChatterEntity[]) =>
-    dudesManager.processChatters(data);
-
-  processRaid = (data: RaidData) => dudesManager.processRaid(data);
-
-  updateSettings(data: SettingsEntity) {
-    app.updateSettings(data);
-  }
-
-  async run(options: AppOptions) {
-    if (this.isRendered) {
-      return;
-    }
-
-    this.isRendered = true;
-
-    const init = async (): Promise<void> => {
-      await app.init(options, this.root);
-
-      let lastTime = performance.now();
-      let lastFrame = -1;
-
-      const maxFps = 60;
-
-      const minElapsedMS = 1000 / maxFps;
-      const maxElapsedMS = 100;
-
-      requestAnimationFrame(animate);
-
-      function animate(currentTime = performance.now()): void {
-        let elapsedMS = currentTime - lastTime;
-
-        if (elapsedMS > maxElapsedMS) {
-          elapsedMS = maxElapsedMS;
-        }
-
-        const delta = (currentTime - lastFrame) | 0;
-
-        if (delta > minElapsedMS) {
-          lastFrame = currentTime - (delta % minElapsedMS);
-          lastTime = currentTime;
-
-          app.update();
-        }
-
-        requestAnimationFrame(animate);
-      }
-    };
-
-    await init();
-  }
-}