- HTML5 Game Development HOTSHOT
- Table of Contents
- HTML5 Game Development HOTSHOT
- Credits
- About the Author
- About the Reviewers
- www.PacktPub.com
- Preface
- 1. Building a CSS Quest Game
- Mission briefing
- Creating the HTML structure
- Managing the game scene
- Representing the quest composition
- Placing the patterns on the deck
- Selecting the pattern
- Comparing the player and compositions of the quest
- Showing different quests
- Adding a countdown timer to the game
- Mission accomplished
- Hotshot challenges
- 2. Card Battle!
- Mission briefing
- Creating the game scenes
- Creating a 3D card-flipping effect
- Selecting a card
- Adding a power value to the cards
- Creating the opponent's card
- Building the battle animation
- Adding health points to the game
- Restarting the game for the next round of battle
- Mission accomplished
- Hotshot challenges
- 3. Space Runner
- Mission briefing
- Managing the scenes
- Defining the floor and tiles in the game
- Controlling the tiles creation in JavaScript
- Using a game loop
- Parallax background scrolling
- Controlling a player with the keyboard
- Determining a collision between the player and tiles
- Spritesheet animation
- Mission accomplished
- Hotshot challenges
- 4. Multiply Defense
- 5. Building an Isometric City Game
- Mission briefing
- Designing the game's user interface
- Placing the tiles and grid in the city layer
- Choosing which building to build
- Placing buildings on the floor
- Advancing the construction progress over time
- Generating coins and diamonds
- Collecting pop-up diamonds
- Saving and loading the game progress
- Mission accomplished
- Hotshot challenges
- 6. Space Defenders
- 7. A Ball-shooting Machine with Physics Engine
- 8. Creating a Sushi Shop Game with Device Scaling
- Index
Throughout the eight tasks, we have created a running game where a player needs to avoid the obstacles while running, as shown in the following screenshot:
We learned several key concepts in this project, including the Game loop, requestAnimationFrame, the concept of parallax scrolling, keyboard input, and spritesheet animation.
-
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.