title: Smooth Javascript animation with StackBlur
body: <p><a href="http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html" rel="nofollow">http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html</a></p>
  
  <p>If I move the slider on this page, the blurring is very smooth.</p>
  
  <p>But if I try and automate the animation:</p>
  
  <pre><code>var speed = 1250;
  var blur = 100;
  var interval = speed/blur;
  
  setInterval(function(){
    blur--;
    stackBlurImage(image, canvas, blur);
  }, interval);
  </code></pre>
  
  <p>The steps are very obvious and it doesn't even work at high speed.</p>
  
  <p>Could anyone suggest an alternative approach to this?</p>