Enjoy this interactive version, brought to you by the O'Reilly Fluent Conference
Flash is fading fast as Canvas continues to climb. The second edition of this popular book gets you started with HTML5 Canvas by showing you how to build interactive multimedia applications. You’ll learn how to draw, render text, manipulate images, and create animation—all in the course of building an interactive web game throughout the book.
Create and modify 2D drawings, text, and bitmap images
Use algorithms for math-based movement and physics interactions
Incorporate and manipulate video, and add audio
Build a basic framework for creating a variety of games
Use bitmaps and tile sheets to develop animated game graphics
Go mobile: build web apps and then modify them for iOS devices
Explore ways to use Canvas for 3D and multiplayer game applications
Chapter 1 Introduction to HTML5 Canvas
What Is HTML5?
The Basic HTML5 Page
Basic HTML We Will Use in This Book
The Document Object Model (DOM) and Canvas
HTML5 Canvas “Hello World!”
Debugging with console.log
The 2D Context and the Current State
The HTML5 Canvas Object
Another Example: Guess The Letter
Hello World Animated Edition
HTML5 Canvas and Accessibility: Sub Dom
Chapter 2 Drawing on the Canvas
The Basic File Setup for This Chapter
The Basic Rectangle Shape
The Canvas State
Using Paths to Create Lines
Advanced Path Methods
Compositing on the Canvas
Simple Canvas Transformations
Filling Objects with Colors and Gradients
Filling Shapes with Patterns
Creating Shadows on Canvas Shapes
Methods to Clear the Canvas
Checking to See Whether a Point Is in the Current Path
Jeff is an R.I.A. web and mobile game/application developer who has been cultivating an audience for news, stories, blogs, and tutorials about Flash, Corona, and now the HTML5 Canvas at his own website (http://www.8bitrocket.com) for the past five and a half years. Jeff is currently the Chief Technology Officer at Producto Studios (Productostudios.com) and can easily be found on Twitter daily using the handle @8bitrocket.
Jeff previously worked as a web development manager at Mattel Toys for 14 years, helping to create Mattel’s extensive online presence.
The animal on the cover of HTML5 Canvas is the New Zealand kaka (Nestor meridionalis), a parrot endemic to that country. The kaka’s name comes from the Maori word for parrot (a duplication of the word ka, Maori for “to screech”). It is part of the Strigopidae family, which diverged from other parrots 80–100 million years ago when the landmass that is now New Zealand broke apart from the supercontinent Gondwana. A defining characteristic of this family of parrots is the bristles on their tongues, which are used to collect nectar.
A medium-sized parrot about 18 inches in length, the kaka is stocky and has a short, square tail. Its feathers are primarily olive-brown, with brighter splashes of crimson on the underwings and rump. It also has yellow-brown spots on its cheeks and a gray crown. It possesses the sharp curved beak common to many parrot species, which it uses to pry seeds loose from cones and dig up insects. The kaka also eats fruit, berries, nectar, and flowers.
These birds are primarily arboreal, living in the canopies of New Zealand forests. Very social creatures, kakas live in large flocks that sometimes include other local parrot species as well. In winter, breeding pairs build nests in hollow trees, and lay a clutch of two to four eggs. Both parents help feed their young.
The kaka is currently endangered due to deforestation, predators, and competition for food with non-native species. The closely related kea and kakapo parrots are facing similar challenges—and in fact, two species within the Nestor genus have already gone extinct (most recently in 1851).
I'm not new to canvas and before reading HTML5 Canvas I was curious what new I can learn.
Book covers canvas really well, but examples need to be polished. Every author writing about technology which draws/presents stuff should prepare good-looking examples. It's much more pleasant to learn by eye-candy exercises.
PDF version of HTML5 canvas has 749 pages. I'm not sure whether it makes sense to include full listings when code is available as a separate archive to download.
I recently read HTML5 Canvas, 2nd Edition by Steve Fulton and Jeff Fulton. As usual, the disclaimer is that I received a copy of the book for free in return for the review. In this case, I am very glad that I was able to read and review this book. I'm not a designer, I know enough about Illustrator and Photoshop to be dangerous, I'm a programmer by comfort level, so this book is really geared for me.
My only criticism of the book would be that there is, strangely, too much code. In many of the chapters, when they build on the code, you not only get the new additions ,but then they give you the entire code with the new additions. In one chapter that meant 16 different examples which were all built on each other. I am more accustomed to tech books which tell you to replace or insert the new code at a particular point and then move on. I know this is a style choice, but to me, it makes the book easier to get through.
HTML5 Canvas, 2nd Edition is a good book and well worth the price if you want to have a lot of fun seeing what you can do with the canvas element.
Bottom Line Yes, I would recommend this to a friend