Making HTML5 Games with Phaser 3
4.3 (85 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
395 students enrolled

Making HTML5 Games with Phaser 3

Rapid Game Development
4.3 (85 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
395 students enrolled
Created by William Clarkson
Last updated 3/2019
English
English
Current price: $11.99 Original price: $59.99 Discount: 80% off
2 days left at this price!
30-Day Money-Back Guarantee
This course includes
  • 4.5 hours on-demand video
  • 31 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to Udemy's top 3,000+ courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Learn the basics of Phaser game development, and creating reusable game parts
Course content
Expand all 161 lectures 04:36:33
+ Introduction
11 lectures 16:58
Download Phaser library
01:11
Making JavaScript Classes
01:20
Set up a basic Phaser Template
04:58
Phaser built-in functions
01:00
Debugging Tools
01:49
+ Phaser Basics
17 lectures 30:27
Adding Images in Phaser - Overview
01:30
Image/Sprite properties
01:33
Understanding image origins and centering
01:30
Sprite sheets/Animations
04:16
Sprite movement
00:59
Tweens
01:38
Detecting when a tween is complete
03:40
Tween Scope Alternative
00:52
Adding Text
01:10
Styling text/Google Fonts
02:11
Clicking a sprite
01:15
Using Phaser graphics
02:58
Adding Sound
01:05
About Groups
01:19
About Containers
01:30
Building a toolbox of game parts
00:52
+ Game 1 - Road Rush
58 lectures 02:03:54
Make the road class
02:27
Size road
02:21
Toolbox part - Scaling Images
01:01
Toolbox part- Centering
01:56
Make center lines
02:21
Move center lines
02:38
Add the car sprite
01:50
Add obstacles images
00:52
Add obstacles
02:30
Make a random obstruction
01:17
Changing speed and scale
03:25
Toolbox part - collision checker
01:50
Add collision checking to game
00:52
Toolbox part-model
02:43
Toolbox part - event dispatcher
00:36
Toolbox parts - constants
01:51
Toolbox part - Game Controller
03:22
Toolbox Part - Scorebox
04:14
Add score box to game
01:54
Toolbox part - Align Grid - Draw Grid
04:37
Toolbox part - Align Grid - Place Items
01:59
Toolbox part - Align Grid - Simplify Placement
03:19
Toolbox part - Mobile configuration
04:06
Add Grid to Game
01:39
Toolbox part - Text Button
04:52
Toolbox part - Text Button Events
03:30
Toolbox part - Text Button Parameters
01:36
Toolbox part - Text Button Text
01:10
Toolbox part - Title Screen
05:12
Toolbox Part - Game Over Screen
01:23
Toolbox Part - Text Button Rollover
01:26
Add screens to game
01:05
Toolbox part - Media Manger part 1
02:26
Toolbox part - Media Manager part 2
01:40
Toolbox part - Media Manager Part 3
02:53
Toolbox Part - Toggle Buttons
07:23
Toolbox Part- Sound Buttons
03:58
Adjust Sound Buttons
00:41
Add Buttons to the game
01:18
Add Sounds to the game
00:48
Play Sounds
01:49
Playing Again
02:04
Make a load scene
01:29
Preloader progress
02:26
Toolbox part - Bar component
02:56
Add a progress bar to the game
00:51
add the load scene to the toolbox
01:12
Cleaning up the code!
01:01
Copy the road
01:36
Customizing the score box
00:56
Speeding up the game
02:08
Customizing the Title Screen
02:17
Cleaning up the Toolbox
01:06
Audio Fix!
01:00
+ Introduction to Phaser Physics
6 lectures 06:24
Set Up - Add images
01:32
Using Gravity
00:42
Making the ground
01:17
Bouncing the apple
00:51
Using Velocity
01:23
+ Game 2- Pong Frenzy
21 lectures 30:19
Set Up
00:35
Load Images
01:19
Add ball
01:29
Add Paddles
01:20
Add background
01:40
Ball physics
01:25
handling collisions
01:05
Set ball color
00:53
Change paddle
01:21
Move paddle
02:19
Move paddles back
02:05
flip paddles
02:25
score box
01:38
game over
01:47
Points
01:20
Speed up
01:56
Load sounds
01:09
Play sounds
01:10
Title Screen
01:53
+ Game 3 - Space Battle
48 lectures 01:08:31
Set Up Game
00:52
Load Images
00:41
Add ship
01:09
Add Background
00:53
Move ship
01:22
Ship Scale
01:00
Stop the ship moving
02:09
Phaser Camera
01:12
Add Rocks
01:14
Place Rocks
01:36
Move Rocks
00:53
Setting the game bounds
01:34
Physics group self collision
00:53
Detecting a long click
02:19
Making bullets
02:40
Destroy the rocks
01:39
Making an explosion
03:35
Blow up the rocks
00:53
Add the enemy ship
01:05
Move the enemy ship
01:09
detect proximity
01:50
Fire enemy bullet
01:38
Bullet throttling
01:12
Add player information
02:22
Add icons
01:47
Stop UI from scrolling
00:51
Let the enemy shoot the rocks
01:09
Player damages Enemy
01:51
Let the enemy damage the player
01:07
Ship collisions with the game borders
00:52
Game balancing part 1
01:59
Game balancing part 2
00:48
Rocks hitting the ships
01:47
Shield damage
01:24
Adding more rocks
02:18
Game Over
01:13
Game Over screen
03:00
Update bug!
01:01
Title Screen
02:07
Cleaning up the code!
01:43
Sound effects
01:47
Background music
01:16
Dealing with bugs!
00:16
Bug #1 Can not shoot rocks after reset
01:04
Bug #2 Toggle buttons not worked when camera is scrolled
01:12
Conclusion
00:38
Requirements
  • Have a basic knowledge of JavaScript. All tools needed are freely available online
Description

By taking this course on Making HTML5 Games with Phaser 3, the newest version of Phaser. You'll not only build 3 HTML5 games but also create a reusable game template to help you make your own game ideas come to life.

If you know a little bit of JavaScript and have a big passion for games, this is the course for you!

  • You will learn how to set up games to run on desktop computers and mobile devices

  • You will be able to turn your imagination into exciting games!

  • I will show you some of the tricks and techniques that I have picked up over the years, such as showing you how to build code to reuse it!

  • Code Templates and all resources you need to complete the games are included!

   I love talking about game development, especially where it comes to building Phaser games, and am happy to answer your questions and discuss any ideas you may have!

Who this course is for:
  • Developers interested in making HTML5 games.