Phaser 3 Tutorial

Discord Server: bit.ly/mpt-dis...
Enjoyed this video? Sign up for a FREE course at my-free-course...
Practise Modern Javascript by Coding A Card Game
Full course plus source code use discount link - bit.ly/card-ga...
Covers ES6, Classes, Arrays, Objects, Functions, Phaser 3 and more!
If you need to practise your javascript...
If you want to learn some new ES6 stuff...
If you have ever wanted to create a card game...
Then this course is for you!
You will get experience using:
ES6
Classes
Arrays
Objects
Functions
Phaser 3
Figma
Bitmap Fonts (BMFont)
Card games are a great way to learn some javascript and phaser fundamentals.
The game includes:
Dragging and dropping
Tweening
Importing graphics and fonts
Buttons
I hope you enjoy the course!
Github repository link:
github.com/mor...

[@matthiasbreiter4177]

That is probably one of the best modern JS + Phaser Tutorials.

[@MorganPageTech]

Thanks Matthias, much appreciated!

[@lazarmoiseyevich442]

the only video that helped me. Thank you from Chile

[@MorganPageTech]

Thank you for the kind comment!

[@MsEnermis]

Loved your video. However here's some (hopefully) constructive feedback. its obvious that you are copying the code verbatim from previously written code. Causing you to just type text from top to bottom in your files without including the viewer in the actual tough process. That's less than ideal for a coding tutorial since you are just explaining WHAT the code does rather than WHY you are adding it at that exact time. It helps immensely if you structure your video by incrementally adding parts to your program in a logical order as if you were writing it for the first time (even though you're not). As an example, when defining the CardPlayer class you immediately add a bunch of fields and methods that you know you will need in a bit, but at that point the current game doesn't require any of the fields yet. This also results in there being a lot of code being written between 'tests' (in this case health, armor, maxhealth, maxarmor, ... all finished in one go) and the only results you actually show the viewers are perfectly working finished parts. which is usually not how coding works.

[@kayleeherrmann308]

Sorry if it's right in front of my face, but where is the next video for this tutorial located?

[@mazejpg3242]

Thanks for your video! Will it be running with Phaser 3.55.2 "Ichika" as well without any issue?

[@aravinth6872]

where is the remaining part of the game bro ?

[@Viachev]

Thanks! no next tutorial ?

[@ujjal147]

Pretty good video!

[@alxx736]

Why is it necessary to create a bitmap font instead of importing a font family with css and use it ?

[@MorganPageTech]

Importing with css totally works too, thanks for pointing that out.

[@vov4egde]

I would say one of the main advantages is the size. At 24:53 after he saved the bitmap font files you can clearly see the difference. ~114Kb for a *.ttf file with all glyphs and only ~12Kb in total for both exported files.

[@naipeadicto]

great video!!!

[@VincentLabStudio]

Nice video.

[@aravinth6872]

please share the assets if it is possible, also code base

[@MorganPageTech]

Done! Check the bottom of the description. Thanks for asking!

[@ooopaooo999]

good

[@MorganPageTech]

Thankyou! I have a free course offering here: my-free-course.com/

[@ASMRTimeLapse1]

Hi, did you have any idea or tutorial to add Google IMA ads to phaser game

[@MorganPageTech]

Must admit sorry, no plans to do a Google IMA ads tutorial. However if I see a large demand for this, of course I will take a look! Thanks for the question.

[@aravinth6872]

if you shared a github repo then it might be useful.

[@MorganPageTech]

Done! Check the bottom of the description. Thanks for asking!

[@aravinth6872]

Thank you