Create a canvas animation engine from scratch

 

Currently, there is no mature tool for canvas development. If you want to make an animation, you need to write the original script to achieve it. Learn to start from 0 as an animation engine

Resource, as shown in the following figure.

-------------------------------- My cute split line --------------------------------------

This simple animation engine is mainly intended for canvas development. Development can implement element nesting like DIV at ordinary times. I use a bitmap. js class to do something similar to IMG,

Another Sprite. js class is used to play movie frames similar to moveclip in flash. Sprite achieves different frame rates. In the demo below, you can see two running rates

Different penguins. But now there is a bug that the two geese occasionally pause while the animation is running. If you are interested, you can check it out. Alas, put the demo andCodeRight.

 

 

Download the code here