Three.js Выбор объекта с помощью ортогональной камеры

Я пытаюсь выбрать объекты в сцене, где я использую орфографическую камеру. мой фрагмент кода уже работает, но это не точно. я уже нашел ответы на stackoverflow, но они устарели или больше не будут работать. вот мой код на домене

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

посмотри пожалуйстаhttp://jsfiddle.net/ujzpe07t/1/

если вы щелкнете несколько пикселей влево / вправо / над / под кубом, это все равно скажет мне, что объект был затронут.

Я использую Three.JS R69.

любые намеки будут очень цениться. спасибо, ура!

Ответы на вопрос(1)

Ваш ответ на вопрос