アニメーション再生、ステート マシン テスト、ステート タイムライン レビュー、イベント記録、およびハンドオフ対応レイアウト コントロールを使用して、Rive `.riv` ファイルをローカルでプレビューします。
Rive .riv ファイルの選択またはドロップ
アートボードの切り替え、ステート マシン入力、イベントの記録、ハンドオフ対応のレイアウト コントロールを使用して、インタラクティブな Rive ランタイム エクスポートをローカルでプレビューします。
なぜToolBuddyなのか?
ファイルのアップロードがありません
`.riv` ファイルはデバイス上に残ります。
高速ランタイム プレビュー
キャンバスのレンダリングは、分離されたプレビュー ワーカー内で開始されます。
対話型デバッガ
アートボード、ステート マシン、入力、タイムライン イベントを検査し、コンテキストを確認します。
無料、サインアップなし
すべてのツールは永久に無料です。アカウントは必要ありません。
エクスポートする前に、サポートされている input/output の詳細を確認し、ツールの手順に従ってください。
これらの仕様を使用して、rive-animation-viewer を実行する前に、ワークフローの適合性、プライバシーの境界、期待される出力を検証します。
コスト
コア使用のためのサインアップ ゲートのない無料ワークフロー。
Security
Processing は、サーバーへのアップロードの露出を減らすために、可能な限りブラウザ内で実行されます。
Device
最新のデスクトップおよびモバイル ブラウザをサポートします。
技術仕様
入力: エクスポートされた Rive `.riv` ランタイム ファイル。出力: アートボード、アニメーション、ステート マシン、入力、レイアウト、速度、タイムライン、イベント レコーダー、ローカル JSON レビュー エクスポート コントロールを備えたブラウザー内ランタイム プレビュー。
エクスポートする前に、サポートされている input/output の詳細を確認し、ツールの手順に従ってください。
01
`.riv` ランタイム ファイルを選択またはドロップします。
02
分離されたワーカーのプレビューが自動的に開始される間、署名の検証を待ちます。
03
確認したいアートボード、アニメーション、またはステート マシンを選択します。
04
ターゲット レイアウトに合わせて、フィット、配置、スケール、キャンバスの背景を調整します。
05
再生コントロール、速度、ステート マシン入力を使用して、対話性を検証します。
06
フィードバックや統合メモを共有する前に、状態のタイムライン、イベント レコーダー、ハンドオフ モードを確認してください。
Rive ファイルをローカルでレビューする方法 の方法、繰り返しのワークフローでそれが重要な理由、およびこのツールを自信を持って使用できる場合について理解します。
Rive アニメーション ビューアは、エクスポートされた `.riv` ランタイム ファイルをブラウザで直接開くため、デザイナー、開発者、QA レビュー担当者は、出荷される正確なランタイム アセットを検査できます。
このツールは、ファイル バッファーのコピーを分離されたワーカー プレビューに渡す前に、「RIVE」 binary 署名を検証します。これにより、ランタイムの読み込みが失敗した場合でも、メイン ページの応答性が維持されます。
複数のテスト サーフェス間を行き来するのではなく、エクスポートされたアートボードを切り替え、アニメーション クリップを選択し、1 つのローカル レビュー ワークスペースからステート マシンを実行します。
プレビューでは選択コンテキストがキャンバス上に表示されたままになり、インスペクター オーバーレイでは署名、カウント、アートボードのサイズが要約され、健全性を迅速にチェックできます。
ステート マシンが入力を公開すると、最初に統合コードを作成しなくても、ライブ ランタイムでブール値を切り替え、数値を編集し、トリガーを起動できます。
状態タイムラインとイベント レコーダー パネルを使用すると、選択内容、実行時イベント、および状態の変更が表示されたままになるため、QA、レビュー、エンジニアの引き継ぎ中にこれらのやり取りを簡単に説明できます。
フィット、配置、スケール、速度、および背景のコントロールは、実際の製品表面内でアニメーションがどのように配置され、どのように感じられるかを検証するのに役立ちます。
応答性の高いキャンバスのサイズ変更により、デスクトップとモバイルのチェック全体でプレビューが便利に保たれ、ハンドオフ モードにより最も重要なレビュー面までパネルが取り除かれます。
アップロードされた `.riv` ファイルはローカルで読み取られ、ToolBuddy サーバーにはアップロードされません。イベント レコーダーは、ソース アニメーションをバックエンドにコピーせずに、ローカルの JSON レビュー スナップショットをエクスポートできます。
分離されたワーカーは、Rive CDN から Rive キャンバス ランタイムと WASM をロードします。 `.riv` が Rive でホストされているアセットを参照している場合、ランタイムはそれらのアセットをフェッチしてプレビューを完了することがあります。
いいえ。 Rive アニメーション ビューアーは、`.riv` ファイルをローカルで読み取り、ブラウザーでレンダリングします。
このツールは、エクスポートされた Rive ランタイム `.riv` ファイルをサポートします。編集可能な `.rev` プロジェクトまたはバックアップ ファイルはサポートされていません。
はい。アートボード、アニメーション、ステート マシンを切り替えて、公開されたブール値、数値、トリガー入力をライブ ランタイムでテストできます。
はい。イベント レコーダーは、選択、実行時イベント、入力変更、およびタイムライン アクティビティをキャプチャするローカル JSON セッション サマリーをダウンロードできます。
このツールが自然に適合する実際のワークフローを確認し、すぐに対応するガイドに進みます。
プレビュー スパイン JSON、アトラス、および PNG は、再生、スキン、速度、およびデバッグ コントロールを使用してローカルにエクスポートします。
Unity、Phaser、Cocos、スタイル シート、JSON エクスポート プリセットを使用して、ルース スプライトまたはフォルダーをアトラス シートにパックします。 CSS
構成解析、自動検出、グリッドスライスを使用して、スプライトアトラスシートを個々のPNGスプライトに展開します。
ブラウザーでローカルに実行される高速プライベート画像ツールを使用して、JPG、PNG、および WebP ファイルを圧縮します。
