Seeking assistance with a dilemma involving the use of Orbit Controls with Multiple Overlapping Scenes.
To showcase the issue, I made adjustments to the example found at multiple scenes and developed a test specific to my needs. The code can be accessed here: test with orbit controls and multiple scenes
In my project, I am required to implement two scenarios
The first scenario involves three scenes, each occupying a portion of the webpage (div elements... scene0, scene1, and scene... using CSS style) and The second scenario involves one scene covering the entire webpage (div elements... scene0, scene1, and scene... using CSS style)
In this setup, users can switch between the two scenarios by simultaneously clicking and pressing the shift button on the keyboard.
While it seems to work correctly, the Orbit Controls do not function as intended in one of the scenarios.
Various parameters have been adjusted, including:
element.style.zIndex = "6";
element.style.order = "6";
scene.renderOrder = 1.;
Despite these changes, the issue persists.
Any assistance on this matter would be greatly appreciated, as I have not come across a similar case. Best regards, ilias