Mysz / Canvas X, Y do Three.js World X, Y, Z

Szukałem w poszukiwaniu przykładu pasującego do mojego przypadku użycia, ale nie mogę go znaleźć. Próbuję przekonwertować współrzędne myszy ekranowej na współrzędne świata 3D z uwzględnieniem kamery.

Rozwiązania Znalazłem wszystko, co robi skrzyżowanie promienia, aby osiągnąć zbieranie obiektów.

To, co próbuję zrobić, to ustawić środek obiektu Three.js na współrzędnych, w których mysz jest obecnie „ponad”.

Mój aparat jest w x: 0, y: 0, z: 500 (chociaż poruszy się podczas symulacji) i wszystkie moje obiekty są z z = 0 przy różnych wartościach x i y, więc muszę znać świat X, Y oparty zakładając az = 0 dla obiektu, który będzie podążał za pozycją myszy.

To pytanie wygląda na podobny problem, ale nie ma rozwiązania:Uzyskiwanie współrzędnych myszy w odniesieniu do przestrzeni 3D w THREE.js

Biorąc pod uwagę pozycję myszy na ekranie z zakresem „od lewej do góry = 0, 0 | dolny prawy = window.innerWidth, window.innerHeight”, czy ktoś może dostarczyć rozwiązanie do przeniesienia obiektu Three.js na współrzędne myszy wzdłuż z = 0?

questionAnswers(8)

yourAnswerToTheQuestion