Making Your First Phaser 3 Game in TypeScript - Part 3

This is a repost from the main ourcade channel: / ourcadehq
Want to learn more about using TypeScript with Phaser 3? We have a free book that teaches you how to create an Infinite Runner. Get it here: ourcade.co/books/infinite-run...
Learn how to make an #HTML5 Phaser 3 game using #TypeScript to write code that scales. This series takes the official Phaser guide by the same name but translates the JavaScript code into TypeScript.
Part 3 wraps up with adding stars to collect and bombs to add some difficulty.
Making your first Phaser 3 game: phaser.io/tutorials/making-you...
Making Your First Phaser 3 Game in Modern JavaScript: blog.ourcade.co/posts/2020/ma...
Full Series:
Part 1: • Making your First Phas...
Part 2: • Making Your First Phas...
Part 3: • Making Your First Phas...
Ourcade is a playful #gamedev community for open-minded and optimistic learners and developers. 🎮🕹👾🤗 ourcade.co

[@captstrugglebunny]

FYI, TypeScript raises an error saying 'fill' doesn't exist in TextStyle. Using 'color' did the trick for me.

[@aleksmarinic5748]

i have some problems with my player... he's able to jump from stars (i don't want that)... how can i make, that he can jump only from the platform?

[@zb2747]

For those who are getting Uncaught TypeError: Cannot create property 'score' on boolean 'true' at runtime in dev console when adding += 10 to score replace the overlap function with this: this.physics.add.overlap(this.player, this.stars, (player, s) => { this.handleCollectStar(player, s); }, undefined, true );

[@naares4372]

Hey or you could bind the context like this.physics.add.overlap(this.player,this.stars,this.handleCollectStart.bind(this),undefined,true); Its because you are working out of scope in that function, binding context will always help.

[@zb2747]

@@naares4372 Nice - thank you family! Do you have a discord or twitter? Been meaning to collaborate or share ideas with others who like to make games with phaser :)