はじめに
Rive を使用するチームは、多くの場合、デザイン エディター内の編集可能なプロジェクトだけでなく、エクスポートされたランタイム ファイルを正確にレビューするための軽量な方法を必要とします。開発者、QA レビュー担当者、関係者が統合を開始する前にステート マシンの動作を検証する必要があると、その要件はさらに高まります。
ToolBuddy の Rive アニメーション ビューアは、そのレビュー段階用に構築されています。エクスポートされた `.riv` ファイルをブラウザーで直接開き、ファイルをデバイス上でローカルに保持し、ハンドオフ中に重要なアートボード、アニメーション、ステート マシン、およびランタイム入力を公開します。
この概要では、ToolBuddy Rive アニメーション ビューアの最も便利な機能と、それらの機能によりチームにとってインタラクティブなアニメーション レビューがより速く、明確で、より安全になる理由について説明します。
サーバーアップロードステップなしのローカル `.riv` ランタイムレビュー
最も重要な利点はプライバシーです。ビューアは、エクスポートされた `.riv` ランタイム ファイルを ToolBuddy サーバーに送信して処理するのではなく、ブラウザ内でローカルに読み取ります。これにより、リリース前の製品アニメーション、ブランドのモーション システム、NDA で保護された資産をレビューする際の露出が軽減されます。
このローカルファーストモデルにより、アップロードの待ち時間も解消されます。ツール シェルがロードされたら、「.riv」ファイルをページにドロップして、プレビュー、検査、および対話テストに直接進むことができます。
- エクスポートされた Rive ランタイム ファイルのローカル ファイル読み取り。
- 標準レビュー ワークフローには、ToolBuddy 側のアセットのアップロードは必要ありません。
- 複数のランタイム エクスポートを比較する際の反復が高速化されました。
アートボード、アニメーション、ステート マシンを 1 か所で切り替える
単一の Rive エクスポートには、複数のアートボード、タイムライン アニメーション、および 1 つ以上のステート マシンが含まれる場合があります。レビュー担当者は、どのサーフェスまたはモーション パスがアクティブであるかを確認するためだけにテスト シーンを再構築する必要はありません。
ToolBuddy ビューアは、これらのランタイム選択をプレビュー コントロールに直接表示します。現在のセッションを離れることなく、アクティブなアートボードを交換したり、検査中のアニメーションを変更したり、別のステート マシンに移動したりすることができます。
- マルチサーフェスエクスポート用のアートボードの選択。
- クリップを直接レビューするためのアニメーション切り替え。
- 動作固有の検証のためのステートマシンの選択。
実際の対話型レビューのためのステートマシン入力テスト
インタラクティブな Rive ファイルは単なるリニア アニメーションではありません。これらは多くの場合、アプリまたはゲームのランタイムにおけるステート マシンの動作を変更するブール値、数値、トリガー入力に依存します。
ビューアはこれらのランタイム入力を公開するため、レビュー担当者は製品コードが書き込まれる前に対話をシミュレートできます。これにより、設計者は予想される移行を確認し、QA がエッジ ケースを文書化し、エンジニアに実装のためのより明確な契約を与えることができます。
- ライブランタイム再生中にブール入力を切り替えます。
- 入力数を調整して、しきい値ベースの遷移をテストします。
- トリガー入力を起動してイベント駆動状態を検証します。
タイムラインの可視性とイベント記録によりハンドオフの品質が向上
ランタイム自体が説明できると、アニメーションのレビューが簡単になります。状態タイムラインにより遷移を追跡しやすくなり、イベント レコーダーはセッション中の選択、状態変化、速度更新、および入力アクティビティをキャプチャします。
これは、ハンドオフの場合に特に役立ちます。レビュー担当者は、「ホバー状態が遅れているように見える」などのあいまいなメモを送信する代わりに、問題が発生したときにどのアートボード、アニメーション、ステート マシン、入力がアクティブであったかを示す構造化されたランタイム セッションをキャプチャできます。
- 再生および対話履歴のランタイム イベント ログ。
- 移行に重点を置いたレビューのためのステートタイムラインコンテキスト。
- QA および開発者フォローアップのためのローカル JSON レビューのエクスポート。
統合前のレイアウト、スケール、速度、キャンバスのチェック
モーション アセットは内部的には正しい場合がありますが、最終サーフェスではまだ間違っていると感じられます。ビューアには、フィット、配置、スケール、速度、キャンバスの背景のコントロールが含まれているため、チームは Rive アセットがさまざまな埋め込みコンテキストでどのように動作するかを確認できます。
これらのコントロールは、ビューアを実用的な統合前のチェックポイントに変えます。デザイナーは構成を検証し、製品チームはペーシングを確認し、エンジニアは実装の引き継ぎガイダンスとしてレイアウトの決定を使用できます。