Moving Shapes using HTML5 Canvas, JS, & CSS3
651
15
0
Add to Collection
Tools Used
About

About

Experiment with moving particles around an HTML5 Canvas element
Published:
The live demo is located at http://design.leesjordanstudio.com/html5/moving-shapes.html

This is an experiment using the HTML5 Canvas element to display dynamically created shapes moving through an environment randomly.  The shape colors and sizes are created dynamically when the page is loaded.  Their boundary is the canvas element and they travel around the inside of that boundary, changing direction as they collide with it.