title: How do i change the shape of a rectangle using TweenJS and Easeljs
body: <p>I have a simple shape:</p>
  
  <pre><code>var line = new createjs.Shape();
  line.graphics.beginFill('red').drawRect(0, 0, 1, 10);
  </code></pre>
  
  <p>I want to animate this shapes width changing in this case from 1px to 100px</p>
  
  <p>How do I go about this?</p>
  
  <p>I have read through almost all of the documentation and am still not sure if it's possible at this point and I can't seem to find an example of this on their website or anywhere else.</p>
  
  <pre><code>createjs.Tween.get(line).to({width: 100}, 1000, linear);
  </code></pre>
  
  <p>This shows up in almost all of the animation documentation but does nothing when using width. When I change the x or y properties it works fine. Is there a list of properties that I can change? If so where can I find these.</p>
  
  <p>I found this example from a question on stackoverflow:
  <a href="http://jsfiddle.net/cZDEP/1/" rel="nofollow">http://jsfiddle.net/cZDEP/1/</a></p>
  
  <p>But they in this case aren't using TweenJS, is it possible to replace this example using TweenJS or would I have to use the Ticker in this case to animate a line?</p>