Guest Tutorial #8: Phaser Game Development with Catt Small

The Coding Train is thrilled to welcome Catt Small to present on JavaScript game development with Phaser!
This video is sponsored by Codepen - codepen.io
Catt is a product designer, game maker, and developer. She is currently making awesome things at Etsy. She started programming interactive games around the age of 10 and has been going ever since. In her spare time, Catt organizes events with Good for PoC and launches games with Brooklyn Gamery.
🔗 Catt's website: cattsmall.com/
🔗 Code for this video: codepen.io/cattsmall/pen/gvJEpM
🔗 Catt Small on Twitter: / cattsmall
🔗 Catt's games: cattsmall.itch.io/
🔗 Catt's Phaser 3 template: codepen.io/cattsmall/project/...
🔗 Phaser: phaser.io/
🔗 Phaser 3 examples: labs.phaser.io
🎥 CodePen in p5.js: • 9.16: CodePen in p5.js...
🚂 Website: thecodingtrain.com/
💖 Patreon: / codingtrain
🛒 Store: www.designbyhumans.com/shop/c...
📚 Book recommendations: www.amazon.com/shop/thecoding...
💻 github.com/CodingTrain/website
🎥 For an Introduction to Programming: • Start learning here!
🎥 For more Coding Challenges: • Coding Challenges
📄 Code of Conduct: github.com/CodingTrain/Code-o...

[@jaydenwyatt5798]

"VIM if you're that type of person" lol. I love this channel with all of my heart

[@andrescolon]

lol, came to say this. Doubled you sentiment when I saw you post this too.

[@doxanthropos]

Great video! Would love to see more on this topic and more by Catt.

[@honglouis]

great video, just what I wanted to learn about. Thanks Catt and Daniel

[@SaschaHarms]

Catt, you shoud come back for a live coding, maybe?

[@staticvoidsolutions4998]

Nice - I would really like to see Catt return and tackle a coding challenge or two in Phaser. Phaser 3 is lots of fun and the knowledge gleaned from Dan's videos really accelerated the learning process for me. Phaser 3 does so much of the work for you but if you've watched a lot of Dan's videos you'll have some idea of whats going on in the background and that's super helpful. I've been working with Phaser 3 for about a month now, have made a couple games, and would totally recommend it as the perfect next step after processing. There is a real lack of advanced Phaser tutorials so it would be awesome to see Catt or Dan tackle some advanced enemy AI, for example, or physics with matter.js which is one of the physics plugins that comes with Phaser.

[@bndissanayaka]

can you mention a link or two to Dan's videos on phaser? I searched but I couldn't find

[@SnarkyComments]

Clear and concise

[@TamTran-yo1cm]

Thank you!

[@Boonda-p]

omg awesome!

[@julianbullmagic]

can you trigger timed events with a keypress?

[@dott.helmutalzheimer618]

Scuse me, why if use i p5.js in localhost it and i put p5.js code in outside file it doesn't work.

[@Steve01ification]

Great talk, was really interesting_

[@debug7]

The new firefox developer browser can actually run frameworks like Phaser, Pixi js without a server, if you realy want to work localy. :)

[@nake89]

Yes, Firefox Developer Edition is AWESOME! I suggest every developer to try it. It allows you to run things in file:// you would normally only be allowed to run in http(s)://. It has React and Redux Dev tools built into it and much more.

[@johndoe-gt4rx]

Why aren't you using document.onload? Is it because this game is only looading that one object in the main html file?

[@sma92878]

Loved the presentation, I would have loved a more in depth review.

[@zipnone1996]

cool!

[@ichdich2332]

Is it possible to use phaser with the electron Framework?

[@ichdich2332]

Mariany thank you

[@red_app1418]

Wow I am your fan from now Catt

[@UTube2K6]

phaser has been made by flash developpers, that's why it's so straightforward

[@lilrockstar77]

I know I’m late. She was amazing

[@noicehockey9920]

can i just open html with live server extension without creating server?

[@staticvoidsolutions4998]

Yes

[@alvarobyrne]

The first pen!

[@HE360]

We have similar programming styles LOL. I always put everything in while file too. If anyone doesn't believe me, look at how I did my Cerberus-X Game Programming language tutorial or one of my Blitz BASIC 3D tutorials LOL.

[@AE-yr6mo]

stfu

[@djmintyfreshful]

Let’s get an um counter!

[@CharIie83]

you lose some control with all the frameworks, but you save time not having to rediscover everything

[@endo9902]

people make a bit of money on KZbin. Is there a similar platform for game developers?

[@cartersnook6139]

Udemy and yt are the best

[@soumyamohapatra7621]

Game development with Javascript!?! Man.

[@sadhlife]

hasn't Dan been doing that for years now :') frogger is my personal favourite

[@randomgameclips9077]

It was in java

[@Ivolutio]

Used Phaser for a school project... lol

[@zerilis]

Pixely Wixely Are you just saying that for the hell of it or do you have a point?

[@Ivolutio]

ReplacedAxis Are you just saying that for the hell of it or do you have a point?

[@zerilis]

Pixely Wixely Well it seemed you implied that it's a lesser engine due to the fact you included an ellipsis. But I wasn't sure so that's why I asked.

[@_nom_]

Shouldn't scenes be a function map. And shouldn't animations not rely on fps for animating. =\

[@kamards]

Please do a tutorial on how to make a game engine in c++

[@HairyPixels]

Oh fun, a high level library which abstracts away all the interesting details so I get to learn nothing.

[@lxjuani]

Hairy Pixels : not everyone wants to learn the implementation of every aspect of gamemaking. There are different levels of design and that's ok.