Packt Publishing – HTML5 Game Development – Second Edition

Packt Publishing – HTML5 Game Development – Second Edition

Build two HTML5 games in two hours with these fast-paced beginner-friendly videos

Build two HTML5 games in two hours with these fast-paced beginner-friendly videos

About This Video

Create two simple yet elegant games in HTML5

Build games that run on both desktops and mobile browsers

Presented in a modular approach, with elegant code and illustrated concepts to help you learn quickly

Updated the code to work for CreateJS version 0.7.1 at – https://github.com/makzan/HTML5-Games-Examples/commit/4ed86ae488d35768f5…

In Detail

HTML5 (as a platform) is a collection of technologies, such as JavaScript and CSS3, that allows the delivery of new and exciting multimedia using the native features of new and more capable web browsers. It allows game developers to create fun, exciting, and immersive games, as well as other interactive content that can enhance your web portals.

HTML5 Game Development will teach you all that you need to know to get started with creating your first game in HTML5 so you can start building captivating games from scratch.

This course is packed with step-by-step instructions to help you build modular code, optimize your game for deployment, and easily modify and reuse game logic to extend your game.

With this course, you’ll build two incrementally complex 2D games that run on both desktop and mobile browsers. This course will explain game programming best practices, complete with simplified game logic, physics and collision handling, as well as custom graphics and fonts.

Your first exercise is a simple counting game that lays the foundations for creating clean, customizable, and modular code. We’ll then move on to building a “rush” game with moving backgrounds, basic physics, and dynamic scoreboards.

We’ll cover essentials such as handling mobile touch events, controlling scene transitions, custom fonts and graphics, optimizing your game’s load time, a loading progress bar, collision detection, keeping score, and creating a deployable game.

HTML5 Game Development will be your guide as you create two complete games that are compatible with multiple desktop and mobile web browsers.

Get Packt Publishing – HTML5 Game Development – Second Edition At tenco.pro

Course Curriculum

Planning the Count game

• The Course Overview (1:11)
• Setting Up Your File Structure (1:46)
• Setting Up the Canvas with CreateJS (2:45)
• Preparing the Graphics (3:05)
• Implementing Your First Game Object (3:21)

Creating the Core logic

• Displaying Multiple Objects on Stage (2:29)
• Adding Tap Input Events (3:20)
• Making the Game Mobile Friendly (3:47)
• Adding the Game Logic (3:44)
• Adding the Game Over Logic (1:58)

Polishing the Count Game

• Animating the Game Over Scene (2:13)
• Restarting the Game (2:39)
• Adding Custom Web Font (4:05)
• Adding Audio Effect (3:19)
• Deploying the Game on the Web (2:28)

Preparing the Rush Game

• Planning the Rush Game (2:43)
• Creating the Rush Game’s Graphics (3:38)
• Defining the GameObject Class (4:11)
• Creating a Platform Class (3:44)
• Adding Platforms to Stage (2:50)rt

Moving the Character

• Handling Platforms and Avatar Collisions (4:35)
• Creating Movable Game Objects (2:18)
• Applying Gravity to the Avatar (2:09)
• Making the Avatar Run (2:27)
• Making the Avatar Jump (2:06)

Collision Detection

• Implementing the Enemy Game Object (3:48)
• Handling Enemy and Hero Collisions (2:05)
• Handling Collisions with Generic Methods (2:14)
• Implementing the Coins Objects (1:19)
• Handling Hero-Coins Collision (2:41)

Building Levels

• Placing Platforms and Game Objects Together (3:51)
• Creating the Multiple Platform Width (1:30)
• Defining Levels with Difficulty (4:01)
• Generating Platforms and Game Objects Based on Level (2:57)
• Level Up with Game Score Multiplier (3:21)

Polishing the Rush Game

• Creating a Main Menu Scene (3:59)
• Creating a Game Over Scene (2:34)
• Displaying Scores (3:17)
• Finalizing Your Game’s Web Page (4:23)
• Adding the Game to Home Screen (3:33)

Get Packt Publishing – HTML5 Game Development – Second Edition At tenco.pro