Rive
Rive는 벡터 도형·애니메이션·상태 기계를 사용하여 실제 응용 프로그램 안에서 동작하는 인터랙티브 그래픽을 제작하는 2D 그래픽 소프트웨어다. 단순 GIF나 동영상 출력에 그치지 않고 앱·게임 UI의 상태 변화를 개발 코드와 연결하는 제작 파이프라인을 제공한다. Figma, SVGat...
| 분류 | 2D 그래픽 소프트웨어, 벡터 애니메이션·상호작용 제작 플랫폼 |
|---|---|
| 개발 | Rive, Inc. |
| 운영체제·실행 환경 | 웹 편집기 및 Web·Apple·Android·Flutter·게임 런타임 |
| 작성 언어 | 에디터 전체 구현 언어 미공개; 런타임은 플랫폼별 상이; Luau 스크립팅 일부 |
| 주요 기능 | 벡터 애니메이션·상호작용 제작 플랫폼 |
| 문서·출력 형식 | RIV 인터랙티브 프로젝트, GIF·PNG·MP4·WebM 출력 |
| 공식 사이트 | 프로젝트 자료 |
Rive는 벡터 도형·애니메이션·상태 기계를 사용하여 실제 응용 프로그램 안에서 동작하는 인터랙티브 그래픽을 제작하는 2D 그래픽 소프트웨어다. 단순 GIF나 동영상 출력에 그치지 않고 앱·게임 UI의 상태 변화를 개발 코드와 연결하는 제작 파이프라인을 제공한다. Figma, SVGator, Adobe After Effects 및 Spine과 일부 제작 영역이 겹치지만, 실시간 입력에 반응하는 런타임의 비중이 크다.[1]
Rive 에디터에서는 벡터 경로·도형·문자와 계층을 만들고 애니메이션 타임라인에 위치·색상·변형 값을 기록한다. State Machine은 여러 애니메이션 상태와 전이 조건을 정의하며, 애플리케이션은 불리언·숫자·트리거 등의 입력을 전달해 그래픽의 동작을 바꾼다. 버튼의 누름·해제, 진행률 변화, 앱 온보딩과 게임 속 캐릭터 UI를 하나의 인터랙티브 파일로 표현할 수 있다.
내보낸 RIV 데이터는 웹·Android·Apple·Flutter·React 및 Unity·Unreal Engine 같은 플랫폼에서 별도 런타임으로 실행할 수 있다. 따라서 편집기의 작업 문서와 런타임 렌더러는 같은 파일을 사용하더라도 역할이 다르며, 런타임에 연결한 이벤트와 UI 바인딩은 호출 애플리케이션의 코드가 담당한다.[2]
Rive의 기능 소개에는 반응형 레이아웃·재사용 컴포넌트·데이터 바인딩·동적 텍스트 및 Luau 스크립팅의 일부 초기 접근 기능이 포함되어 있다. 해당 확장 기능의 상태는 배포 단계에 따라 달라질 수 있으며, 사용자 확장용 스크립트 언어를 프로그램 전체의 구현 언어로 오해해서는 안 된다.
RIV의 실시간 상호작용을 유지한 결과와 PNG·GIF·MP4·WebM처럼 미리 렌더링된 결과는 동작 범위가 다르다. SVG-edit·Inkscape에서 만든 정적 경로를 활용하는 워크플로도 가능하지만, 상호작용을 보존하려면 파일 변환뿐 아니라 상태와 런타임을 함께 설계해야 한다.