build an html5 game build an html5 game

220 Pages·2015·6.81 MB·English

K A R L B U N Y A N

BUILD AN
HTML5 GAME

BUILD AN
HTML5 GAME

A D E V E L O P E R ’ S G U I D E

W I T H C S S A N D J A V A S C R I P T

SHELVE IN: COMPUTERS/
WEB PROGRAMMING

$29.95 ($34.95 CDN)

www.nostarch.com

THE FINEST IN GEEK ENTERTAINMENT ™

L E V E L U P !
T I M E T O

L E V E L U P !
T I M E T O

“I LIE FLAT.”

This book uses a durable binding that won’t snap shut.

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-

desktop and mobile browsers.
platform bubble-shooter game — playable in both

• Send sprites zooming around the screen with
JavaScript animations

• Make things explode with a jQuery plug-in

• Use hitboxes and geometry to detect collisions

As you follow along with this in-depth, hands-on
tutorial, you’ll learn how to:

• 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. Exer-
cises at the end of each chapter challenge you to dig

games ever since. Bunyan created HTML5 prototypes

A B O U T T H E A U T H O R

Karl Bunyan’s first adventure game was published in
1990 on the ZX Spectrum, and he’s been developing

for the Game Show Network’s Facebook gaming plat-

independent firm that builds web and mobile games.
form, and he is currently the owner of Wedu Games, an

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.

BUIL D A N H T ML 5 G A ME
BUIL D A N H T ML 5 G A ME

BU NY AN

www.it-ebooks.info

Build an HTMl5 GaMe

www.it-ebooks.info

www.it-ebooks.info

Build An
HTMl5 GAMe

A developer’s Guide
with CSS and JavaScript

by Karl Bunyan

San Francisco

www.it-ebooks.info

Build an HTMl5 GaMe. Copyright © 2015 by Karl Bunyan.

All rights reserved. No part of this work may be reproduced or transmitted in any form or by any means,
electronic or mechanical, including photocopying, recording, or by any information storage or retrieval
system, without the prior written permission of the copyright owner and the publisher.

First printing

19 18 17 16 15
1 2 3 4 5 6 7 8 9

ISBN-10: 1-59327-575-7
ISBN-13: 978-1-59327-575-4

Publisher: William Pollock
Production Editor: Alison Law
Cover Illustration: Garry Booth
Interior Design: Octopod Studios
Developmental Editor: Jennifer Griffith-Delgado
Technical Reviewer: Patrick H. Lauke
Copyeditor: Anne Marie Walker
Compositor: Susan Glinert Stevens
Proofreader: James Fraleigh

For information on distribution, translations, or bulk sales, please contact No Starch Press, Inc. directly:

No Starch Press, Inc.
245 8th Street, San Francisco, CA 94103
phone: [phone];