Making your First Phaser 3 Game in TypeScript - Part 1

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.
Phaser 3 Parcel Template: github.com/ourcade/phaser3-pa...
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

[@AmosGlenn]

14:34 - 18:09 is the best part! Watching someone solve a problem feels like being taught how to fish instead of being given a fish. Keep up the great work!

[@HungeredGaming]

Thank you for the advice to type things out at first, that’s something that I was worried had wasted time on with web dev

[@enzofalone9643]

loving your videos! thank you for making these tutorials

[@ourcadetv]

Thanks for watching!

[@danwilson5630]

Should your tsconfig say "node_modules/" instead of "node_module/"?

[@captstrugglebunny]

Just wondering, why do you create a variable and cast the type for the first platform, but not the others?

[@ourcadetv]

I tend to cast it to the expected type when I want IntelliSense

[@k9clubme]

please continue to make more tutorials

[@ourcadetv]

Planning on it in 2023!

[@Crazycosmichild]

@@ourcadetv wainting for it

[@Gollumfili]

All of these videos are like its simple to make this game with TS then it says all you need to do is install this bundler. Every time!

[@julie8737]

thx bbygrl

[@danwilson5630]

Was this meant to install 600 modules? Isn’t that overkill??

[@luongminhduy9373]

i can't see the tsconfig.json file, can you send it to me?

[@ourcadetv]

You can find it here: github.com/ourcade/phaser3-typescript-parcel-template

[@MrMomomoy]

i have a green square instead of a image. What am i doing wrong?

[@ourcadetv]

Make sure your image loads if you go to it directly from the URL in the browser

[@MrMomomoy]

@@ourcadetv yes, if i insert this URL file:///C:/Users/Admin/Documents/GitHub/phaser-game-tutorial/public/assets/sky.png in browser - it works

[@MrMomomoy]

@@ourcadetv i downloaded other template , with webpack inside. It works normal. But i want to figure out why the parcell didn't work. Stranger things.... star and platform added without any problems. there is issues only with sky. If i rename sky.png to bgnd.png - it works perfetcly. I break my brain with it

[@ourcadetv]

Yea, that is super strange