three.js Objektauswahl mit orthografischer Kamera

Ich versuche, Objekte in einer Szene auszuwählen, in der ich eine orthografische Kamera verwende. Mein Codefragment funktioniert bereits, ist aber nicht genau. Ich habe bereits einige Antworten zum Stackoverflow gefunden, aber diese sind veraltet oder funktionieren überhaupt nicht mehr. hier ist mein Code onMouseDown

function onDocumentMouseUp( event ) {
    event.preventDefault();

    mouse.x = ( event.clientX / window.innerWidth ) * 2 - 1;
    mouse.y = - ( event.clientY / window.innerHeight ) * 2 + 1;

    var vector = new THREE.Vector3(mouse.x, mouse.y, 0.5);
    var pos = camera.position;
    var ray = new THREE.Raycaster(pos, vector.unproject(camera).sub(camera.position).normalize());

    var intersects = ray.intersectObjects(objects);

    if (intersects.length > 0) {
       , console.log("touched:" + intersects[0]);
    }
    else {
        console.log("not touched");
    }
}

bitte siehehttp: //jsfiddle.net/ujzpe07t/1

wenn Sie auf einige Pixel links / rechts / oberhalb / unterhalb des Würfels klicken, wird weiterhin angezeigt, dass das Objekt berührt wurde.

Ich verwende three.js r69.

Alle Hinweise wäre sehr dankbar. Danke, Prost!

Antworten auf die Frage(1)

Ihre Antwort auf die Frage