Interface LoadingAnimation

Example

class SpinnerAnimation implements LoadingAnimation {
  private spinner: Graphics;
  private rotation = 0;

  init(container: Container) {
    this.spinner = new Graphics();
    this.spinner.arc(0, 0, 30, 0, Math.PI * 1.5);
    this.spinner.stroke({ width: 4, color: 0xffffff });
    container.addChild(this.spinner);
  }

  update(context: LoadingAnimationContext) {
    this.rotation += context.deltaTime * 5;
    this.spinner.rotation = this.rotation;
    this.spinner.x = context.width / 2;
    this.spinner.y = context.height / 2 - 20;
  }

  reset() { this.rotation = 0; }
  destroy() { this.spinner?.destroy(); }
}
Copy