HTML5 Games: Creating Fun with HTML5, CSS3, and WebGL [Paperback]

Jacob Seidelin (Author)

Book Description

Publication Date: December 27, 2011

Discover new opportunities for building 2D and 3D games with HTML5

The newest iteration of HTML, HTML5 can be used with JavaScript, CSS3, and WebGL to create beautiful, unique, engaging games that can be played on the web or mobile devices like the iPad or Android phones. Gone are the days where games were only possible with plugin technologies such as Flash and this cutting-edge book shows you how to utilize the latest open web technologies to create a game from scratch using Canvas, HTML5 Audio, WebGL, and WebSockets. You'll discover how to build a framework on which you will create your HTML5 game. Then each successive chapter covers a new aspect of the game, including user input, sound, multiplayer functionality, 2D and 3D graphics, and more.

• Aims directly at a new way to develop games for the web through the use of HTML5
• Demonstrates how to make iOS and Android web apps
• Explains how to capture player input; create 3D graphics; and incorporate textures, lighting, and sound
• Guides you through the process of creating a game from scratch using Canvas, HTML5 Audio, WebGL, and WebSockets

By the end of this invaluable book, you will have created a fully functional game that can be played in any compatible browser or on any mobile device that supports HTML5.

Editorial Reviews

About the Author

JACOB SEIDELIN (COPENHAGEN) is a freelance web developer with 10 years of experience working withbackend programming, graphics design, and front-end technology. When not working with clients he enjoys JavaScript and HTML5, web game development, and generally pushing the limit of what is possible in the browser. The results of his adventures in web development can be witnessed at his website at http://www.nihilogic.dk/.

Product Details

• Paperback: 456 pages
• Publisher: Wiley; 1 edition (December 27, 2011)
• Language: English
• ISBN-10: 1119975085
• ISBN-13: 978-1119975083
• Product Dimensions: 7.4 x 0.9 x 9.1 inches
• Shipping Weight: 1.9 pounds (View shipping rates and policies)
• Average Customer Review: 4.3 out of 5 stars  See all reviews (22 customer reviews)
• Amazon Best Sellers Rank: #28,908 in Books (See Top 100 in Books)
  • #18 in Books > Computers & Technology > Programming > Game Programming
  • #65 in Books > Computers & Technology > Programming > Software Design, Testing & Engineering > Object-Oriented Design
  • #87 in Books > Computers & Technology > Web Development & Design > Web Design

More About the Author

Jacob Seidelin is a freelance web developer with 10 years of experience working with backend programming, graphics design, and front-end technology. When not working with clients he enjoys JavaScript and HTML5, web game development, and generally pushing the limit of what is possible in the browser. The results of his adventures in web development can be witnessed at his website at http://www.nihilogic.dk/.

Most Helpful Customer Reviews

15 of 15 people found the following review helpful

5.0 out of 5 stars pre-order buyer January 9, 2012

By T L Butler

Format:Paperback|Amazon Verified Purchase

I pre-ordered this book and had high hopes for it. My hopes were realized. My major desire was to find a good book that I can use in a course
where we will build a game engine using webgl technologies. I would have liked perhaps an additional chapter about webgl, but am quite pleased
with the chapter that is present. Also, the other chapters are informative and helpful, e.g. those describing web sockets, local storage, etc. I
downloaded the software from the publisher website and ran many of the samples. In one case, I had to make a change to the code to accept 0 (zero)
from an xmlhttprequest where the code was only accepting a 200 as a valid return code. Otherwise, things that I tried ran unchanged. At one point I
was confused by a reference to "BC" in the Index. A quick email to the author got an almost immediate reply in which he told me that the acronym
referred to Bonus Content, and that the content would be added to the downloads at the website. He emailed me later when the content was available.
While I will probably provide some websites as supplements to be visited by my students, I am completely satisfied with the book and am currently
planning to use it in my course this summer.
Thanks.

10 of 11 people found the following review helpful

5.0 out of 5 stars Must-read discussion for experienced web/game devs January 31, 2012

By Jason A. Salas

Format:Paperback|Amazon Verified Purchase

I've now read five titles on HTML5 game development, and while each has their redeeming qualities and high points, Jacob Seidelin's fine work is an absolute must-have. This isn't for the novice or beginning dev looking to add a new arrow to their web programming quill - this is a healthy discussion that tackles specific challenges in creating rich, engaging games for the browser environment. Seidelin greatly emphasizes the web's key advantage of being accessible via browsers on the desktop, smartphones, tablets, and hopefully soon, interactive TVs.

The book doesn't spend time discussing game theory and doesn't go into exhaustive detail with APIs for canvas and multimedia, it states the objective in building a puzzle game and then attacks the problem by building-out each of the components and subsystems. Each chapter is very logically-organized and well-written, neither too short nor not overly verbose. It leverages techniques for multiplayer games like Web Sockets and Web Workers and uses slick techniques to take advantage of local storage for a real console feel. The animation and WebGL chapters are very much appreciated, too.

But the book's finest hour is its hearty chapter dealing with the nuances of mobile games for iOS and Android. This chapter is essential reading, featuring material not found in wide distribution with most titles out there at the moment.

While I'm not a big fan of books using third-party libraries in their examples ([...]), Seidelin does leverage Modernizr and Sizzle, the DOM access library that's not as top-heavy as jQuery. In so doing is uses clever JavaScript programming idioms and patterns that are very worth considering for your next project.

