HTML5 Game Development: 2D Platform Game Fundamentals

HTML5 Game Development: 2D Platform Game Fundamentals, available at $64.99, has an average rating of 4.2, with 46 lectures, based on 212 reviews, and has 1069 subscribers.

You will learn about HTML5 Game development using Phaser 2D platform game fundamentals Webpack and Phaser: Utilising up a robust base project How to work with sprites and spritesheets Loading game assets Character animations Capturing user input Platform game physics Character movement Finite state machine pattern Handling collisions Level building with the Tiled level editor Cameras Parallax scrolling This course is ideal for individuals who are Anyone with an interest in learning how they can build their own 2D platform game or Beginner Javascript developers curious about building games for the web It is particularly useful for Anyone with an interest in learning how they can build their own 2D platform game or Beginner Javascript developers curious about building games for the web.

Enroll now: HTML5 Game Development: 2D Platform Game Fundamentals

Summary

Title: HTML5 Game Development: 2D Platform Game Fundamentals

Price: $64.99

Average Rating: 4.2

Number of Lectures: 46

Number of Published Lectures: 46

Number of Curriculum Items: 46

Number of Published Curriculum Objects: 46

Original Price: $29.99

Quality Status: approved

Status: Live

What You Will Learn

HTML5 Game development using Phaser
2D platform game fundamentals
Webpack and Phaser: Utilising up a robust base project
How to work with sprites and spritesheets
Loading game assets
Character animations
Capturing user input
Platform game physics
Character movement
Finite state machine pattern
Handling collisions
Level building with the Tiled level editor
Cameras
Parallax scrolling

Who Should Attend

Anyone with an interest in learning how they can build their own 2D platform game
Beginner Javascript developers curious about building games for the web

Target Audiences

Anyone with an interest in learning how they can build their own 2D platform game
Beginner Javascript developers curious about building games for the web

In this course, you’ll learn the basics of 2D game development using HTML5/Javascript and the excellent Phaser game engine. The course will focus on character movement for a platform game and introduce level creation using the Tiled level editor.

We’ll cover how to build a character with various moves and animations. We’ll use a physics engine to get the jump and horizontal movement feeling just right similar to classic games like Mario Bros. We’ll then create a simple platform game level and setup the collision logic for our character to interact with it.

Along the way to building a super fun 2D platform game, we’ll be looking at some best practices on structuring and architecting a game project by starting with a robust boilerplate that you can use for any game, as well as exploring the finite state machine pattern as a means of controlling our character’s movements and animations. This will give you a solid foundation for continuing your journey into game development and give you a kick start in creating a full blown game!

If any of the above sounds a bit daunting, don’t worry, the course videos will explain everything in a way that’s suitable even for a complete beginner. While a little familiarity with Javascript would be beneficial, we’ll be doing everything step-by-step in enough detail that you can follow along. Basically, if you have an interest in how 2D platform games work and would like to have a go at creating your own, this course is for you.

Course Curriculum

Chapter 1: Getting Started

Lecture 1: Tools of the Trade

Lecture 2: Project Starter Code

Lecture 3: Introduction to Phaser

Lecture 4: Updated: Code Completion for Phaser in VS Code

Lecture 5: Outdated: Code Completion for Phaser in VS Code

Lecture 6: Base Project Code Review

Chapter 2: Building a Character

Lecture 1: Finding Royalty Free Game Assets

Lecture 2: Spritesheets and Texture Atlases

Lecture 3: Loading Spritesheets

Lecture 4: Playing Animations

Lecture 5: Enabling the Arcade Physics Engine

Lecture 6: Collision Rectangles for Physics Bodies

Lecture 7: Creating a Hero Class

Lecture 8: Capturing Keyboard Input

Lecture 9: Horizontal Movement

Lecture 10: Using Acceleration

Lecture 11: Jumping

Lecture 12: Double Jumping

Lecture 13: Fixing Jump Bugs

Lecture 14: Intro to Finite State Machines

Lecture 15: Installing the javascript-state-machine Library

Lecture 16: Movement State Machine

Lecture 17: Triggering State Transitions

Lecture 18: Logic for State Transitions

Lecture 19: Loading Spritesheets and Creating Animations

Lecture 20: Fixing the Fall Spritesheet

Lecture 21: Flowchart for Animation States

Lecture 22: Creating the Animation State Machine

Lecture 23: Adding Logic for Animation State Transitions

Lecture 24: Completing the Animation State Machine

Chapter 3: Building a Level

Lecture 1: Intro to Tiled

Lecture 2: Creating a Tileset

Lecture 3: Building a Level in Tiled

Lecture 4: Loading the Level

Lecture 5: Adding a Camera

Lecture 6: Colliding with the Level’s Tiles

Lecture 7: Fixing Pixel Bleeding with Extrusion

Lecture 8: Adding a Foreground Layer

Lecture 9: Adding a Background Layer with Parallax Scrolling

Lecture 10: Fixing the Clouds Tile Size Warning

Lecture 11: Setting the Hero’s Start Location via the Level

Lecture 12: Adding Spike Objects

Lecture 13: Finish Adding Spikes Objects

Lecture 14: Killing the Hero

Lecture 15: Completing the Death Sequence

Lecture 16: Resetting the Game

Instructors

Jed Hastwell
Games/Web Developer and Teacher

Rating Distribution

1 stars: 3 votes
2 stars: 6 votes
3 stars: 12 votes
4 stars: 59 votes
5 stars: 132 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu