Maus / Leinwand X, Y bis Three.js Welt X, Y, Z

Ich habe nach einem Beispiel gesucht, das meinem Anwendungsfall entspricht, kann jedoch kein Beispiel finden. Ich versuche, Bildschirm-Mauskoordinaten unter Berücksichtigung der Kamera in 3D-Weltkoordinaten umzuwandeln.

Lösungen, die ich gefunden habe, tun alle Strahlschnittpunkte, um die Objektauswahl zu erreichen.

Ich versuche, die Mitte eines Three.js-Objekts an den Koordinaten zu positionieren, an denen sich die Maus gerade "über" befindet.

Meine Kamera ist auf x: 0, y: 0, z: 500 (obwohl sie sich während der Simulation bewegt) und alle meine Objekte sind auf z = 0 mit variierenden x- und y-Werten, sodass ich die Welt X, Y-basiert kennen muss bei der Annahme von az = 0 für das Objekt, das der Mausposition folgt.

Diese Frage sieht ähnlich aus, hat aber keine Lösung:Abrufen der Koordinaten der Maus in Bezug auf den 3D-Raum in THREE.js

Wenn die Mausposition auf dem Bildschirm mit einem Bereich von "oben links = 0, 0 | unten rechts = window.innerWidth, window.innerHeight" angegeben ist, kann jeder eine Lösung zum Verschieben eines Three.js-Objekts zu den Mauskoordinaten bereitstellen entlang z = 0?

Antworten auf die Frage(8)

Ihre Antwort auf die Frage