애니메이션 재생, 상태 머신 테스트, 상태 타임라인 검토, 이벤트 녹화 및 핸드오프 가능한 레이아웃 제어 기능을 통해 Rive '.riv' 파일을 로컬에서 미리 볼 수 있습니다.
Rive .riv 파일 선택 또는 삭제
미리보기 대화형 Rive 런타임은 아트보드 전환, 상태 머신 입력, 이벤트 녹화 및 핸드오프 가능한 레이아웃 컨트롤을 사용하여 로컬로 내보냅니다.
왜 ToolBuddy인가요?
파일 업로드가 없습니다.
`.riv` 파일은 장치에 유지됩니다.
빠른 런타임 미리보기
캔버스 렌더링은 격리된 미리 보기 작업자 내에서 시작됩니다.
대화형 디버거
아트보드, 상태 시스템, 입력, 타임라인 이벤트를 검사하고 컨텍스트를 검토합니다.
무료, 가입 없음
모든 도구는 영원히 무료입니다. 계정이 필요하지 않습니다.
지원되는 input/output 세부사항을 확인하고 내보내기 전에 도구 단계를 따르십시오.
Rive-animation-viewer를 실행하기 전에 이러한 사양을 사용하여 워크플로 적합성, 개인 정보 보호 경계 및 출력 기대치를 검증하십시오.
비용
코어 사용을 위한 등록 게이트가 없는 무료 워크플로입니다.
보안
처리는 서버 업로드 노출을 줄이기 위해 가능한 경우 브라우저 내에서 실행됩니다.
장치
최신 데스크톱 및 모바일 브라우저를 지원합니다.
기술 사양
입력: Rive `.riv` 런타임 파일을 내보냈습니다. 출력: 아트보드, 애니메이션, 상태 머신, 입력, 레이아웃, 속도, 타임라인, 이벤트 레코더 및 로컬 JSON 검토 내보내기 제어 기능을 갖춘 브라우저 내 런타임 미리보기.
지원되는 input/output 세부사항을 확인하고 내보내기 전에 도구 단계를 따르십시오.
01
'.riv' 런타임 파일을 선택하거나 삭제하세요.
02
격리된 작업자 미리 보기가 자동으로 시작되는 동안 서명 유효성 검사를 기다립니다.
03
검토하려는 아트보드, 애니메이션 또는 상태 머신을 선택합니다.
04
대상 레이아웃에 맞게 맞춤, 정렬, 크기 및 캔버스 배경을 조정합니다.
05
재생 제어, 속도 및 상태 머신 입력을 사용하여 상호 작용을 검증합니다.
06
피드백이나 통합 메모를 공유하기 전에 상태 타임라인, 이벤트 레코더 및 핸드오프 모드를 검토하세요.
Rive 파일을 로컬에서 검토하는 방법 사용 방법, 반복 작업 흐름에서 {{action}}가 중요한 이유, 그리고 언제 이 도구를 자신 있게 사용해야 하는지 이해하십시오.
Rive Animation Viewer는 내보낸 `.riv` 런타임 파일을 브라우저에서 직접 열어 디자이너, 개발자 및 QA 검토자가 출시될 정확한 런타임 자산을 검사할 수 있습니다.
이 도구는 파일 버퍼의 복사본을 격리된 작업자 미리 보기에 전달하기 전에 'RIVE' binary 서명의 유효성을 검사하여 런타임 로드가 실패하더라도 기본 페이지의 응답성을 유지합니다.
여러 테스트 표면 사이를 이동하는 대신 내보낸 아트보드 간을 전환하고, 애니메이션 클립을 선택하고, 하나의 로컬 검토 작업 공간에서 상태 시스템을 실행합니다.
미리 보기는 선택 컨텍스트를 캔버스에 계속 표시하는 반면 검사기 오버레이는 빠른 온전성 검사를 위해 서명, 개수 및 아트보드 크기를 요약합니다.
상태 기계가 입력을 노출하면 먼저 통합 코드를 작성하지 않고도 Rive 런타임에서 부울을 전환하고, 숫자를 편집하고, 트리거를 실행할 수 있습니다.
상태 타임라인 및 이벤트 레코더 패널을 사용하면 선택, 런타임 이벤트 및 상태 변경 사항이 계속 표시되므로 QA, 검토 및 엔지니어 전달 중에 이러한 상호 작용을 더 쉽게 설명할 수 있습니다.
맞춤, 정렬, 배율, 속도 및 배경 컨트롤은 애니메이션이 실제 제품 표면 내에서 어떻게 자리잡고 느껴지는지 검증하는 데 도움이 됩니다.
반응형 캔버스 크기 조정은 데스크톱 및 모바일 검사 전반에 걸쳐 미리보기를 유용하게 유지하는 반면, 핸드오프 모드는 가장 중요한 검토 표면으로 패널을 제거합니다.
업로드된 '.riv' 파일은 로컬에서 읽혀지며 ToolBuddy 서버에 업로드되지 않습니다. 이벤트 레코더는 소스 애니메이션을 백엔드에 복사하지 않고도 로컬 JSON 검토 스냅샷을 내보낼 수 있습니다.
격리된 작업자는 Rive CDN에서 Rive 캔버스 런타임과 WASM을 로드합니다. '.riv'가 Rive 호스팅 자산을 참조하는 경우 런타임은 해당 자산을 가져와 미리 보기를 완료할 수 있습니다.
아니요. Rive Animation Viewer는 `.riv` 파일을 로컬로 읽고 브라우저에서 렌더링합니다.
이 도구는 내보낸 Rive 런타임 `.riv` 파일을 지원합니다. 편집 가능한 `.rev` 프로젝트 또는 백업 파일은 지원되지 않습니다.
예. 아트보드, 애니메이션 및 상태 머신을 전환한 다음 Rive 런타임에서 노출된 부울, 숫자 및 트리거 입력을 테스트할 수 있습니다.
예. 이벤트 레코더는 선택 항목, 런타임 이벤트, 입력 변경 사항 및 타임라인 활동을 캡처하는 로컬 JSON 세션 요약을 다운로드할 수 있습니다.
이 도구가 자연스럽게 어울리는 실제 작업 흐름을 확인한 다음 일치하는 가이드로 바로 이동하세요.
미리 보기 Spine JSON, 아틀라스 및 PNG는 재생, 스킨, 속도 및 디버그 컨트롤을 사용하여 로컬로 내보냅니다.
유니티, 페이저, 코코스, CSS 및 JSON 내보내기 사전 설정을 사용하여 느슨한 스프라이트 또는 폴더를 아틀라스 시트에 압축합니다.
구성 구문 분석, 자동 감지 및 그리드 슬라이싱을 통해 스프라이트 아틀라스 시트를 개별 PNG 스프라이트로 압축 해제합니다.
브라우저에서 로컬로 실행되는 빠른 개인용 이미지 도구를 사용하여 JPG, PNG 및 WebP 파일을 압축하세요.
