Trying to reference dynamically created children on the stage

Question

I'm using HTML5 and I need to dynamically create some objects from code, then modify them later by name. Right now I have:var a1 = new lib.symbol3();
a1.name = "A1";
stage.addChild(a1);
var a2 = new lib.symbol3();
a2.name = "A2";
stage.addChild(a2); and so on.But when I try to reference them by name, I get errors saying they are undefined. Even when I console.log themconsole.log(stage["A1"]);
console.log(stage["A2"]);I get undefined. Am I doing something wrong?

ClayUUID · Accepted Answer

If you weren't doing anything wrong it would be working, so... yes.

In HTML5 Canvas documents, display objects are JavaScript objects, and are referenced as such. The .name property isn't used at all. So when you use addChild(), the object is pushed into the children collection as an anonymous reference. There are broadly two ways to reference the object from this point: You can keep the references returned when you initially instantiated the objects (your a1 and a2 variables), usually collected in an object or array, or you can create named properties on the container clip that hold the subclip references. So instead of this:

a1.name = "A1";

Do this:

stage.A1 = a1;

Be careful when doing this not to overwrite any properties that may already exist.

FUNE78 · Answer

May not be the proper answer, but try this as workaround to adress your created clips:

stage.getChildByName('A2');

For example to position it to an x-value of 150, try this:

stage.getChildByName('A2').x=150;

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded