[javascript & jQuery] 애니메이션 플러그인_ScrollTrigger In GSAP

GSAP는 애니메이션, 캔버스, SVG 등 자바스크립트로 구현할 수 있는 대부분의 것들을 손쉽게 구현가능하도록 도와주는 플러그인들이 모여있는 패키지라 할수 있다.

 

GSAP안에는 유료인 플러그인들도 있으나 2020년 6월에 ScrollTrigger라는 무료 플러그인을 출시하였다.

 

AOS나 ScrollMagic으로 간단하게 스크롤애니메이션을 구현했었다.

AOS - Animate on scroll library

ScrollMagic

 

하지만 안정성이나 좀더 디테일한 효과를 추가하기엔 한계가 있다.

이번에 프로젝트를 외주를 주어 소스코드를 분석하다가 우연히 GSAP의 ScrollTrigger플러그인을 알게되었고,

저작권도 무료(부분적으로. 어떤걸 사용하는 지에 따라 유료도 있다)며, 간단하게 GreenSock 사이트의 이용방법을 통하여 사용 가능할 수 있는 것 같아 기록차원에서 남겨둔다.

 

좀더 자세하게 분석을 해봐야할 것 같다.

 

'참고 1. GSAP시작하기'에 있는 영상을 통해서 간단하게 구현이 가능하다.

 

 

참고

1. GSAP시작하기 : greensock.com/get-started/

Getting Started with GSAP

2. ScrollTrigger : greensock.com/scrolltrigger/

ScrollTrigger

3. ScrollTrigger Demo : greensock.com/st-demos/

ScrollTrigger Demos