updated_at: 2025-02-01 15:48

GSAP를 이용한 Animation 다루기

angular 에서 GSAP 사용하는 방법에 대해서는 아래 링크를 참조 바랍니다. GSAP를 이용한 Animation 다루기

여기서는 Three.js내에서 처리하는 부분만 말씀드리겠습니다.

import * as GSAP from 'gsap';
..........
GSAP.gsap.to(this.earL.rotation, { duration: totalSpeed, x: "+=.3", ease: GSAP.Back.easeOut });
GSAP.gsap.to(this.monster.head.rotation, {duration: 2, y: 0, x: -.3, ease: GSAP.Power4.easeInOut });
GSAP.gsap.killTweensOf(this.monster.pawFL.position);

Table of contents 목차

평점을 남겨주세요
평점 : 2.5
총 투표수 : 1

질문 및 답글