Three.jsにはRaycasterという便利なものがついており、これを使って視線衝突を判定することができる。 まず画面上でのマウスの位置をベクトルに変換する var projector = new THREE.Projector(); var mouseX = e.clientX -getElementPosition(renderer.domElement).left; var mouseY = e.clientY - getElementPosition(renderer.domElement).top; var x = (mouseX / renderer.domElement.width) * 2 - 1; var y = -(mouseY/renderer.domElement.height) * 2 + 1; var vector = new THREE.Vector3(x