Building Windows 8 Apps with JavaScript

6. Drawing and Animation

In Chapter 5, “Media,” we discussed the ins and outs of media and multimedia for Windows Store apps. In this chapter, we’ll broaden our discussion of media with an overview of drawing and animation, and the technologies that HTML5, CSS, and WinJS bring to the table that allow you to create and animate your own graphics, UI elements, and transitions. We’ll start with an overview of drawing; that is, creating your own graphical elements in Windows Store apps with Scalable Vector Graphics (SVG) and the HTML5 Canvas technology. Then we’ll discuss media and pixel manipulation, namely how you can take media and manipulate it on the fly in Windows Store apps. Finally, we’ll spend a few moments discussing animation, both how ...