title: using cache in a complex structure
body: <p>I'm using easeljs to build a certain structure.
  Inside that structure, there are many containers and shapes.</p>
  
  <p>I ran across a problem where I needed to change the color of a certain element when the user hovered it with his mouse. I managed to do it However there is a considerable delay until the color is drawn and return to its original color because the stage redraws itself.</p>
  
  <p>I saw that I could use the cache for this purpose so I follow the example in the docs like this:
  myShape.cache(150, 150, 100, 100, 1); however nothings happens and I don't see the shape.
  I have to say that the shape resides inside a container which is added to the stage.</p>
  
  <p>Here's the relevant code:</p>
  
  <p>enter code here</p>
  
  <pre><code>var g = curShape.graphics.clone().clear();
  
                          g.beginFill("#2aa4eb");
                          g.drawRoundRect(0, 0, curShape.width, curShape.height, 1.5);
                          //g.drawRect(0, 0, curShape.width + 2, curShape.height + 2);
                          g.endFill();
                          g.endStroke();
                          var newShape= new createjs.Shape(g);
                          newShape.cache(150, 150, 100, 100, 2);
  </code></pre>
  
  <p>Any help would be appreciated</p>