Estoy tratando de elegir objetos en una escena donde uso una cámara ortográfica. mi fragmento de código ya funciona, pero no es preciso. Ya encontré algunas respuestas en stackoverflow, pero esas están en desuso o ya no funcionan. Aquí está mi código en MouseDown

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");
    }
}

por favor mirahttp://jsfiddle.net/ujzpe07t/1/

Si hace clic en algunos píxeles a la izquierda / derecha / arriba / debajo del cubo, todavía me dice que el objeto fue tocado.

Estoy usando three.js r69.

Cualquier sugerencia sería muy apreciada. gracias, saludos!