움직이는 라인에 마우스 클릭시 슬로우 모션 추가 – Three.js 강의

이번에 배워볼 three.js 예제는 랜덤으로 라인이 나오고, 클릭하면 카메라가 이동하고 슬로우 모션같은 느낌도 줄 수 있죠. 크게 3번에 나눠서 진행할거예요.

• 랜덤으로 라인 생성
• 트윈맥스로 애니메이션을 적용할겁니다.
• 마우스 다운, 업 이벤트로 슬로우모션 적용

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