Core HTML5 Canvas: Graphics, Animation, and Game Development

by David M. Geary

Download the book's code and a free chapter at corehtml5canvas.com Read how David wrote Core HTML5 corehtml5canvas.wordpress.com/2012/08...Check out David's article series on HTML5 2D Game Development at IBM's ibm.com/developerworks/library/j-html...This book is a painstakingly crafted, expertly written, code-fueled, no-nonsense deep dive into HTML5 Canvas printed in full color with syntax-highlighted code listings throughout. Core HTML5 Canvas is written for experienced software developers with an intermediate-level understanding of JavaScript. The result of two years full-time work by a long-time best-selling author, this book shows you how to implement anything you can imagine with the Canvas 2D API, from text editors to video games. Geary meticulously covers every detail of the API with crystal-clear writing so that you not only understand advanced concepts, but most importantly, you can modify the book's examples for your own specific use cases.Here are some of the things you will learn about in this canvas element--using it with other HTML elements, handling events, printing a canvas, and using offscreen canvases Shapes--drawing, dragging, erasing, and editing lines, arcs, circles, curves, and polygons; using shadows, gradients, and patterns Text--drawing, positioning, setting font properties; building text controls Images--drawing, scaling, clipping, processing, and animating Animations--creating smooth, efficient, and portable animations Sprites--implementing animated objects that have painters and behaviors Physics--modeling physical systems (falling bodies, pendulums, and projectiles), and implementing tweening for nonlinear motion and animation Collision detection--advanced techniques, clearly explained Game development--all aspects of game development, such as time-based motion and high score support, implemented in a game engine Custom controls--infrastructure for implementing custom controls; implementing progress bars, sliders, and an image panner Mobile applications--fitting Canvas apps on a mobile screen, using media queries, handling touch events, and specifying iOS5 artifacts, such as app icons Throughout the book, Geary discusses high-quality, reusable code to help professional developers learn everything they really need to know, with absolutely no fluff. All the book's code and live demonstrations of key examples are available at CoreHTML5Canvas.com.

Genres: Programming, Website Design

1344 pages, Kindle Edition

First published May 14, 2012

Reviews

[Bernie4444 · Rating 5 out of 5]

Good to get off the ground quickly

I already have a site that uses HTML5 it is fairly primitive. I am just dabbling with different options and short functions. So this book came just at the right time and the examples on the designated site help to understand what the book is trying to imply.

You do not want to overdo it and have the animation distract from the message. However, some people gauge your knowledge of the message by the sophistication of the presentation.

This is the language of the day and even if you do not apply it you should be aware of how it works and recognize it in others’ sights. It may take some time to go through the book. If you know what you are looking for you can skip parts. I, on the other hand, am going from front to back and adjusting as I go.

Just a quick note for iOS users this was designed around iOS5 and iOS6 is out. I expect that informit-dot-com will make any corrections needed.

[Gabor Zelenak · Rating 5 out of 5]

Good work

Worth to have it. You can learn the basics of HTML5 graphics to build up your own graphics library. I recommend it for beginners, and advanved js programmers too.