在Three.js中將軌道控件與多個重疊場景結合使用

Question

對於解決與多個重疊場景的軌道控件的使用相關的問題，我將不勝感激。

為了演示該問題，我在多個場景中修改了示例，並創建了一個適合我的開發的測試。 該代碼可在以下位置獲得：使用軌道控件和多個場景進行測試

就我而言，我需要實現兩種情況

一種場景是三個場景，每個場景都占據了網頁的一部分（div元素…scene0，scene1和scene…使用CSS樣式），第二種場景是一個場景在網頁的整個空間上（div元素…scene0，scene1和場景…使用CSS樣式）

在此示例中，可以通過同時單擊並按下鍵盤上的Shift按鈕來在兩種情況之間切換。

它似乎工作正常，但是在兩種情況之一中，“軌道控制”都無法正常工作。

我試圖更改一些參數：

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

但是什么都沒有改變。

由於無法在此問題上找到類似的案例，因此我非常感謝您的幫助。 伊利亞斯干杯

Answer 1

嘗試添加pointer-events: none; 切換到CSS時。