seleção de objetos de câmera ortográfica three.js
Estou tentando escolher objetos em uma cena em que uso uma câmera ortográfica. meu fragmento de código já funciona, mas não é preciso. Eu já encontrei algumas respostas no stackoverflow, mas essas foram preteridas ou não funcionarão mais. aqui está o meu código 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");
}
}
por favor, vejahttp://jsfiddle.net/ujzpe07t/1/
se você clicar em alguns pixels à esquerda / direita / acima / abaixo do cubo, ele ainda informa que o objeto foi tocado.
Eu estou usando three.js r69.
qualquer dica seria muito apreciada. obrigado, felicidades!