title: HTML5 Canvas Physics
body: <p>Hi I have the following Canvas application: <a href="http://dev.driz.co.uk/canvas/" rel="nofollow">http://dev.driz.co.uk/canvas/</a></p>
  
  <p>As you will see it renders a load of balls. The problem I am having is that the balls are being cut-off by the canvas edge when the app first starts. They should not do this they should bounce off the canvas edge if they touch it!</p>
  
  <p>I'm having difficulty sorting the physics out, they bounce off if you move the mouse but not if on the start up.</p>
  
  <p>THANKS</p>