目前 Rive 還沒有官方專門為 Vue 框架提供的「Vue-specific runtime」

[leechiuhui]

@bestian 老師 和 @Tofuswang 豆腐好：

根據https://help.rive.app/runtimes/overview/vue 這裡的說明(如下圖)

，理解到目前 Rive 還沒有官方專門為 Vue 框架提供的「Vue-specific runtime」

但是經測試，我確認已經可以用下圖這段程式碼嵌入Rive的動畫。

但是我目前不太知道和不確定的是：
如果目前 Rive 還沒有官方專門為 Vue 框架提供的「Vue-specific runtime」的話，
不知道可不可以做到[這篇文]提到的

1、跨平台互動播放器：### 可以根據使用者的行為，播放對應的動畫

和

2、### 貓咪的手會根據游標的位置和停留時間，而有不同動作。

和

3、### 「根據使用者的行為，決定該切換到哪一個動畫，即動畫師設計狀態，並根據條件（游標位置、長按、點擊等）觸發。

我在想：如果接下來我們測試用Ｖue程式碼操作Rive達到「根據使用者的行為，播放對應的動畫的話」是可行的話，我可以負責去升級Rive的協作為Voyager方案（可無限的文件和專案）....

再看看Bestian老師和豆腐和大家的意見如何....感謝～：））

[bestian]

@leechiuhui

個人的看法是，如果只是網頁上簡單的event-driven animation，像Rive首頁上的爪子，可以用疊圖、vue的:class和css的transition, animation來實現。
我想Rive的強效是可以做有結構較複雜或時間軸較長的animation.

因為我之前只學過Flash的影格和補間, 以及css的transition, animation，還不確定整合這兩者的Rive可以拿來做什麼題目。

建議先合作把這個小題目的後半部設計完成，這只需要影格和補間，不需要event-driven.
等新的題目出現，再考慮升級方案，可以節省一些開銷~

草稿1

[bestian]

另外這個模板可以參考看看，好像是用vue的state managent來搭配Rive動畫，兩者我都不熟，只有模糊的概念
可能要做具體的題目，才能練出功力~

https://github.com/flowreaction/rive-vue