HTML5 Game Development Hotshot: Build interactive games with HTML, DOM, and the CreateJS Game library.

What do you get with a Packt Subscription?

Free for first 7 days. $19.99 p/m after that. Cancel any time!

Unlimited ad-free access to the largest independent learning library in tech. Access this title and thousands more!

50+ new titles added per month, including many first-to-market concepts and exclusive early access to books as they are being written.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

Thousands of reference materials covering every tech concept you need to stay up to date.

Subscribe now

View plans & pricing

Description

With a wide range of projects to build, this step-by-step guide will give you all the tools you need to create a variety of games. Whether you are familiar with the basics of object-oriented programming concepts, are new to HTML game development, or are familiar with just web design, this project-based book will get you up and running in no time. It will teach and inspire you to create great interactive content on the Web.

What you will learn

Create DOMbased HTML5 games

Use the CreateJS library to build a canvasbased game

Create different types of animations that are spritesheetbased, tweenbased, and Flash vectorbased

Modularize game components in JavaScript with object inheritance

Store and load persistent game progress in browsers

Convert coordinates between the screen and isometric perspective

Maintain a hierarchy for game elements to keep the extensibility of the game

Learn essential workflows and tools to create game assets easier

What do you get with a Packt Subscription?

Free for first 7 days. $19.99 p/m after that. Cancel any time!

Unlimited ad-free access to the largest independent learning library in tech. Access this title and thousands more!

50+ new titles added per month, including many first-to-market concepts and exclusive early access to books as they are being written.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

Thousands of reference materials covering every tech concept you need to stay up to date.

Subscribe now

View plans & pricing

Frequently bought together

€41.99

€36.99

Total € 78.98

NSlone Jul 29, 2014

Do you have an overwhelming desire to learn how to program games? Let me guess, you have this great idea for a game but you have no idea where to start. You don’t even have to know C, C++, or even C#; or any other flavor of C, for that matter.Do you know HTML5? Great! Then let’s get started! First, run, do not walk, to the nearest book store, or even your own PC and buy this book! I’m serious. You can learn how to program games with this book. It has code, so you can save time and not have to type all of it in.I like how it uses the step by step method, meaning you start with chapter one, then progress to chapter two and each chapter builds on the previous chapter. This way you won’t get lost in the maze of trying to learn.The book is written in a straightforward and interesting manner, and is easy to follow. Look at Project 2, the Card Battle game. It even has 3D! All the games are interactive. Project 2: Card Battle! 47Mission briefing 47Creating the game scenes 49Creating a 3D card-flipping effect 55Selecting a card 60Adding a power value to the cards 64Creating the opponent's card 67Building the battle animation 69Adding health points to the game 74Restarting the game for the next round of battle 78Mission accomplished 80Hotshot challenges 80So, if you have a really great idea, or even one that you consider to be fantastic, go for it! You just might be the author of the next award winning author of a game for the web.

Amazon Verified review

VitoshAcademy Aug 16, 2014

<Disclaimer>At the beginning of August I have started to read the book HTML5 Games Development by Example, provided to me kindly by Packt Publishing.</Disclaimer>You do not need to be a pro developer to make use of the book - it presents step by step the development of the games with HTML. Each chapter is divided into several sub-chapters and the code for each sub-chapter is given. Thus, you may be able to go with the author, checking the code and seeing what he actually meant.To make the story fascinating, the games are really interesting (if you are a developer, not a gamer). Here is a list of the 8 games:1. A CSS Quest Game2. Card Battle3. Space Runner4. Multiply Defense5. Building an Isometric City6. Space Defenders7. Ball-shooting with Physics Engine (Basketball)8. Sushi ShopLet's go back to the book - what level of HTML do you need in advance? My opinion is that at least a basic level of HTML is needed, otherwise you will get into trouble. The book even touches object oriented programming (OOP), and although it describes it quite into detail, this is probably not a subject for a beginner. Anyway, if you are definitely into games and you are not a quitter you may go through the book successfully.A good plus is the structure - the author gives us a mission briefing, objectives and checklist for each of the games. Thus, separating the tasks into smaller details, you learn how to deal with a complex problem step-by-step. As mentioned earlier, the book provides the code for these steps separately - you do not obtain only the big project with 1000+ lines of code, where it is quite easy to lose yourself. This is an approach I like. At the end of each chapter, you can kindly give yourself a treat, by playing the game you have created. Trust me, there is nothing more challenging than playing a game, which you have built by yourself (copied code counts as well :) )Last but not least - there are a lot of things in game development, which can be used in the so-called "Real Projects". Making a status bar and dealing with OOP and variables is just the start.

Amazon Verified review

Marcelo MG Nov 15, 2014

Siempre he pensado que aprender mediante ejemplos es la mejor manera de dominar un tema. En este libro, haces un juego en cada capítulo. Eso te va llevando por un lado a usar JS, CSS y HTML5, los cuales es interesante conocerlos previamente, ya que aunque el nivel no es muy alto, este no es un libro de aprendizaje de los mismos. Pero además, en cada uno de ellos, vas aprendiendo los fundamentos de los juegos, desde crear un main loop hasta añadir sonido. En general el libro está bastante bien. Y como referencia, cuando uno se atasca en un punto del desarrollo, también es muy útil.Direct from Google Translator ->I always thought that learning by example is the best way to master a subject. In this book, you make a game in each chapter. That carries you on one side using JS, CSS and HTML5, which is interesting to know them beforehand, because although the level is not very high, this is not a book for learning them. Moreover, in each of them, you learn the basics of the game, from creating a main loop to add sound. Overall the book is pretty good. And for reference, when you are stuck at a point in development, it is also very useful.

Amazon Verified review

Ted Jenkins Aug 20, 2014

Disclaimer: I have been provided a desk copy of this book by Packt Publishing for review.HTML5 has quickly supplanted Flash as the platform of choice to develop rich user experiences on the Web, and this goes for games as well. HTML5 Game Development Hotshot aims to provide you with the knowledge to take advantage of the latest technologies available by taking you step-by-step through creating eight different games of increasing complexity.The author’s use of step-by-step hand-holding is especially thought out. I’m a person who learns by doing, so a step-by-step tutorial is just my style.The organization of each chapter is well thought out in my opinion—each game has a mission briefing (or introduction), a set of objectives and a checklist.Basic HTML knowledge is probably a prerequisite—you’ll need to know what HTML is, what basic HTML document structure looks like, what tags are, etc. There is also some javascript, but it is explained—even so, a knowledge of basic OO (object-oriented) programming concepts is assumed.I would recommend this book to getting up and running quickly on HTML5 features in the context of the features of games—animations, movement physics, latest tag features (like data-* attributes, etc), and so forth.

Amazon Verified review

Brian Sep 09, 2014

I'd really like to give it 3.5 stars because I feel like it really is in between being an "okay" book and a "really good" book. I ran into a few hiccups here and there when going through the example code, e.g. in the first project one of the code blocks didn't pass a hint/lint because it was missing a curly brace. While that is minor, I really feel like using JSHint or JSLint is easy enough that the example code should have been double checked.That said, it does cover some drastically different gaming concepts and I feel like it does accomplish them well enough. It's great for someone who is familiar with JavaScript and knows another language (PHP/Ruby/Python), and could really help them get into game development.

Amazon Verified review

HTML5 Game Development Hotshot: Build interactive games with HTML, DOM, and the CreateJS Game library.

What do you get with a Packt Subscription?