Book Image

HTML5 Game Development [Video]

By : Makzan
Book Image

HTML5 Game Development [Video]

By: Makzan

Overview of this book

<p>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.<br /><br />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. <br /><br />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.<br /><br />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. <br /><br />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. <br /><br />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.<br /><br />HTML5 Game Development will be your guide as you create two complete games that are compatible with multiple desktop and mobile web browsers.</p> <h1>Style and Approach</h1> <p>Packt video courses are designed to cover the breadth of the topic in short, hands-on, task-based videos. Each course is divided into short manageable sections, so you can watch the whole thing or jump to the bit you need. The focus is on practical instructions and screencasts showing you how to get the job done.</p> <p>The examples in this video course are built using a simple canvas with modularized JavaScript game logic. You'll use basic object-oriented programming concepts to create game components and test your game using a simulator - optimizing it for real-world situations before deployment.</p>
Table of Contents (8 chapters)
Chapter 2
Creating the Core Game Logic
Content Locked
Section 5
Restarting the Game
The game stops at the game over scene, and we'll need to make a provision to play the game again by adding a restart link and logic. - Extract the game's initialization logic into a function so that we can call it later to reinitialize the game - Add a restart game link to the game over scene - Add the restart game logic when the restart game logic is triggered