Build an HTML5 Game: A Developer's Guide with CSS and JavaScript
- 3h 20m
- Karl Bunyan
- No Starch Press
- 2015
If you already have even basic familiarity with HTML, CSS, and JavaScript, you’re ready to learn how to build a browser-based game. In Build an HTML5 Game, you’ll use your skills to create a truly cross-platform bubble-shooter game—playable in both desktop and mobile browsers.
As you follow along with this in-depth, hands-on tutorial, you’ll learn how to:
- Send sprites zooming around the screen with JavaScript animations
- Make things explode with a jQuery plug-in
- Use hitboxes and geometry to detect collisions
- Implement game logic to display levels and respond to player input
- Convey changes in game state with animation and sound
- Add flair to a game interface with CSS transitions and transformations
- Gain pixel-level control over your game display with the HTML canvas
The programming starts right away in Chapter 1—no hemming and hawing, history, or throat clearing. Exercises at the end of each chapter challenge you to dig in to the bubble shooter’s code and modify the game.
Go ahead. Take the plunge. Learn to create a complete HTML5 game right now and then use your newfound skills to build your own mega-popular, addictive game.
About the Author
Karl Bunyan's first adventure game was published in 1990 on the ZX Spectrum, and he’s been developing games ever since. Bunyan created HTML5 prototypes for the Game Show Network’s Facebook gaming platform, and he is currently the owner of Wedu Games, an independent firm that builds web and mobile games.
In this Book
-
Preparation and Setup
-
Sprite Animation Using jQuery and CSS
-
Game Logic
-
Translating Game State Changes to the Display
-
CSS Transitions and Transformations
-
Rendering Canvas Sprites
-
Levels, Sound, and More
-
Next Steps in HTML5
-
Afterword
