Verwendung von Orbit Controls mit mehreren überlappenden Szenen in Three.js

Question

Ich würde gerne einige Hilfe bei der Lösung eines Problems im Zusammenhang mit der Verwendung von Orbit Controls mit mehreren überlappenden Szenen.

Um das Problem zu demonstrieren habe ich das Beispiel in multiple scenes geändert und ich habe einen Test erstellt, der für meine Entwicklungen geeignet ist. Der Code ist verfügbar unter: test with orbit controls and multiple scenes

In meinem Fall habe ich zwei Szenarien

Ein Szenario mit drei Szenen implementieren müssen, wo jede Szene Teil der Web-Seite (div Elemente ... scene0, scene1 und Szene nimmt ... mit CSS-Stil) und Ein zweites Szenario mit einer Szene auf dem gesamten Raum der Web-Seite (div Elemente ... scene0, scene1 und Szene ... mit CSS-Stil)

In diesem Beispiel ist es möglich, zwischen den beiden wechseln Szenarien durch Klicken und gleichzeitiges Drücken der Shift-Taste auf der Tastatur.

Es scheint zu funktionieren, aber in einem der beiden Szenarien funktioniert die Orbit Controls nicht.

Ich habe versucht, einige Parameter zu ändern:

ändert

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

Aber nichts.

Ich würde sehr zu diesem Zeitpunkt einige Hilfe schätzen, da ich einen ähnlichen Fall zu diesem Thema nicht finden kann. Cheers, ilias

Answer 1

Versuchen Sie pointer-events: none; zu Ihrem CSS hinzuzufügen, wenn Sie wechseln.

https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events