HTML5 Games Dev Video Course

HTML5 Games Dev Video Course is a practical screencast-based tutorials, created by makzan.

The video course shows you how to create two simple yet elegant games in HTML5 – Rush and Count99. You will learn to build games that run on both desktops and mobile browsers. It guides you to code the game logic in JavaScript in a modular approach, with elegant code and illustrated concepts to help you learn quickly.

Course Length : 1 hour and 58 minutes.

Buy or learn more at PacktPub store ➔

Sample Video Clips

The following are the sampel clips that contain the entire Section 4 – Start building the Rush game.

1. Planning the Rush Game (Youtube link)
2. Defining the Game Object Class (Youtube link)
3. Creating a Platform Class (Youtube link)
4. Creating Movable Game Objects (Youtube link)
5. Adding Platforms to Your Stage (Youtube link)
6. Handling Collisions with Generic Methods (Youtube link)

Screenshots

Buy or learn more at PacktPub store ➔

Table of Contents

• ❶ Planning Your First Game [12:08 minutes]
  •       Planning Your Game
  •       Setting Up Your File Structure
  •       Setting Up HTML and JS
  •       Drawing Basic Shapes with EaselJS
  •       Implementing Your First Game Object
• ❷ Creating the Core Game Logic [15:23 minutes]
  •       Displaying Multiple Objects on Stage
  •       Adding Click Input Events
  •       Adding the Game Logic
  •       Adding the Game Over Logic
  •       Restarting the Game
• ❸ Adding Graphics to Your Game [14:44 minutes]
  •       Preparing Your Graphics
  •       Adding Graphics to the Game
  •       Preloading Graphics
  •       Adding Custom Web Fonts
  •       Making Your Game Mobile-friendly
• ❹ Planning Your Second Game [17:13 minutes]
  •       Planning the Rush Game
  •       Defining the Game Object Class
  •       Creating a Platform Class
  •       Creating Movable Game Objects
  •       Adding Platforms to Your Stage
• ❺ Game Objects and Collisions [13:42 minutes]
  •       Handling Platforms and Hero Collisions
  •       Implementing the Obstacle Game Objects
  •       Handling Obstacle and Hero Collisions
  •       Handling Collisions with Generic Methods
  •       Implementing the Detection Score Counter
• ❻ Character Movement and Input Handling [12:05 minutes]
  •       Adding Gravity to the Level
  •       Applying Gravity to the Hero
  •       Making the Hero Run
  •       Making the Hero Jump
  •       Handling Hero-Obstacle Collisions
• ❼ Adding Graphics and Animations [15:40 minutes]
  •       Creating the Rush Game's Graphics
  •       Integrating Static Graphics in Rush
  •       Using EaselJS Sprite Sheet Animations
  •       Creating the Dynamic Platform Width Logic
  •       Preloading Graphics and the Progress Bar
• ❽ Polishing Your Final Game [17:44 minutes]
  •       Creating a Main Menu Scene
  •       Create a Game Over Scene
  •       Displaying Scores
  •       Displaying a Scoreboard
  •       Finalizing Your Game's Web Page

Buy or learn more at PacktPub store ➔

⬇ Download the source code for the course examples.

Play the example game: Rush and Count99.