title: Verlet integration bouncing
body: <p>I am trying to learn Verlet integration, mainly because I'm bored, and want to spice up my normal "bouncing ball" learning exercise.</p>
  
  <p>I have a simple bouncing ball Canvas/HTML5 page at <a href="http://sandbox.electricgrey.com:8080/physics/" rel="nofollow">http://sandbox.electricgrey.com:8080/physics/</a>. If you click on it you'll notice that the ball doesn't always bounce back to the same height. Sometimes it is higher, sometimes it is lower. Why is it doing that?</p>
  
  <p>Is it because I am simplifying it too much? Do I really need to calculate partial time steps so I get exactly when/where the ball collides and then continue from there? </p>
  
  <p>PS: If you have any comments about my HTML or Javascript, I would love to hear them. I'm just learning how to code with Javascript, and I want to make sure I am doing it The Right Way™.</p>