Three.js | controls.target.set funktioniert nicht

Question

habe ich ein Problem mit controls.target.set

Einer Seite zu erklären: http://1id.xyz/stackoverflow/newOrbit.php

Der gelbe Ring die ursprüngliche Umlaufbahn ist, es funktioniert.

Wenn ich den blauen Punkt ziehen und den controls.target auf eine neue Position setzen. (die blaue Ringposition) umkreist die Kamera diese neue Zielposition nicht.

Warum?

Answer 1

Das ziehbare Objekt ist 2D (HTML-Element) und Ihre Szene ist 3D. Mit anderen Worten, Sie haben Bildschirmkoordinaten und suchen nach Weltkoordinaten.

Wenn Sie dies wissen, müssen Sie von der x, y-Position Ihrer Maus eine Raycast-Funktion verwenden und den Schnittpunkt x, y, z auf Ihrer 3D-Ebene finden.

Here's a similar question and a pointer to a possible solution.