Creating animations using native javascript

I am interested in creating various kinds and types of javascript animations using traditional javascript (no frameworks) and canvas. My que开发者_JS百科stion is can anyone point me to resources (books/sites etc) that would be useful. I know that many frameworks already exist but my learning object is to understand the core language.

Animation is basically an attribute change over time. To achieve this you use setInterval to make sure the change takes effect gradually. In every step you calculate the current value of an attribute by interpolating between two values, considering elapsed time. As a final touch you can add easing to your animations to make transitions look smooth between states. Animation queues can also be added.

Recommended - Roll Your Own Effects Framework by Thomas Fuchs

There is a plethora of articles discussing this, available on the intertubes.

One key technique is to use setTimeout() to modify the opacity of an item, stepwise. This is basically what jquery UI - one of the frameworks you mentioned - does to implement animations, fades, slideouts, etc.