Canvas Cheat Sheet

HTML5 Canvas Cheat Sheet

HTML5 Canvas Linear Motion Animation Tutorial

Discussion

To create a linear motion animation with HTML5 Canvas, we can increment the x, y, or both the x and y position of an object for each frame according to the equation of velocity:

distance = velocity * time

comments powered by Disqus