updated mission_01 to match defintions.ts

public/assets/missions/mission_01.json

@@ -29,7 +29,10 @@
                 [8, 2],
                 [9, 2]
             ]
-    ],
+        ]
+    },
+    "rounds": [
+        {
             "waves": [
                 {
                     "firstCreepSpawnTick": 120,
@@ -46,6 +49,8 @@
                     "spawnIntervalTicks": 60,
                     "creeps": [0, 0, 0, 0, 0, 1, 1, 1, 0]
                 }
+            ],
+            "offeredGems": [0, 1, 2, 3]
+        }
     ]
 }
-}

src/base/Definitions.ts

@@ -3,6 +3,7 @@ export type MissionDefinition = {
     description: string;
     mapImageUrl: string;
     gameMap: GameMapDefinition;
+    missionRounds: MissionRoundDefinition[];
 };
 
 export type GameMapDefinition = {

src/components/Creep.ts

@@ -1,7 +1,7 @@
 import GameObject from '../base/GameObject';
 import * as PIXI from 'pixi.js';
 
-export class Creep extends GameObject {
+export default class Creep extends GameObject {
     constructor(bounds?: PIXI.Rectangle) {
         super(bounds);
     }

src/components/WaveManger.ts

@@ -0,0 +1,13 @@
+import Creep from './Creep';
+
+export default class WaveManager {
+    // Doesn't need to extend GameObject since it does not render
+    private totalWaves: number;
+    private currentWave: number;
+    private creeps: Creep[];
+    private spawnIntervalTicks: number;
+    private firstCreepSpawnTick: number;
+    constructor(totalWaves) {
+        this.totalWaves = totalWaves;
+    }
+}

src/scenes/GameScene.ts

@@ -2,6 +2,7 @@ import Button from '../base/Button';
 import { MissionDefinition } from '../base/Definitions';
 import { Grid } from '../components/Grid';
 import MissionStats from '../components/MissionStats';
+import WaveManager from '../components/WaveManger';
 import SceneBase from './SceneBase';
 import * as PIXI from 'pixi.js';
 
@@ -9,6 +10,7 @@ export default class GameScene extends SceneBase {
     private ticker: PIXI.Ticker;
     private stats: MissionStats;
     private grid: Grid;
+    private WaveManager: WaveManager;
 
     constructor(mission: MissionDefinition, bounds: PIXI.Rectangle) {
         super(bounds);
@@ -20,6 +22,7 @@ export default class GameScene extends SceneBase {
         this.ticker.start();
         this.stats = new MissionStats(100, 200);
         this.grid = new Grid(mission.gameMap);
+        this.WaveManager = new WaveManager(mission);
         this.draw();
     }