gsap-lenis_scrolltrigger-디졸브 효과 애니메이션
발행: (2026년 2월 5일 오전 02:23 GMT+9)
1 min read
원문: Dev.to
Source: Dev.to
Overview
✨ 웹에서 스크롤 기반 스토리텔링의 한계를 뛰어넘다 ✨
Project Highlights
- Three.js + GLSL shaders → 동적인 디졸브 효과
- GSAP + ScrollTrigger → 부드럽고 순차적인 텍스트 애니메이션
- Lenis → 부드러운 스크롤 동기화
Result
텍스트, 그래픽, 움직임이 함께 매끄럽게 변하는 시네마틱 스크롤 경험.
실제 프로젝트에서 WebGL과 UI 애니메이션을 어떻게 결합하고 있는지 궁금하신가요 👀