transformControls with multiple mesh

Questions
#1

My main objective is to move multiple mesh with transformControls.

Below image is structure of my scene.

image

I want to transform multiple groups which I selected using raycasting with transformControls.

As I know there is no way to attach transformControls for multiple object.

that is why, I have to create temporary group which has all selected group as child.

And attach transformControls to this tempGroup.

for that I have to create tempGroup in Object-1 & move all selected group in ttempGroup.

image
image772×438 17.4 KB

Questions:-
1)Is there any suggestion regarding this whole process.

2)is there any method we can move object from its parent to another object.

3)if I create tempGroup & clone group3 & group5 in add it to tempGroup , it it right way to achieve point no 2.

#2

You say,

You can.

here is an example where I attach it to a gtlf scene which contains many meshes and also animations.

TransformControls with GLTF Animations - Three.js Tutorials (sbcode.net)

The hierarchy of your model within the threejs scene is completely within your control.

#3

Yes , right.
But in this example you attach transform controls to scene which is single object and all other object and meshes are children of that object.

but I want to move multiple object which is not children of object.
so I have to first move multiple objects into single object and than attach transformControls to it.

#4

Here is an example of the threejs editor transforming a group.

image
image881×478 63.3 KB

The Group is the object that is selected and being transformed in this screen grab.