Apress

The Essential Guide to HTML5

Using Games to learn HTML5 and JavaScript

By Jeanine Meyer

The Essential Guide to HTML5 Cover Image

This book teaches the essentials of HTML5 and JavaScript, using games as the main learning projects.

Full Description

  • ISBN13: 978-1-4302-3383-1
  • 376 Pages
  • User Level: Beginner to Intermediate
  • Publication Date: November 1, 2010
  • Available eBook Formats: EPUB, MOBI, PDF
  • Print Book Price: $39.99
  • eBook Price: $27.99
Buy eBook Buy Print Book Add to Wishlist

Related Titles

Full Description

HTML5 opens up a plethora of new avenues for application and game development on the web. Games can now be created and interacted with directly within HTML, with no need for users to download extra plugins, or for developers to learn new languages. Important new features such as the Canvas tag enable drawing directly onto the web page. The Audio tag allows sounds to be triggered and played from within your HTML code, the WebSockets API facilitates real-time communication, and the local storage API enables data such as high scores or game preferences to be kept on a user's computer for retrieval next time they play. All of these features and many more are covered within The Essential Guide to HTML5.

The book begins at an introductory level, teaching the essentials of HTML5 and JavaScript through game development. Each chapter features a familiar game type as its core example, such as hangman, rock-paper-scissors, or dice games, and uses these simple constructs to build a solid skillset of the key HTML5 concepts and features. By working through these hands on examples, you will gain a deep, practical knowledge of HTML5 that will enable you to build your own, more advanced games and applications.

  • Concepts are introduced and motivated with easy-to-grasp, appealing examples
  • Code is explained in detail after general explanations
  • Reader is guided into how to make the examples 'their own'

What you’ll learn

  • Use HTML5 and JavaScript to create interactive web sites
  • Program in JavaScript with the new HTML5 features
  • Draw on canvas and place text on the canvas
  • Create animated scenes using timing events
  • Handle mouse events for interaction with the user/player
  • Important concepts useful in any programming language/environment
  • HTML tags, canvas, Math.random, setInterval, setTimerout, addEventListener, Date, localStorage and other features

Who this book is for

Anyone who wants to make interactive websites. This book is suited for:

  • Total beginners
  • Those who have done some HTML but are afraid to do any programming
  • Those with some experience with HTML, JavaScript, or Flash ActionScript but who are unfamiliar with the new features in HTML5

Table of Contents

Table of Contents

  1. The Basics
  2. Dice Game
  3. Bouncing Ball
  4. Cannonball and Slingshot
  5. The Memory (aka Concentration) Game
  6. Quiz
  7. Mazes
  8. Rock, Paper, Scissors
  9. Hangman
  10. Blackjack
Source Code/Downloads

Downloads are available to accompany this book.

Your operating system can likely extract zipped downloads automatically, but you may require software such as WinZip for PC, or StuffIt on a Mac.

Errata

If you think that you've found an error in this book, please let us know about it. You will find any confirmed erratum below, so you can check if your concern has already been addressed.

* Required Fields

On page 33, 34, 35, 36, 37:

superfluous <body> tag

On page 36:

superfluous ctx.strokeStyle = "rgb(200,0,0)";

(it won't be used)