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



我希望得到一些帮助,以解决与使用具有多个重叠场景的轨道控制相关的问题。

为了演示问题,我在多个场景中修改了示例,并创建了一个适合我的开发的测试。 该代码可在以下位置获得:使用轨道控制和多个场景进行测试

就我而言,我需要实现两个方案

一个场景有三个场景,每个场景占据网页的一部分(div 元素......场景 0、场景 1 和场景 ...使用CSS样式( 和 第二个场景在网页的整个空间上有一个场景(div 元素......场景 0、场景 1 和场景 ...使用CSS样式(

在此示例中,可以通过同时单击并按下键盘上的 shift 按钮在两种方案之间切换。

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

我尝试更改一些参数:

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

最新更新