前言
學習 Rive 跟學習 AE 有很大的差別。
Rive 這個工具橫跨了設計、動畫、互動邏輯、程式、資料管理等多個領域，光靠 AE 動畫的直覺來學習很容易就撞牆。
而我認為初學 Rive 的關鍵，是先掌握全局觀。
如果不先搞懂全局觀，只是照抄網路上教程，一旦脫離教程就容易卡關，因為你不知道怎麼變通。但如果你融會貫通，不管面對什麼樣的專案，你都能自己拆解問題、找到解法。
如果要用一張圖把 Rive 的全局觀講清楚，我會用下圖這種方式來看：
我會帶你一一認識圖裡的四個概念：
State Machine
Listener
View Model
Runtime
搞懂它們各自在做什麼、彼此怎麼協作。
時間 vs 狀態
在 After Effects 裡，你控制的是時間。你決定動畫在第幾秒開始、第幾秒結束，時間軸從左跑到右，一切都是線性的。
但在 Rive 裡，你控制的是狀態。因為互動動畫不是一次性播放，而是會根據使用者行為改變狀態。
Rive 的核心概念可以用一句話說明：
「當發生什麼事時，它就做什麼事。」
這個「什麼事」，可以是滑鼠點擊、某個 trigger 被觸發 、某個數值改變、畫布大小改變……
舉個簡單的例子，假設你要做一個按鈕動畫：
1. 當滑鼠移進來 → 按鈕 scale 變大
2. 當滑鼠移出去 → 按鈕 scale 恢復原來大小
3. 當滑鼠點擊 → 按鈕 scale 發生回彈
這三個情境就直接對應了「當發生什麼事時，它就做什麼事。」
這樣思考的時候，你會發現你自然在關注的是「按鈕現在是什麼狀況」，也就是它的狀態。
現在是什麼狀態？
發生了什麼事？
接下來要去哪個狀態？
在 Rive，你從一開始就在設計這些狀態之間的關係，這個概念就是 State Machine。
下一篇，我們會進入第一個核心概念 State Machine：Rive 用來管理狀態的機制。