Game Development with Phaser 3
Mask

Learn to program browser games using the JavaScript framework Phaser 3. This course covers all essentials to get you started, including loading assets, creating game objects and handling user input. After gaining a solid foundation, you will advance to more complex topics. You'll learn to create classes and use object orientation to write clean code. During the course you will program three full games and acquire the knowledge to create even more!

Clock icon
55 hours
Updated icon
Update: 28-03-2022
Course overview
13 Lections - Reading time: 7hours 53 Min.
  • What actually is a computer game?
    Who is this course for?
    What does this course include?
    What prior knowledge is required?
    Explanation of terms
    How is a game programmed?
    What is Phaser, and how are games developed with it?
  • Creating the project structure
    The first game
  • Doodle Jump
    Loading and viewing images
  • The doodler is coming!
    Platforms, Bodies and Groups
    Collisions: When it should crash
  • Camera operations: The most important things always in view
    Keystrokes: Type what you want!
    Motion without movement with animations
  • New platforms - higher, further, more
    Game Over
    Let's go for the final sprint!
  • Overview
    Scenes: From functions to classes
    Manage multiple scenes
    Dynamic game size: "This will fit"
    Back and forth, navigating through scenes
    Order is necessary
  • The data object
    Multitasking with parallel scenes
    Outsourcing during development
  • OOP: Order, Optimization, Productivity - right?
    Sounds and tweens for even more life in the game
    "Game Over" handling
  • "Please hold the line"
    Find bugs through playtesting
About this course

This course is suitable for everyone who wants to get started with game development. You do not need to have any experience in game development yet, as the course starts with the fundamentals of both, Phaser and game development. Doing so, the course is split into two parts. The first covers basics like how to set up Phaser on your local environment. You learn how to load graphics, how to actually display them, and what pitfalls there are you have to keep an eye on. The course is very practice-oriented. Everything you have to know is explained by concrete code examples, your first game: A clone of Doodle Jump. You will program this clone from scratch, but don't worry. Throughout the lectures, you will find multiple review sections. Those provide you with the whole game code you have programmed at that time. Furthermore, these sections contain videos in which we program the latest additions together again. The first part of the course concludes with a bigger exercise in which you get to program your second game: A clone of Space Invader. This Space Invader clone will be the foundation for the second part of the course. There you take the step from functional to object-oriented programming, allowing you to create multiple game scenes. Also, this part covers more complex topics like session based data storage. Again, there will be multiple code examples paired with videos to help you out. As a result, you will have improved your Space Invader clone to a level, where you could proudly publish it. Like the first part, this one concludes with a bigger exercise. In this, you will create a puzzle game like Candy Crush. This exercise really is challenging as you have to apply everything you learned during the course, still don't worry. You will definitely be perfectly prepared and master this challenge!

What you need for starting this course
  • a computer with an up-to-date operating system
  • knowledge of functional programming with JavaScript, object-oriented programming experience is not required, but it may benefit you
  • an up-to-date version of Node.js installed
  • any modern browser (we use Google Chrome)
  • any IDE / code editor (we use Visual Studio Code)
What you will learn
  • to load assets
  • what a game loop is and how to use it
  • to create game objects
  • to use physics
  • to handle collisions
  • to register user input
  • to create UI elements
  • to create and manage collections of similar game objects
  • to create custom game scenes
  • to use object-oriented programming to create reusable code
  • to work with events
  • to use session based data persistence
  • to work with sound effects
  • to create animations
Your course instructor
Instructor Image
Hi, I'm Jonas
Course Author & Tutor
I discovered my passion for programming during school and turned it into a profession after graduating from high school. Currently, I am also studying Game Development part-time and would like to combine my hobby with my profession. At webmasters.io I work on the development of courses with focus on JavaScript and PHP.
Answers to (at least some of) your questions
  • No, definitely not as this course covers both, the basics of Phaser and the basics of game development. The only thing you should be familiar with is JavaScript.

  • Yes, you can. In fact, you even program two complete games during the course. However, as this is a starter course and Phaser is limited to 2D games, there are limits.

  • No, the videos are meant as a guided review of what you should have done. However, they may provide alternative explanations, so if you did miss out on something, just take a look at them.

Register now for free and get a 90% discount
on the Premium Membership!