title: Easeljs performance drop?
body: <p>I've been playing with easeljs and I've found the performances starts to drop. In my example Chrome takes about 3s to get to this point, and Safari takes 25s, Firefox is all over the place.</p>
  
  <p><strong>Questions:</strong> </p>
  
  <ol>
  <li><em>am I doing something wrong</em>?</li>
  <li><em>or is this the performance hit I should expect from easeljs</em>?</li>
  </ol>
  
  <p><strong>Example</strong>
  To demonstrate the performance hit I am experiencing, I created a simple circle redraw animation on a loop, but the framerate quickly begins to drop. If I revert to pure canvas API calls then it regains the performance. </p>
  
  <p>Below is the crucial snippet from my redraw that chooses the method to draw the circle:</p>
  
  <pre><code>if ( counter.fps &gt; 60) {
      circle.graphics.beginFill('green')
      circle.graphics.drawCircle(0,0, w / 10)
      circle.graphics.endFill();
      stage.update();
  } else {    
      context.beginPath();
      context.arc(circle.x, circle.y, w / 10, 0, 2 * Math.PI, false);
      context.fillStyle = "darkred";
      context.fill();
  }
  </code></pre>
  
  <p>See this jsfiddle for a demo: 
  <a href="http://jsfiddle.net/AshCoolman/5xYxM/9/" rel="nofollow">http://jsfiddle.net/AshCoolman/5xYxM/9/</a></p>
  
  <p><strong>Variations I have tried with similar results</strong>:</p>
  
  <ul>
  <li>requestAnimationFrame (and a pollyfill)</li>
  <li>Slower fps</li>
  </ul>
  
  <p><strong>(Rough) timeline of performance</strong> (OSX 10.8.2 on mid2012 macbook air)</p>
  
  <p><em>Chrome v26.0.1410.43</em></p>
  
  <ul>
  <li>0-3s = 90fps </li>
  <li>3s = fps start to drop</li>
  <li>6s = fps hits 60fps </li>
  </ul>
  
  <p><em>Safari v6.0.2 (8536.26.17)</em></p>
  
  <ul>
  <li>0-20s = 90fps</li>
  <li>20s = fps start to drop</li>
  <li>35s = fps hits 60fps</li>
  </ul>
  
  <p><em>Firefox v20</em> </p>
  
  <ul>
  <li>fsFiddle hosted: totally erratic</li>
  <li>locally hosted: Much like Chromes performance but much more erratic</li>
  </ul>