在Three.js中使用具有多个重叠场景的轨道控制

我希望在解决与使用具有多个重叠场景的轨道控制有关的问题方面提供一些帮助。在Three.js中使用具有多个重叠场景的轨道控制

为了演示这个问题，我修改了multiple scenes中的例子，我创建了一个适合我的开发的测试。代码，请访问：test with orbit controls and multiple scenes

对我来说，我需要实现两个场景

有三个场景一个场景，每个场景占据了网页的一部分（div元素... scene0，SCENE1和场景......使用CSS样式）和的第二个方案，其中包含对网页的全部空间（div元素... scene0，SCENE1和场景一个场景...使用CSS样式）

在这个例子中，有可能在两者之间切换通过单击并同时按下键盘上的切换按钮。

它似乎工作正常，但在两种情况之一的轨道控制不起作用。

我曾试图改变一些参数：

  element.style.zIndex = "6"; 
      element.style.order = "6"; 
      scene.renderOrder = 1.;

但是没有什么变化。

我在此高度赞赏一些帮助，因为在这个问题上我找不到类似的案例。欢呼声， ilias

2017-07-14 I. Goulas

尝试将pointer-events: none;添加到您的CSS切换时。

2017-07-15 17:20:13

谢谢您的建议。今晚我会试试... –

很好...它工作正常。每个场景的element.style.pointerEvents =“none” –

和element.style.pointerEvents =“all”，现在轨道控件正常工作。谢谢K.苗这是非常有用的，并为我节省了很多时间。干杯，伊利亚斯 –

回答