Channels ▼

Developer's Reading List

, July 17, 2012 Windows Debugging, Web Apps, JavaScript, and Clojure Lead the List of New Titles
  • E-mail
  • Print

Core HTML5 Canvas

by David Geary

If you believe all you read, HTML5 is fast becoming the new way of writing all Web applications and mobile apps. While we know that adoption is in fact much slower, there is no doubt that HTML5 will be a key enabling technology for many years to come. For this reason, publishers have been releasing a steady stream of books on the topic, almost all of them overall introductions — that say pretty much the same thing. The first noteworthy book to break away from the pack is this excellent volume, which focuses on the canvas, which is the one part of HTML5 that is completely new and central to all of HTML5's capabilities going forward.

The HMTL5 canvas has long needed a thoughtful and thorough presentation — and this is that book. At more than 700 pages, the book explores in detail every principal capability of the canvas: curves and path manipulations, text in its many forms, image manipulation, and finally animation. The discussions are lavishly illustrated in full color. In fact, every page is in full color, so that all the code in every listing is printed with true syntax highlighting. This makes the book a joy to read and use.

The author does not stint on providing meaty examples, even in the text section, which is one of the weaker new capabilities of HTML5 canvas. Ultimately, he ends up showing how to build a small game engine in HTML5, with sound and video capabilities, and he creates a pinball-like game complete with flipper action, collision detection, and the like.

In many ways, this book reminds me of the old-style tutorials we all miss: complete, approachable, with high production values in the publication process, and covering the presentation of a substantial app with all necessary tools and techniques explained in detail. An excellent volume.

Currently we allow the following HTML tags in comments:

Single tags

These tags can be used alone and don't need an ending tag.

<br> Defines a single line break

<hr> Defines a horizontal line

Matching tags

These require an ending tag - e.g. <i>italic text</i>

<a> Defines an anchor

<b> Defines bold text

<big> Defines big text

<blockquote> Defines a long quotation

<caption> Defines a table caption

<cite> Defines a citation

<code> Defines computer code text

<em> Defines emphasized text

<fieldset> Defines a border around elements in a form

<h1> This is heading 1

<h2> This is heading 2

<h3> This is heading 3

<h4> This is heading 4

<h5> This is heading 5

<h6> This is heading 6

<i> Defines italic text

<p> Defines a paragraph

<pre> Defines preformatted text

<q> Defines a short quotation

<samp> Defines sample computer code text

<small> Defines small text

<span> Defines a section in a document

<s> Defines strikethrough text

<strike> Defines strikethrough text

<strong> Defines strong text

<sub> Defines subscripted text

<sup> Defines superscripted text

<u> Defines underlined text

Dr. Dobb's encourages readers to engage in spirited, healthy debate, including taking us to task. However, Dr. Dobb's moderates all comments posted to our site, and reserves the right to modify or remove any content that it determines to be derogatory, offensive, inflammatory, vulgar, irrelevant/off-topic, racist or obvious marketing or spam. Dr. Dobb's further reserves the right to disable the profile of any commenter participating in said activities.

Disqus Tips To upload an avatar photo, first complete your Disqus profile. | View the list of supported HTML tags you can use to style comments. | Please read our commenting policy.