duplicating objects with easeljs

html easeljs createjs
chrysillo picture chrysillo · Oct 11, 2012 · Viewed 7.4k times · Source

I keep having problems trying to reuse elements using the easeljs library. Whether I use the clone() method, where I can only get one instance and then events like onPress will stop working for the new elements.

Adding the same object on more than one container will make the object to disappear everywhere. I keep having to find workarounds around this, messing up my code and wasting resources.

Thanks in advance for any help or tip.

Answer

marcosbernal picture marcosbernal · Dec 15, 2013

if you are using Shape's Graphics, you might want to consider passing true as a parameter.

var boxClone = box.clone(true);

from CreateJs documentation: http://www.createjs.com/Docs/EaselJS/classes/Shape.html#method_clone

clone ( recursive )

Returns a clone of this Shape. Some properties that are specific to this instance's current context are reverted to their defaults (for example .parent).

Parameters: recursive

If true, this Shape's Graphics instance will also be cloned. If false, the Graphics instance will be shared with the new Shape.

Related questions

How to draw a polygon using EaselJS?

There are Shape.graphic methods to draw circles and rectangles easily, but no obvious method to draw polygons such as hexagons and polygons? How do you draw them using EaselJS?

Read More
Z-Index positioning with CreateJS

I'm trying to set the z-index for my line Graphic(). I'm trying to set the line to be always behind the other two shapes. As far as I know, the first element added is z=0, the second one is z=1 …

Read More
Simplest way to detect keypresses in javascript

I have an idea for a game in javascript (I'm going to make it with EaselJS) and I'll have to detect keypresses. After looking around on the internet I've seen a lot of suggestions (use window.onkeypress, use jQuery, etc.) …

Read More