Phaser 3 -Ultimate Course Make Games with Javascript
JavaScript you already know, pointed at games: sprites, physics, input, cameras, and a finished tic tac toe game with winning animations.
Ask a room of developers what made them want to code and half will say games. Then they learn web development, ship forms and dashboards, and the game thing sits in a drawer labeled someday. Here is the fun secret: if you know JavaScript, someday costs nothing. Phaser 3 turns the browser you already develop for into a genuine game engine.
Building your game vocabulary
The basics run wide because games need a wider toolkit than pages do. You load images, then meet the game object family: sprites and animations, atlas sprites, shapes, text you can update live for scores, groups, containers, and hidden zones. Tiles get their own treatment, including two lessons in the Tiled map editor, the free tool for painting game worlds out of tilesets.
Then input, which is where games separate from websites: keyboard keys, cursor keys, mouse clicks, events on specific game objects, and dragging objects into drop zones. The arcade physics section follows with the fun stuff, gravity, world bounds, colliders, and overlaps, which is the machinery behind everything from platformer landings to collectible pickups. Cameras and tweens round it out, and the tween timeline lessons will feel familiar if you have ever animated a web page: same idea, pointed at game objects.
There are practical detours most courses skip, like making spritesheets with Shoebox and working with audio, because real games need assets, not just code.
Tic tac toe, built like a real game
The final project is deliberately humble in concept and complete in execution: local multiplayer tic tac toe across fourteen lessons. An animated title screen with input to start, scene preloading, the board and pieces placed properly, click handling for every box, win-checking logic, winning animations, and finished files at the end. Simple game, full pipeline. Once you have shipped the whole arc of scenes, input, logic, and win states, bigger games are the same skeleton wearing more art.
Phaser is huge, and the course says so openly, teaching you to navigate its documentation rather than pretending to cover the entire API. If your JavaScript needs reinforcement before jumping in, JavaScript Basics or Future Proof JavaScript will get you ready, and the second one even ends with a game of its own.
What you'll learn
- ✓ Set up Phaser 3 with the starter kit and load your first images
- ✓ Work with sprites, atlas animations, shapes, text, groups, and containers
- ✓ Build game worlds with tiles and the Tiled map editor
- ✓ Capture keyboard input, mouse clicks, and drag and drop with drop zones
- ✓ Use the arcade physics engine with colliders and overlaps
- ✓ Control the camera and animate anything with tweens and timelines
- ✓ Make spritesheets with Shoebox and add audio to your games
- ✓ Build a complete tic tac toe game with scenes, win logic, and animations
Course Curriculum
12 sections
1
First Section
0 lessons
2
Basics: Setup
0 lessons
3
Basics: Game Objects
0 lessons
4
Tiled Map Editor App
0 lessons
5
Basic: User Input
0 lessons
6
Basics: Physics Engine: Arcade
0 lessons
7
Basics: Camera
0 lessons
8
Basics: Tweens
0 lessons
9
Shoebox App
0 lessons
10
Audio
0 lessons
11
Tic Tac Toe - Local Multiplayer Game
0 lessons
12
Conclusion
0 lessons
Before you start
- ✓ Solid JavaScript fundamentals. Functions, objects, and arrays all get heavy use here
