Interaction & Raycast

R3F Interaction

React 기반이기 때문에 사용자의 인터렉션을 처리하기 위해 event (onClick, onPointerMove 등)를 사용할 수 있다.

• R3F에서는 카메라와 가까운 노드부터 먼 노드까지 이벤트가 순차적으로 발생한다.

  • 이는 Raycast의 개념과 비슷하다.

  • e.stopPropagation 을 사용하면 동일하게 이벤트 전파를 막을 수 있다.

Raycast

Ray*광선, 어떤 지점을 클릭했을 때 해당 지점 끝까지 광선이 투시되어 날라가는것을 raycast라 한다.

• Three.js에서 Raycast는 사용자가 지정한 좌표로 광선을 발사하여 해당 광선과 교차하는 모든 노드에 대한 정보를 가져올 수 있다.