CODEWITHSUNDEEP
typescriptphaser-framework
JTK
JTK

Reputation: 1519

Typescript extends keyword not working

I'm developing my first game using Visual Studio, Phaser and Typescript.

I can't get my classes to work when I use the extends key word

This works:

class Game  {

game: Phaser.Game;

constructor() {
    // init game
    this.game = new Phaser.Game(window.innerWidth * window.devicePixelRatio - 20, window.innerHeight * window.devicePixelRatio - 20, Phaser.CANVAS, 'content', State);
}
}

This does not:

class Game extends Phaser.Game{

constructor() {
    // init game

    super(window.innerWidth * window.devicePixelRatio - 20, window.innerHeight * window.devicePixelRatio - 20, Phaser.CANVAS, 'content', State);
}
}

I've been trying to figure this out all day without success, can anybody shed some light on it?

Upvotes: 0

Views: 284

Answers (1)

Ryan Cavanaugh
Ryan Cavanaugh

Reputation: 221262

The script tag for phaser.js needs to be above the script tag for your script.

Each script runs in order and your second example has an immediate dependency on the Phaser object already being created as soon as it runs.

Upvotes: 2

Related Questions