three.js 강의 클릭시 슬로우모션 적용 예제

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

해당 강좌는 유튜브 멤버십 회원 전용 강좌입니다.

바로 구독하기

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

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

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