← Hackathon

Lottie 이펙트 믹서: 여러 Lottie를 실시간으로 합성하는 웹 툴 (예시2)

@efaa98

여러 개의 Lottie 애니메이션을 레이어처럼 쌓고, 블렌딩·타이밍·색상을 실시간으로 조절해서 하나의 새로운 애니메이션으로 합성하는 웹 툴을 만듭니다. 렌더링은 ThorVG WebCanvas를 사용합니다.

목표

  • Lottie 파일 2개 이상 로드하고 레이어로 겹치기
  • 레이어별 재생 속도·오프셋·투명도 조절 UI
  • 합성 결과를 실시간 미리보기
  • (도전) 합성 설정을 JSON으로 내보내기

기술 스택

@thorvg/lottie-player · @thorvg/webcanvas · TypeScript · Vite

NOTE

팀원 합류 환영합니다! 댓글로 남겨주시면 assignee로 추가할게요.

댓글

이슈 원문