Pro HTML5 Games

783 Pages·2012·6.14 MB·English

by  Aditya Ravi Shankar [Aditya Ravi Shankar]

Pro HTML5 Games
Aditya Ravi Shankar
Pro HTML5 Games
Copyright © 2012 by Aditya Ravi Shankar This work is subject to copyright. All rights are
reserved by the Publisher, whether the whole or part of the material is concerned, specifically
the rights of translation, reprinting, reuse of illustrations, recitation, broadcasting,
reproduction on microfilms or in any other physical way, and transmission or information
storage and retrieval, electronic adaptation, computer software, or by similar or dissimilar
methodology now known or hereafter developed. Exempted from this legal reservation are
brief excerpts in connection with reviews or scholarly analysis or material supplied
specifically for the purpose of being entered and executed on a computer system, for
exclusive use by the purchaser of the work. Duplication of this publication or parts thereof is
permitted only under the provisions of the Copyright Law of the Publisher’s location, in its
current version, and permission for use must always be obtained from Springer. Permissions
for use may be obtained through RightsLink at the Copyright Clearance Center. Violations
are liable to prosecution under the respective Copyright Law.
ISBN-13 (pbk): 978-1-4302-4710-4
ISBN-13 (electronic): 978-1-4302-4711-1
Trademarked names, logos, and images may appear in this book. Rather than use a trademark
symbol with every occurrence of a trademarked name, logo, or image we use the names,
logos, and images only in an editorial fashion and to the benefit of the trademark owner, with
no intention of infringement of the trademark.
The use in this publication of trade names, trademarks, service marks, and similar terms, even
if they are not identified as such, is not to be taken as an expression of opinion as to whether
or not they are subject to proprietary rights.
While the advice and information in this book are believed to be true and accurate at the date
of publication, neither the authors nor the editors nor the publisher can accept any legal
responsibility for any errors or omissions that may be made. The publisher makes no
warranty, express or implied, with respect to the material contained herein.
President and Publisher: Paul Manning Lead Editor: Louise Corrigan
Technical Reviewer: Richard Davey, Shane Hudson, Syd Lawrence, Josh Robinson
Editorial Board: Steve Anglin, Ewan Buckingham, Gary Cornell, Louise
Corrigan, Morgan Ertel, Jonathan Gennick, Jonathan Hassell, Robert Hutchinson,
Michelle Lowman, James Markham, Matthew Moodie, Jeff Olson, Jeffrey
Pepper, Douglas Pundick, Ben Renow-Clarke, Dominic Shakeshaft, Gwenan
Spearing, Matt Wade, Tom Welsh Coordinating Editor: Anamika Panchoo Copy
Editors: William McManus, Kim Wimpsett Compositor: SPi Global
Indexer: SPi Global
Artist: SPi Global
Cover Designer: Anna Ishchenko Distributed to the book trade worldwide by
Springer Science+Business Media New York, 233 Spring Street, 6th Floor, New
York, NY 10013. Phone 1-800-SPRINGER, fax [phone], e-mail
[e-mail]
, or visit
www.springeronline.com
.
[e-mail]
For information on translations, please e-mail , or visit
www.apress.com
.
Apress and friends of ED books may be purchased in bulk for academic, corporate, or
promotional use. eBook versions and licenses are also available for most titles. For more
information, reference our Special Bulk Sales–eBook Licensing web page at
www.apress.com/bulk-sales.
Any source code or other supplementary materials referenced by the author in this text is
www.apress.com
available to readers at . For detailed information about how to
www.apress.com/source-code.
locate your book’s source code, go to
For my father, who challenged me to learn game
programming by first buying me a computer and
then telling me that I could only play games on it if
I made them myself.
For my mother, who had the unwavering
confidence that I would complete this book even
before I had written my first chapter.
And for my amazingly supportive sister, Arunima,
who has always been my good luck charm.
Contents at a Glance
About the Author
About the Technical Reviewers
Introduction
Chapter 1: HTML5 and JavaScript Essentials
Chapter 2: Creating a Basic Game World
Chapter 3: Physics Engine Basics
Chapter 4: Integrating The Physics Engine
Chapter 5: Creating the RTS Game World
Chapter 6: Adding Entities to Our World
Chapter 7: Intelligent Unit Movement
Chapter 8: Adding More Game Elements
Chapter 9: Adding Weapons and Combat
Chapter 10: Wrapping Up the Single-Player
Campaign
Chapter 11: Multiplayer with WebSockets
Chapter 12: Multiplayer Gameplay
Index
Contents
About the Author
About the Technical Reviewers
Introduction
Chapter 1: HTML5 and JavaScript Essentials
The canvas Element
Drawing Rectangles
Drawing Complex Paths
Drawing Text
Customizing Drawing Styles (Colors and Textures)
Drawing Images
Transforming and Rotating
The audio Element
The image Element
Image Loading
Sprite Sheets
Animation: Timer and Game Loops
requestAnimationFrame
Summary
Chapter 2: Creating a Basic Game World
Basic HTML Layout
Creating the Splash Screen and Main Menu
Level Selection
Loading Images
Loading Levels
Animating the Game
Handling Mouse Input
Defining Our Game States
Summary
Chapter 3: Physics Engine Basics
Box2D Fundamentals
Setting Up Box2D
Defining the World
Adding Our First Body: The Floor
Drawing the World: Setting Up Debug Drawing
Animating the World
More Box2D Elements
Creating a Rectangular Body
Creating a Circular Body
Creating a Polygon-Shaped Body
Creating Complex Bodies with Multiple Shapes
Connecting Bodies with Joints
Tracking Collisions and Damage
Contact Listeners
Drawing Our Own Characters
Summary
Chapter 4: Integrating The Physics Engine
Defining Entities
Adding Box2D
Creating Entities
Adding Entities to Levels
Setting Up Box2D Debug Drawing
Drawing the Entities
Animating the Box2D World
Loading the Hero
Firing the Hero