I have a model of a theodolite with three telescopes on top that rotate as a whole around a world axis, at the same time, the whole model rotates around its own Y-axis. Kind like the picture below, I could not post my real model here cause it is confidential.
When it rotates, I change the explosion property by
new BABYLON.MeshExploder(meshes, meshes).explode(value), then restore it to 0, and find that the three telescopes are misaligned, both vertically and horizontally.
Here is my PG: mesh misaligned caused by rotate & explosion | Babylon.js Playground (babylonjs-playground.com)
I tried to reproduce my problem in the PG, but could not do it 100% because my model is confidential and I had to use a similar model. However, I found two similar problems in the PG, after the explosion and restoration: 1. The rotation radius of the telescope changes. 2. The coordinate axis also becomes misaligned, as shown in the picture below.
I would like to ask for advice on how to solve this problem. Thank you!