如果您能帮助我解决与在多个重叠场景中使用 Orbit Controls 相关的问题,我将不胜感激。
为了演示问题,我修改了 multiple scenes 中的示例我创建了一个适合我的开发的测试。 代码位于:test with orbit controls and multiple scenes
在我的例子中,我需要实现两个场景
一个场景三个场景,每个场景占据网页的一部分(div元素……scene0,scene1和scene……使用CSS样式) 和 第二种场景,在网页的整个空间上有一个场景(div 元素……scene0、scene1 和 scene……使用 CSS 样式)
在此示例中,可以通过同时单击和按下键盘上的 shift 按钮在两种情况之间切换。
它似乎工作正常,但在两种情况之一中,Orbit Controls 不工作。
我尝试更改一些参数:
element.style.zIndex = "6";
element.style.order = "6";
scene.renderOrder = 1.;
但没有任何改变。
在这一点上,我非常感谢您的帮助,因为我找不到关于此问题的类似案例。 干杯, 伊利亚斯
最佳答案
尝试在切换时将 pointer-events: none;
添加到您的 CSS。
https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events
关于javascript - 在 Three.js 中使用具有多个重叠场景的轨道控件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45106632/