Wie berechnet man den Abstand zwischen den beiden Mausklicks in three.js?

Question

Ich kann diesen Code verwenden, um die 3D-Position eines Mausklicks zu erhalten, aber wie man den Abstand zwischen zwei Mausklicks erhält. Bitte kann mir jemand helfen.

var vector = new THREE.Vector3(); 

vector.set(
    (event.clientX/window.innerWidth) * 2 - 1, 
    - (event.clientY/window.innerHeight) * 2 + 1, 
    0.5); 

vector.unproject(camera); 

var dir = vector.sub(camera.position).normalize(); 

var distance = - camera.position.z/dir.z; 

var pos = camera.position.clone().add(dir.multiplyScalar(distance)); 

Answer 1

Sie können nicht.

Sie können nicht einfach eine Bildschirmkoordinate (2D) zu Welt (3D) -Koordinaten mit einer Zauberformel unprojektieren.

Wenn Sie wirklich 3D-Koordinaten von Mausklicks benötigen, müssen Sie sicherstellen, dass diese Klicks mindestens eine Geometrie der Welt treffen und Sie einen Raytest durchführen, um genau herauszufinden, an welcher Stelle die Klicks auf Ihre Geometrien treffen.