🧾
技術規格與決策訊號
在執行 rive-animation-viewer 之前，使用這些規格來驗證工作流程適合性、隱私邊界和輸出期望。
成本
免費工作流程，核心使用無需註冊。
Security
Processing 盡可能在瀏覽器中執行，以減少伺服器上傳暴露。
設備
支援現代桌面和行動瀏覽器。
技術規格
輸入：導出的 Rive `.riv` 執行時期檔案。輸出：瀏覽器內執行時間預覽，包括畫板、動畫、狀態機、輸入、佈局、速度、時間軸、事件記錄器和本機 JSON 審核匯出控制項。
Rive 動畫檢視器
透過動畫播放、狀態機測試、狀態時間軸審查、事件記錄和切換就緒佈局控制在本機預覽 Rive `.riv` 檔案。
選擇或刪除 Rive .riv 文件
透過畫板切換、狀態機輸入、事件記錄和切換就緒佈局控制項在本地預覽互動式 Rive 運行時匯出。
將上傳的「.riv」檔案保留在瀏覽器中，無需 ToolBuddy 伺服器上傳。
使用 OffscreenCanvas 在隔離的工作執行緒內執行 Rive 渲染，以便 ToolBuddy 在執行時間啟動失敗時可以復原。
在一個審閱工作區中展示畫板、動畫、狀態機、輸入和播放速度。
新增狀態時間軸和事件記錄器，以便在 QA 和切換期間更容易解釋運行時行為。
為什麼選擇 ToolBuddy？
沒有檔案上傳
您的「.riv」檔案保留在您的裝置上。
快速運行時預覽
畫布渲染在獨立的預覽工作執行緒內開始。
互動式除錯器
檢查畫板、狀態機、輸入、時間軸事件並查看上下文。
免費，無須註冊
所有工具都是永久免費的。無需帳戶。
了解您的工作流程
支援的文件和 如何使用。
檢查支援的 input/output 詳細資訊並在匯出之前按照工具步驟操作。
🧭
如何使用
檢查支援的 input/output 詳細資訊並在匯出之前按照工具步驟操作。
01
選擇或刪除“.riv”運行時檔案。
02
等待簽章驗證，同時隔離工作執行緒預覽會自動啟動。
03
選擇您想要檢視的畫板、動畫或狀態機。
04
調整目標版面的適合度、對齊方式、比例和畫布背景。
05
使用播放控制、速度和狀態機輸入來驗證互動性。
06
在共享回饋或整合說明之前，請查看狀態時間軸、事件記錄器和切換模式。
指導
學習、決定、 併申請。
了解如何使用 如何在本地查看 Rive 文件、為什麼它在重複工作流程中很重要，以及何時自信地使用此工具。
✨
狀態機審查與運行時調試
- 將上傳的「.riv」檔案保留在瀏覽器中，無需 ToolBuddy 伺服器上傳。
- 使用 OffscreenCanvas 在隔離的工作執行緒內執行 Rive 渲染，以便 ToolBuddy 在執行時間啟動失敗時可以復原。
- 在一個審閱工作區中展示畫板、動畫、狀態機、輸入和播放速度。
- 新增狀態時間軸和事件記錄器，以便在 QA 和切換期間更容易解釋運行時行為。
- 包括用於嵌入測試的佈局、比例、背景和檢查器覆蓋。
- 允許審閱者匯出本機 JSON 會話摘要，而無需共用原始檔。
🎯
在整合之前測試 Rive 切換
- 在新增運行時程式碼之前測試互動式 Rive 元件。
- 驗證從 Rive 匯出的畫板、動畫和狀態機。
- 檢查設計人員到開發人員交接期間的狀態轉換和輸入變更。
- 檢查 Web、應用程式、遊戲或無程式碼嵌入的佈局行為。
- 匯出本機 JSON 審核工作階段以進行偵錯或 QA 後續工作。
關於
關於 Rive 動畫檢視器
Rive 檢視器線上Rive 動畫檢視器Rive 狀態機檢視器
預覽匯出的 Rive 執行時間文件
Rive 動畫檢視器直接在瀏覽器中開啟匯出的「.riv」執行階段文件，以便設計人員、開發人員和 QA 審查者可以檢查將發布的確切執行時間資產。
該工具會在將文件緩衝區的副本傳遞給獨立的工作預覽之前驗證「RIVE」binary 簽名，這樣即使運行時載入失敗，主頁也能保持回應。
檢查畫板、動畫和狀態機
在匯出的畫板之間切換、選擇動畫剪輯並從一個本地審查工作區運行狀態機，而不是在多個測試表面之間切換。
預覽使選擇上下文在畫布上可見，而檢查器疊加會匯總簽名、計數和畫板尺寸，以進行快速健全性檢查。
測試互動式輸入並審查行為
當狀態機公開輸入時，您可以在即時運行時切換布林值、編輯數字和觸發觸發器，而無需先編寫整合程式碼。
狀態時間軸和事件記錄器面板使這些互動在 QA、審查和工程師交接期間更容易解釋，因為選擇、運行時事件和狀態變更保持可見。
檢查佈局、速度和背景行為
適合、對齊、縮放、速度和背景控制有助於驗證動畫在真實產品表面中的坐姿和感覺。
響應式畫布調整大小使預覽在桌面和行動裝置上保持有用，而切換模式則將面板剝離到最重要的審查介面。
將預覽保留在本地並共享結構化審查筆記
上傳的「.riv」檔案在本機讀取，不會上傳到 ToolBuddy 伺服器。事件記錄器可以匯出本機 JSON 審核快照，而無需將來源動畫複製到後端。
隔離的工作人員從 Rive CDN 載入 Rive 畫布運行時間和 WASM；如果「.riv」引用 Rive 託管的資產，運行時可能會取得這些資產以完成預覽。
我的 Rive 檔案是否上傳到伺服器？
否。 Rive 動畫檢視器在本機上讀取「.riv」檔案並呈現在瀏覽器中。
支援哪些文件？
工具支援匯出的 Rive 執行時間「.riv」檔案。不支援可編輯的“.rev”項目或備份檔案。
我可以查看狀態機和輸入嗎？
可以。您可以切換畫板、動畫和狀態機，然後在即時運行時測試公開的布林值、數位和觸發器輸入。
我可以匯出審核會話嗎？
可以。事件記錄器可以下載本機 JSON 會話摘要，以擷取選擇、執行時間事件、輸入變更和時間軸活動。