How can I set the z-index of EaselJS Graphics and Shapes

animation canvas vector-graphics easeljs createjs
RobotEyes picture RobotEyes · Feb 19, 2013 · Viewed 18.3k times · Source

I have EaselJS Shapes on the canvas and then I start drawing Graphics each tick. At the moment the graphics are being drawn over the Shapes. Is there a way to define the z-index so that the Shapes are drawn over the Graphics each frame?

Any help would be much appreciated.

Answer

stot picture stot · Dec 17, 2014

To bring an DisplayObject to front after insertion just use this:

stage.setChildIndex( displayObject, stage.getNumChildren()-1);

Related questions

Controlling fps with requestAnimationFrame?

It seems like requestAnimationFrame is the de facto way to animate things now. It worked pretty well for me for the most part, but right now I'm trying to do some canvas animations and I was wondering: Is there any …

Read More
JavaScript Failed to execute 'drawImage'

Ok so I'm creating a game with JavaScript Canvas Elements and such. I've been able to load in TONS of Images, but on a select few, JavaScript replies with Errors such as Uncaught TypeError: Failed to execute 'drawImage' on 'CanvasRenderingContext2…

Read More
Why is requestAnimationFrame better than setInterval or setTimeout

Why should I use requestAnimationFrame rather than setTimeout or setInterval? This self-answered question is a documentation example.

Read More