그것들을 분리하는 가장 빠른 방법은 각각이 무엇인지 물어보는 것입니다. Lottie는 파일 형식이자 플레이어 제품군입니다. Rive 및 ExodeUI는 런타임도 제공하는 설계 도구입니다.
Lottie 애니메이션은 일반적으로 After Effects에서 디자인되고 Bodymovin 플러그인을 사용하여 JSON로 내보내거나 Lottie를 내보내는 도구에서 생성됩니다. 웹, iOS, Android 및 다양한 프레임워크용 플레이어가 존재합니다. Lottie는 간단하게 재생되는 아이콘, 일러스트레이션, 로더에 탁월합니다. 상호 작용에는 추가 코드가 필요하거나 dotLottie의 상태 머신과 같은 최신 추가 기능이 필요합니다.
Rive는 벡터 그래픽을 그리고 타임라인에 애니메이션을 적용한 후 상태 머신과 연결하는 편집기입니다. 런타임은 다양한 환경에서 .riv 파일을 재생하고 코드는 입력을 통해 상태 시스템과 통신합니다. 캐릭터, 일러스트레이션, 게임 같은 인터페이스에 강합니다.
ExodeUI는 상태 머신과 런타임을 갖춘 편집기이기도 하지만 제품 UI를 중심으로 구축되었습니다. 레이아웃, 스프링 물리학 및 노드 로직을 추가하고 모든 것을 하나의 열린 .exode JSON 파일로 저장합니다. 런타임 패키지에는 React, Vue, Svelte, Angular, Solid, React Native, SwiftUI 및 Flutter가 포함되며 MCP 서버를 사용하면 AI 코딩 도구로 애니메이션을 편집할 수 있습니다.
실제로: 애니메이션을 재생하기만 하면 되는 경우에는 Lottie를 사용하고, 예시적인 대화형 그래픽에는 Rive를, 대화형 UI 구성 요소에는 ExodeUI 또는 Rive를 사용합니다. 많은 제품이 두 개 이상을 사용합니다.