by | Released September 2011 | ISBN: 0636920016595

Some of the more notable effects in HTML5 are graphical ones, and the most intricate graphics are 3D, rather than 2D. In this Breakdown, you'll learn about the 3D canvas abilities that HTML5 offers. You'll also need to get your math hat on, because you'll be performing complex transformations, as well as setting up cameras and lighting. If that sounds more like a movie than a web page, then this video will open your eyes to a brand new Web.It's not uncommon to import a video onto a web page that had great lighting, a fantastic director, and zooming and flying cameras. But as you work through HTML5's 3D capabilities with David Griffiths, you'll get those same effects--without embedding any video at all. You'll also get a handle on the difference between the 3D and 2D canvas, and even learn how you'll need to use a lot of math--but may need nothing more than a good search engine to write great graphical JavaScript.The experts in the O'Reilly Breakdown live video series not only break down the concepts of difficult and complex subjects, they also demonstrate practical implementation and use. Each episode features an experienced programmer, developer, or software designer working on real-world challenges, ranging from iPad user interface design and multi-tasking on Android phones to caching in cloud-based applications. Show and hide more Publisher resources Download Example Code

1. HTML Takes on the Universe 00:04:20
2. Drawing and Shading Spheres 00:29:03
3. Setting Up a Camera 00:12:01
4. Texturing and Lighting Objects 00:12:17
5. Transforming the Earth 00:15:50
6. Controlling and Moving a Camera 00:27:13
Show and hide more