Three.js로 시작하는 인터랙티브 웹 3D
0 / 20 (0%)

마우스 위치에 따라 애니메이션 추가(Raycaster 응용)

이번에는마우스를 움직일 때 마우스의 위치에따라 주변 오브젝트들이 반응하는 인터렉션을 구현해볼거예요. 저번에 배운 레이케스터를 사용할 예정이고, 애니메이션은 부드럽게 하기위해 GSAP의 트윈맥스를 사용합니다.

*디자인 베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 윈도우 사용자분들은 영상에서 커맨드(Cmd)라는 단축키 대신 컨트롤(Ctrl)을, 옵션(Option) 대신 알트(Alt)를 눌러주세요.

질문과 답변 기능을 이용하려면 로그인해야 합니다.

로그인 후 이 콘텐츠를 이용할 수 있습니다.

등록된 공지사항이 없습니다.

강좌 공지가 등록되면 이곳에서 확인할 수 있습니다.