Moving Shapes using HTML5 Canvas, JS, & CSS3

  • 616
  • 13
  • 0
  • 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.