Import gltf and change group center

Questions
, ,
1

Hi I’d like to reset of gltf.scene center to it’s children mesh box center

The original looks like this (group center is too below)

스크린샷 2022-10-21 오후 6.06.56
스크린샷 2022-10-21 오후 6.06.56741×488 22.7 KB

So I coded like this

                scene.add(gltf.scene);
                const sphere = new THREE.Sphere();
                const bs = new THREE.Box3().setFromObject(gltf.scene).getBoundingSphere(sphere);
                const centerDelta = new THREE.Vector3().copy(bs.center).multiplyScalar(-1);

                scene.traverse((c) => {
                    if (c instanceof THREE.Mesh && c.material instanceof THREE.MeshStandardMaterial) {
                        c.position.add(centerDelta);
                    }
                });

But the result is:

스크린샷 2022-10-21 오후 6.07.26
스크린샷 2022-10-21 오후 6.07.26744×582 31.6 KB

I think the problem is gltf group xyz direction is different with it’s center.
Is there any way to change child’s xyz direction to gltf group direction? It would be best solution to my next step :slight_smile:

thanks for reading!

2

you need to apply the offset to the outmost group, once, not to each child.

3

I know that way but i have to attach transform in the middle of the group