This book is so good, I'd recommend owning it AS A BOOK.... With maybe an electronic copy as a backup. :) Read more ›

5 of 5 people found the following review helpful

5.0 out of 5 stars Great information and straightforward layout February 16, 2012

By Gen of North Coast Gardening TOP 500 REVIEWERVINE™ VOICE

Format:Paperback|Amazon Vine™ Review (What's this?)

While I'm new to programming with HTML 5 (um, very new), I picked up this book because of my interest in programming games for mobile devices. That information isn't widely available online or in books, and so was well worth picking up this book over.

I was delighted to find that chapter was particularly robust. And since I have a general interest in learning the rest of the book's contents, I'm finding this a great read.

While many programming books are written in either a dry, technical style similar to a textbook, or in a chatty, dumbed-down style, this book takes the perfect middle road. It's factual, to the point, matter of fact and tells me everything I need to know in just the right order.

I'm finding the biggest strength of the book is its organized layout. It feels like reading a simple set of tutorials online, in the sense that it has bolded headlines to direct my eye where needed, information is broken up into short sections that are granular and cover one tight topic, and the code itself is laid out in a way that is easy to read. Tables and black and white photos are included where needed to break up the text and provide handy reference charts.

You know whether or not you want the book by the title, most likely, and are just reading reviews to see if there's anything wrong with this book. There's not. It's great. Pick it up and get programming.

5 of 6 people found the following review helpful

5.0 out of 5 stars The one we've all been waiting for! January 29, 2012

By Clint V Franklin, aka theraje

Format:Paperback|Amazon Verified Purchase

(January 29, 2012 -- Beyond this point is my original review of "HTML5 Games: Creating Fun with HTML5, CSS3, and WebGL." Please note that the content below was written prior to completing "Chapter 10: Creating Audio for Games." I will complete this review once I have gone through the rest of the book.)

When I first heard Jacob Seidelin (the mastermind behind the NihiLogic Web site and the famous "HTML5 Canvas Cheat Sheet") was working on a book that was to cover game development using HTML5, I got excited. The current crop of HTML5 game programming books is, to put it bluntly, quite underwhelming. However, I knew if the book Mr. Seidelin was working on is near the caliber of the content on his Web site -- I'd be in for a real treat.

The book, "HTML5 Games: Creating Fun with HTML5, CSS3, and WebGL," meets my expectations.

In Part 1 of the book, you start out by learning a bit about the history of HTML5, and gaining some ideas about how HTML5 can be used for gaming. In Chapter 2, after a primer on the game you will be building (a puzzle game along the lines of "Jewel Quest"), you get to the nitty-gritty and start the HTML/CSS files (along with a few scripts) necessary for the game -- including coverage of Web Fonts.

Part 1 concludes with a chapter on techniques to help your project translate well on mobile devices. This chapter is a gold-mine of tips and tricks that will get you going if you want your games to work well on Apple mobile devices and Android systems.

Then, in "Part 2", you get into the thick of it. Chapter 4 has you build the game-board module, including move-validation (so that one cannot make illegal moves), finding sets-of-three, and clearing/refilling the game board. Chapter 5 covers Web Workers, and does so well -- Mr.... Seidelin does a good job of explaining why workers can be helpful, and in what situations they perform (or don't perform) well.

In Chapter 6, you will be introduced to Canvas -- the scriptable graphics element introduced in HTML5. Everything is covered -- shapes/paths, transformation/scaling/rotation, rendering text and images, and real-time rendering (such as shadows, and my personal favorite -- compositing). Chapter 7 extends the game by showing you how to pre-load game assets (and display a progress bar in the meantime), and adding a "fallback" rendering method using CSS sprites and the DOM to control the game view.

Chapter 8 covers input. In addition to mouse and keyboard input, Jacob will explain to you how touch events work on devices with touch screens, and how to interpret them in the game. Chapter 9 covers animating the game, and includes a handy "fallback" script that imitates the functionality of requestAnimationFrame() for browsers without support for the function built-in.

Part 3 (which I have not delved into -- yet) covers the Audio element in Chapter 10, whereas Chapter 11 will guide you through adding WebGL rendering to the game project.

Part 4 covers more of the advanced functions introduced in HTML5, such as Local Storage and WebSockets. The book winds down in Chapter 14 with a list of resources -- everything from external libraries (Box2D, Impact, and Three are covered), to app deployment/sales (for both desktop and mobile devices), and so on.

In summary, this book is pretty much going to take you from 0 to 60 in about 430 pages. Jacob has a really great writing style, in that he explains things very well without being overly verbose -- he says a lot by saying a little. This makes it much easier to grasp even difficult concepts. His use of modules such as Modernizr and Sizzle is, in my opinion, a good thing (jQuery is more popular, but would add a bit of unnecessary bloat, unfortunately). I'm really impressed with the editing -- I have only come across one instance of mangled code, and it is minor. (I had the error marked and planned to point it out; unfortunately, the marker I used fell out of the book...)

One caveat -- there is some serious JavaScript-Fu going on in this book. If you are not at least somewhat comfortable with JavaScript and how it works under the hood, prepare to be schooled.

"HTML5 Games: Creating Fun with HTML5, CSS3, and WebGL" by Jacob Seidelin gets five well-deserved stars from me. Read more ›