blob2d/src/Docker.ts

Typed Modular 2D Game Engine for Web

import {Application} from 'pixi.js';
import {Scene} from './Scene';

const DELTA_TIME = 1 / 60;

export class Docker<TAddons extends {}, TEvents extends string> {
  public readonly app: Application;
  public scene: Scene<TAddons, TEvents> | null = null;

  // processing
  private _accumulatedTime: number = 0;

  constructor(app: Application) {
    this.app = app;
  }

  /**
   * Unmounts the current scene and mounts the given one.
   */
  public mount(scene: Scene<TAddons, TEvents>) {
    this.unmount();
    this.scene = scene;

    // start rendering
    this.app.ticker.add(this.tick, this);
    this.app.stage.addChild(scene.graphics);

    scene.emit('mount', scene);
  }

  /**
   * Unmounts the current scene.
   */
  public unmount() {
    if (this.scene !== null) {
      this.scene.emit('unmount', this.scene);

      // stop rendering
      this.app.ticker.remove(this.tick, this);
      this.app.stage.removeChild(this.scene.graphics);

      this.scene.destroy();
      this.scene = null;
    }
  }

  /**
   * Updates the current scene and provides framerate independent motion.
   */
  private tick(deltaFrame: number) {
    // at this moment the scene should be always mounted
    const scene = this.scene as Scene<TAddons, TEvents>;

    this._accumulatedTime += DELTA_TIME * deltaFrame;

    while (this._accumulatedTime > DELTA_TIME) {
      this._accumulatedTime -= DELTA_TIME;
      scene.update(DELTA_TIME);
    }
  }
}