Help Needed: Controlling Sphere Attached to Camera in Babylon.js

Hello Babylon community,

I’m currently working on a project in Babylon.js where I have set up area triggers, and I’ve attached a sphere to my camera. The goal is to trigger specific actions when the camera intersects with an area trigger. However, I’m encountering an issue with the sphere’s behavior.

The problem is that the camera is the parent of the sphere, which causes the sphere to rotate along with the camera. I don’t want the sphere to be influenced by the camera’s rotation. Instead, I want the sphere to be attached to the camera’s position and move with it, but not rotate.

I’m looking for guidance or a code example on how to achieve this behavior. Any help or suggestions on how to properly attach and control the sphere in relation to the camera’s position without inheriting the camera’s rotation would be greatly appreciated.

Here`s the playground which has the same behavior:

Thank you in advance for your assistance!

The easiest way would be to set the sphere position each frame, something like:

sphere.onBeforeDrawObservable.add(() => {
    // add some offsets to sphere.position if needed