라이브러리 창고/애니메이팅 · 특수효과
모션그래픽 제작 라이브러리 「lottie.js」
Recstasy
2022. 6. 13. 08:40
lottie.js는 'Adobe'의 애니메이팅 디자인 소스를 '.json'을 통해 웹으로 구현해주는 js라이브러리다. 따라서 기존의 자바스크립트 애니메이팅 라이브러리(mo.js, animate.js, 기타..)에 비해 의존성이 강하다고 볼 수 있다. (Adobe의 디자인 소스가 없으면, 구현 자체가 불가능함) 단, Adobe 관련 제품군을 잘 다룰 수 있다면(웹 디자이너 계통), lottie.js는 단연 1순위 라이브러리가 된다. 굳이 CSS, JS로 복잡한 코드를 사용할 필요없이 Adobe Animator에서 작업한 디자인 소스를 그대로 사용할 수 있기 때문이다.
어쨌든 lottie.js는 회원가입이 필요한 플랫폼이다.
lottie.js의 회원이 되면, 위와 같이 무료 애니메이션을 사용할 수 있으며, 자신이 직접 제작한 애니메이션 파일을 판매할 수도 있다. lottie.js에 올라온 디자인 및 코드는 디자이너와 개발자의 경계가 모호해지는 느낌을 갖게 하는데, 마치 과거의 플래시를 떠올리게 한다.
실제로 'lottie player'를 통해 애니메이팅 컨트롤이 가능하며, 향후 간단한 웹 게임 플랫폼으로 점차 분야를 확장할 것으로 예상된다. 시간과 속도의 문제일 뿐, 웹 콘텐츠 분야는 결국 '코드리스' 흐름으로 지속될 수 밖에 없다.