How To Make A PhaserJS Game! | Simple Tutorial

Learn how to make a super simple platformer game with Phaser.JS!

PhaserJS is a framework or toolkit that provides you with the libraries and classes to build your own game from raw JavaScript. It is not an IDE or set of tools to build a game, the way Godot or Unity3D is.

If you are familiar and comfortable with JavaScript, Phaser is possibly the single best framework available for building relatively simple games.

Follow me on social media!

Check out my other YouTube Channels ~

Affiliate Links:

💝 Support The Channel!

[Vitriol]

This was actually a pretty good phaser intro without delving into webpack and that sort of madness. You should make more phaser vids!

[joeri-uri]

Great tutorial! Thanks egee, I have deadline for a phaser game for school tomorrow and this helps me out immensely. I also love how you managed to condense the theory into such a watchable format. Tons of information without all the unnecessary extra information.

[truonggianginh]

Thanks so much !!! Shortest tutorial and most effective tutorial I ever seen.

[ebenezer]

You make amazing videos!! the distro delves are amazing too!!

[xurikenx]

Do you have a playlist for Phaser Coding ? I would love to see more tutorials like this. :>

[gastonalejandrotrivi]

A dev that uploads a 10min and apologizes for a somewhat long video is my friend.

[SAINTSs]

Thanks so much. This was excellent to wrap up my first block of learning!

[masamune]

Phaser is such a pain to set up, on one hand I have to use node to be compatible with all the require statements, on the other hand I have to use the browser or else none of the browser objects get defined in node. Quite the predicament

[agent-]

Please, to all programming tutors, please do zoom in your codes so we can see it clearly. 😳

[JohnMitchellCalif]

As a teacher I *adore* you say what to do, do it, then *show what changed*! That level of very fast, simple feedback is incredibly helpful.

[Marius-vwhp]

Phaser seems like a great engine if you want to make procedurally generated levels

[zombievirals]

Great video, has been a big help for me, I'm participating in a jam where the limit to the entire project uncompressed is 1.44mb, so I was forced to use Javascript, and ended up going with Phaser :)

Atom is pretty nice by the way, I was using Notepad++ at first just for the hell of it, but tried Atom and stuck with it.

[evolgenius]

I feel like I watched this exact game being made in a tutorial, but it wasn't phaser.io... I specifically remember these sprites. It's making me crazy!

[kristoferlinnestjerna]

Pretty awesome, I must say that I really enjoy the pace and feel of your videos :) keep it up!

[gtknowledge]

"Run it on Electron"
Aah finally... Someone has discovered my power

[eliasrohrer]

This was the best tutorial i‘ve ever seen about phaser. THANK YOU!

[yesimyourdad]

cant do even when using phaser 2, just the black screen

[chnoo]

Do you have more tutorials about phaser.js?

[kara.m]

what is phaser version that used in this tutorial?
thank you

[lukass]

Bear in mind people that this tutorial was written in Phaser v2.0.1.

I'm on Phaser v3.18.1 and the setups are different. (E.g. you have to set the physics to arcade in config; when loading a spritesheet, you have to include a ImageFrameConfig)