jQuery 1.4 Animation Techniques - Index of

Summary
[ 301 ]
Chapter 10
In this chapter we looked at the HTML5 element and saw how it can be used
to create simple, static images, basic animations, and even complex interactive games. It
provides a rich API that allows us to interact with it programmatically and gives us complete
pixel-level control over an area of the page.
We also saw that although current versions of Internet Explorer don't support the
element natively, we can use a JavaScript library provided by Google to port most canvas
functionality to this browser. Some animations however are still beyond IE8's capabilities
even with Google's library. IE9 does support the element, so hopefully the
requirement of this library will soon become a thing of the past.
In this chapter, we covered the following subjects:
The script API
Drawing to the
Using the with Internet Explorer
Creating animations on the
Creating interactive games with the
Like with the CSS3 examples from the last chapter, there are no methods or properties in
jQuery specifically for use with , although they have been a number of plugins
that combine the power of with the ease of jQuery, and several projects that
extend the jQuery animate() method to allow it work on objects drawn to the canvas. For
more information on this, a good starting point is Steven Wittens' blog at http://acko.
net/blog/abusing-jquery-animate-for-fun-and-profit-and-bacon.
We've now reached the end of the book. I hope that over these 10 chapters I've given you a
solid foundation for producing animations using jQuery that acts as a solid starting point for
you to bring your web-based UIs to life.