How can I split a glb model into all parts in React Three Fiber

I am searching for a way to implement the same functionality as autodesk forge provides to split a 3d model into all available parts and zoom into them. Example is here: Forge | RCDB


This kind of decompose effect will only work if all individual parts of the model are separate 3D objects. You have to ensure this in a 3D modeling tool like Blender.

The actual translation in your three.js app can be done in various ways. One obvious approach is to compute the center of the model with a bounding box and then determine for each model part the direction vector from the origin to its position in world space. You can then apply an offset along this vector depending on the slider’s current value.