title: Change path with bounceOut ease effect in Tweenjs (Createjs)
body: <p>I would like to make an animation with a circle where it cames from top left, and going down to the bottom of canvas and bouncing to the right bottom. If you can't imagine my question, you can see an example at </p>
  
  <p><a href="http://www.createjs.com/demos/tweenjs/tween_sparktable" rel="nofollow">http://www.createjs.com/demos/tweenjs/tween_sparktable</a></p>
  
  <p>(third demo)</p>
  
  <p>I found a code that animated a div using ease, but that's it. It goes to straight line even tough i change the ease effect to bounceOut, here is the code</p>
  
  <pre><code>createjs.Tween.get(gg).to({x:400}, 1000);
  createjs.Ticker.addEventListener("tick", stage);
  </code></pre>
  
  <p><a href="http://jsfiddle.net/TeVZ6/" rel="nofollow">http://jsfiddle.net/TeVZ6/</a></p>
  
  <p>i know that i have to change the path in "to" function, but I don't know what should I do to achieve "curving, bouncing" path</p>
  
  <p>I can't seem to find any tutorial regarding this</p>
  
  <p>Any suggestion? </p>