Keep nested objects axis aligned

[js2702]

Hello,

We have a project where we need to have nested objects. We have text labels with local positions inside certain groups in the scene. Those groups can be moved/rotated/scaled in the scene. We are wondering if there is a way to, while keeping the nested structure, "reset" the rotations applied to the texts so that they are upright.

We thought about having another layer for GUI that doesn't have rotations but we are not sure how to keep the local positions of the text in the groups synchronized with that GUI layer. We would rather use the nested approach if that is possible, as that seems to be a better fit for react-three-fiber.

Thanks

[drcmda]

you can try drei's billboard component or look into the source to make certain objects face a certain direction.

[js2702]

Thanks, that did the trick. I think we can work something out with this.