Merge pull request #5 from mathieuher/startingHouse

feat(race): add starting house and starting gate

src/actors/starting-gate.ts

@@ -0,0 +1,15 @@
+import { Actor, Vector } from "excalibur";
+import { Resources } from "../resources";
+
+export class StartingGate extends Actor {
+    constructor(anchor: Vector, position: Vector) {
+        super({
+            anchor: anchor,
+            pos: position,
+            width: 70,
+            height: 5,
+        });
+
+        this.graphics.use(Resources.StartingGate.toSprite());
+    }
+}

src/actors/starting-house.ts

@@ -0,0 +1,36 @@
+import { Actor, toRadians, vec } from "excalibur";
+import { Resources } from "../resources";
+import { StartingGate } from "./starting-gate";
+import { Config } from "../config";
+
+export class StartingHouse extends Actor {
+    private gate: StartingGate;
+
+    constructor() {
+        super({
+            anchor: vec(0.5, 0),
+            pos: vec(0, -10),
+            width: 400,
+            height: 300,
+            z: 11
+        });
+
+        this.graphics.use(Resources.StartingHouse.toSprite());
+        this.gate = new StartingGate(vec(0.5, 0), vec(25, -5));
+        this.addChild(this.gate);
+    }
+
+    public update(): void {
+        if (this.canDestroy()) {
+            this.kill();
+        }
+    }
+
+    public openGate(): void {
+        this.gate.rotation = toRadians(90);
+    }
+
+    private canDestroy(): boolean {
+        return this.scene.camera.y - this.pos.y < - Config.DISPLAY_HEIGHT * Config.VISIBLE_ON_SCREEN_MARGIN_FACTOR;
+    }
+}

src/config.ts

@@ -5,7 +5,7 @@ export class Config {
     static DISPLAY_WIDTH = 800;
     static DISPLAY_HEIGHT = 800;
     static VISIBLE_ON_SCREEN_MARGIN_FACTOR = 1.5;
-    static CAMERA_ZOOM = 0.6;
+    static CAMERA_ZOOM = 0.65;
     static DISPLAY_MIN_MARGIN = 25;
     static DISPLAY_MAX_RIGHT_POSITION = (Config.DISPLAY_WIDTH / 2) - this.DISPLAY_MIN_MARGIN;
     static DISPLAY_MAX_LEFT_POSITION = -Config.DISPLAY_MAX_RIGHT_POSITION;

src/game.ts

@@ -28,6 +28,8 @@ export class Game extends Engine {
         Resources.EventRecordGhostSliding,
         Resources.EventRecordGhostBraking,
 
+        Resources.StartingGate,
+        Resources.StartingHouse,
         Resources.PoleRed,
         Resources.PoleBlue,
         Resources.PoleTouchedRed,

src/resources.ts

@@ -15,6 +15,8 @@ import eventRecordGhostCarving from "./images/sprites/eventRecordGhost_carving.p
 import eventRecordGhostSliding from "./images/sprites/eventRecordGhost_sliding.png";
 import eventRecordGhostBraking from "./images/sprites/eventRecordGhost_braking.png";
 
+import startingGate from "./images/sprites/starting_gate.png";
+import startingHouse from "./images/sprites/starting_house.png";
 import poleRed from "./images/sprites/pole_red.png";
 import poleBlue from "./images/sprites/pole_blue.png";
 import poleTouchedRed from "./images/sprites/pole_touched_red.png";
@@ -47,6 +49,8 @@ const Resources = {
     EventRecordGhostSliding: new ImageSource(eventRecordGhostSliding),
     EventRecordGhostBraking: new ImageSource(eventRecordGhostBraking),
 
+    StartingGate: new ImageSource(startingGate),
+    StartingHouse: new ImageSource(startingHouse),
     PoleRed: new ImageSource(poleRed),
     PoleBlue: new ImageSource(poleBlue),
     PoleTouchedRed: new ImageSource(poleTouchedRed),

src/scenes/race.ts

@@ -16,6 +16,7 @@ import { SkierActions } from "../models/skier-actions.enum";
 import { SkierGraphics } from "../utils/skier-graphics";
 import { StockableGhost } from "../models/stockable-ghost";
 import { TimedSector } from "../models/timed-sector";
+import { StartingHouse } from "../actors/starting-house";
 
 export class Race extends Scene {
 
@@ -35,6 +36,7 @@ export class Race extends Scene {
     private skierCameraGhost?: Actor;
     private skierPositions: SkierPositioning[] = [];
     private gates: Gate[] = [];
+    private startingHouse?: StartingHouse;
     private startTime?: number;
     private endTime?: number;
     private timedSectors: TimedSector[] = [];
@@ -94,6 +96,7 @@ export class Race extends Scene {
         this.listenStopRaceEvent();
         this.skier!.startRace();
         (this.engine as Game).soundPlayer.playSound(Resources.StartRaceSound, 0.3);
+        this.startingHouse?.openGate();
     }
 
     public stopRace(): void {
@@ -196,6 +199,8 @@ export class Race extends Scene {
         this.track = this.buildTrack(trackName, askedTrackStyle);
         this.skier = new Skier(skierName, this.getSkierConfig(this.track.style));
         this.add(this.skier);
+        this.startingHouse = new StartingHouse();
+        this.add(this.startingHouse);
 
         this.skierCameraGhost = new Actor({ width: 1, height: 1, pos: vec(this.skier.pos.x, this.skier.pos.y + Config.FRONT_GHOST_DISTANCE) });
         this.setupCamera();