title: Countdown animation with EaselJs
body: <p>I am trying to simulate a countdown animation using easeljs. I have got an example of what it should look like. <a href="http://jsfiddle.net/eguneys/AeK28/" rel="nofollow">http://jsfiddle.net/eguneys/AeK28/</a></p>
  
  <p>But it looks like a hack, is there a proper/better/flexible way to do this?</p>
  
  <p>To put it other way, how can i define a path, and draw that path with easeljs.</p>
  
  <p>This looks ugly:</p>
  
  <pre><code>     createjs.Tween.get(bar, {override: true}).to({x: 400}, 1500, createjs.linear)
  .call(function() {
      createjs.Tween.get(bar, {override: true}).to({y: 400}, 1500, createjs.linear)
   .call(function() {
      createjs.Tween.get(bar, {override: true}).to({ x: 10 }, 1500, createjs.linear)
    .call(function() {
      createjs.Tween.get(bar, {override: true}).to({ y: 10 }, 1500, createjs.linear);
          })
      });
  });
  </code></pre>