What is the best way to change the name of a child object within a clone in three.js? (renaming child objects within clones)

Question

I have designed a 3D model using different elements:

ParentObject-001.name = 'ParentObject-001';

ChildObjectA-001.name = 'ChildObjectA-001';

ChildObjectB-001.name = 'ChildObjectB-001';

Then, I combined them with:

ParentObject-001.add(ChildObject-001A, ChildObject-001B);

This functionality is working well as all parts rotate and adjust position along with the parent object.

Now, when I create a clone like this:

ParentObject-002=ParentObject.clone();

I get an identical copy, but:

ParentObject-002.name = 'ParentObject-001'

As expected, so...

ParentObject-002.name='ParentObject-002';

Solves the issue.

However, I need to change the name of the child object under ParentObject-002 named ChildObjectA-001.

Is there a way to achieve this?

I attempted to access the child object for modification using:

ParentObject-002.ChildObjectA-001

and: ParentObject-002[0] But both returned 'undefined'.

I'm relatively new to this whole process... Have I missed a simpler solution?

Answer 1

Answer №1

Understanding the structure of Parent elements is key! They each have an automatically generated array named .children.

The first entry in MyObject.children[0] holds valuable information.

You can access the .name property through each element.

For example, imagine you have an array of shoes:

shoeNo[k][l].children[1].name='CustomName';

allows you to customize the name of the second child of a shoe at row k, column l, and so on.

Answer 2

Understanding the structure of Parent elements is key! They each have an automatically generated array named .children.

The first entry in MyObject.children[0] holds valuable information.

You can access the .name property through each element.

For example, imagine you have an array of shoes:

shoeNo[k][l].children[1].name='CustomName';

allows you to customize the name of the second child of a shoe at row k, column l, and so on.