Как понять касается ли курсор объекта в three.js?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16

var raycaster = new THREE.Raycaster();
var mouse = new THREE.Vector2();

// в обработчике события мыши (например, в mousemove)
mouse.x = (event.clientX / window.innerWidth) * 2 - 1;
mouse.y = -(event.clientY / window.innerHeight) * 2 + 1;

raycaster.setFromCamera(mouse, camera);

var intersects = raycaster.intersectObjects(scene.children);

if (intersects.length > 0) {
  // курсор касается объекта
} else {
  // курсор не касается объекта
}