@moderrkowo/jsgl/src/gameobjects/Shape.ts

Client-side JavaScript library for creating web 2D games. Focusing at objective game.

import { defaultDrawSettings, DrawSettings } from '../structs/DrawSettings';
import { ShapeType } from '../enums/ShapeType';
import { DrawEvent } from '../events/DrawEvent';
import { ClickableGameObject } from './ClickableGameObject';

/**
 * Represents drawable, clickable shape on canvas
 * @group Game Objects
 */
export class Shape extends ClickableGameObject {
  public type: ShapeType = ShapeType.Rect;
  public properties: DrawSettings = Object.create(defaultDrawSettings);

  public override OnDraw(event: DrawEvent) {
    if (this.type === ShapeType.Rect) {
      event.renderer.drawRectangle(
        this.transform.position.x,
        this.transform.position.y,
        this.transform.scale.x,
        this.transform.scale.y,
        this.properties
      );
    } else if (this.type === ShapeType.Circle) {
      event.renderer.drawCircle(
        this.transform.position.x,
        this.transform.position.y,
        Math.max(this.transform.scale.x, this.transform.scale.y),
        this.properties
      );
    }
  }
}