Animation options HTML5 Canvas/CSS3/jQuery -

I'm interested in combining some more Flash-like animation, or HTML5 / JQuery.

One of the ideas that goes around is the animation sequences like bird flying, character animation and 'tin'. I am a flash goddess from the background, so this is the second nature of the flash based timeline based twist system, so I am thinking that what is possible with new emerging technologies like HTML5 canvas, CSS and JNU? How are these accomplishments on tiving like animation? What is a good starting point to read on?

For example, flying birds are wonderful, they appear to be 3D, variable direction, speed, rotation, flap, speed. It can be easily achieved in a relative flash, making pitt animation set in the form of a movieclip, produces them on stage and moves them around in different speed or PV 3D in Twinlight, but I do not know That's how it will be on the canvas.

So in a nutshell, the ideas of the above method, good reading material on this type of animation outside the flash, and any general tips you have will be appreciated.

Thank you

You have three animation options in "HTML5": canvas , SVG and CSS animations (as well as good old Javascript animation) What you use depends on what you are trying to accomplish and which browsers you want to run

If you are trying to target mobile, For example, CSS Animation is your only choice because the canvas is generally very slow, and there was no SVG to the honeycomb in Android. Apart from this, a bunch of SOV capabilities is still not active on iOS (like animated text paths).

Here is an introduction to myself and our animator tool, which is in alpha.

The desktop is great for canvas - although it really works excellent only in Chrome 10 and IE 9 - Safari may be slightly slow because the number of animated elements in particular increases. And it does not exist in IE 7/8 (and I'm not yet tested FF4)