Cavalry 程式驅動動畫入門教學：用節點系統打造生成式動態設計
身為一個做了好幾年動態設計的人，我必須承認，第一次打開 Cavalry 的時候是有點不知所措的。畫面上沒有傳統的時間軸關鍵幀，取而代之的是一堆節點和連線。但真正上手之後，我才理解為什麼越來越多動態設計師開始從 After Effects 轉向這類工具——程式驅動動畫帶來的可能性，是傳統關鍵幀動畫很難企及的。
這篇文章會帶你認識 Cavalry 這套節點式動畫軟體，從基本概念到實際操作，讓你對生成式動態設計有一個完整的認識。如果你已經有 After Effects 動態設計的基礎，學起來會更快。
Cavalry 是什麼？為什麼它值得關注？
Cavalry 是一套由英國團隊 Scene Group 開發的 2D 動畫軟體，主打「程式驅動」（Procedural）的製作方式。跟 After Effects 最大的不同在於，Cavalry 的一切都建立在節點系統之上。你不是手動設定每一個關鍵幀，而是透過節點之間的邏輯關係來「描述」動畫應該怎麼運作。
這聽起來可能有點抽象，讓我舉個具體的例子。假設你要做一個由 500 個圓點組成的波浪動畫。在 After Effects 裡，你可能需要寫 expression 或者用外掛來控制每個點的位置。但在 Cavalry 裡，你只需要：建立一個「複製器」節點產生 500 個圓點，再接上一個「波形」節點來驅動位置變化。整個過程不到一分鐘，而且隨時可以把 500 改成 5000，動畫邏輯完全不用動。
什麼是程式驅動動畫？
程式驅動動畫（Procedural Animation）的核心理念是：用規則和參數來定義動畫，而不是逐幀手動設定。這不是什麼全新的概念——Houdini 在 3D 領域已經推廣這個理念很多年了。但在 2D 動態設計的領域，一直缺少一個好用的程式驅動工具，直到 Cavalry 的出現。
程式驅動的優勢在於幾個面向：
- 高度可擴展：設計好邏輯之後，不管是 10 個元素還是 10000 個元素，工作量幾乎一樣
- 快速迭代：改一個參數就能看到完全不同的效果，非常適合探索設計方向
- 一致性：用同一套邏輯生成的動畫，天然就有視覺上的一致性
- 資料驅動：可以直接連接外部資料（CSV、JSON、API），讓資料決定動畫內容
Cavalry 核心概念解析
節點（Nodes）與連線
Cavalry 的一切都是節點。形狀是節點、顏色是節點、數學運算也是節點。你透過連線把這些節點串起來，建立資料流的路徑。左邊的節點把資料「傳出去」，右邊的節點「接收」資料並做進一步處理。
常用的節點類型包括：
- Shape 節點：矩形、橢圓、多邊形、路徑等基本形狀
- Duplicator 節點：複製器，把一個形狀複製成陣列、網格或沿路徑排列
- Deformer 節點：變形器，對形狀施加扭曲、噪聲、波動等效果
- Math 節點：數學運算，做加減乘除、三角函數、映射等計算
- Noise 節點：噪聲產生器，提供有機的隨機變化
行為（Behaviors）
行為是 Cavalry 中驅動動畫的核心機制。你可以把行為想成「附加在屬性上的小程式」。最常用的行為包括：
- Time：最基本的行為，讓數值隨時間線性變化
- Spring：彈簧行為，數值變化會有彈性緩衝效果
- Noise：噪聲行為，產生平滑的隨機變化
- Expression：自定義 JavaScript 表達式，完全自由控制
場景與圖層結構
雖然 Cavalry 是節點驅動，但它保留了圖層的概念來管理視覺堆疊順序。你可以在 Scene 面板中看到所有的視覺元素，用拖曳的方式調整上下層級。這對於有 After Effects 背景的設計師來說相對親切。
實作：你的第一個生成式動畫
說得再多不如動手做。我們來用 Cavalry 建立一個經典的生成式動畫：噪聲驅動的粒子場。
步驟一：建立基本形狀陣列
打開 Cavalry，在 Scene 面板中建立一個 Ellipse（橢圓）節點，把大小設為 10×10 像素。接著建立一個 Grid Duplicator（網格複製器），把橢圓拖進複製器中。設定行列數為 30×30，間距為 25 像素。你會看到畫面上出現 900 個整齊排列的小圓點。
步驟二：加入噪聲驅動
現在來讓這些點動起來。建立一個 Perlin Noise 節點，把輸出連接到複製器的 Position Offset。調整噪聲的 Scale 參數到 0.05 左右，Amplitude 設為 30。按下播放鍵，你就能看到所有點像海浪一樣流動。
這裡的關鍵是 Perlin Noise 的特性——它產生的是「平滑的」隨機值，相鄰的點會有相似的偏移量，所以看起來像自然的波動而不是雜亂的閃爍。
步驟三：動態色彩映射
最後加上色彩。建立一個 Color Ramp 節點，定義一個從深藍到亮青色的漸層。把 Perlin Noise 的輸出同時連接到 Color Ramp 的輸入端。這樣每個點的顏色會根據它的噪聲值動態變化——位移大的點偏亮，位移小的點偏暗。
整個動畫只用了大約 5 個節點，但效果相當驚豔。如果你學過 After Effects 動態字體排版，就會知道要在 AE 裡達到同樣的效果需要費多少功夫。
Cavalry vs After Effects：什麼時候該用哪個？
這大概是最多人關心的問題。我的看法是：兩者不是替代關係，而是互補的。
| 需求 | 推薦工具 | 原因 |
|---|---|---|
| 大量重複元素的動畫 | Cavalry | 複製器 + 程式驅動，效率碾壓手動設定 |
| 資料視覺化動畫 | Cavalry | 原生支援資料匯入和映射 |
| 精緻的角色動畫 | After Effects | 關鍵幀控制更精細，外掛生態更成熟 |
| 影片合成與特效 | After Effects | Cavalry 不支援影片圖層 |
| 互動式動畫原型 | Cavalry 或 Rive | 即時預覽和參數調整更方便 |
| Web 互動動畫 | Rive | 原生支援 Web 匯出和互動邏輯 |
如果你的工作主要是社群媒體的動態圖卡、資訊圖表動畫、品牌視覺系統的動態元素，Cavalry 會是非常強大的選擇。但如果你需要做影片後期合成或角色動畫，After Effects 仍然是首選。
進階應用場景
一旦熟悉了基本的節點操作，Cavalry 能做到的事情遠超你的想像：
- 品牌動態系統：建立一套參數化的品牌動態模板，只要調整品牌色和 Logo，整套動畫自動更新。很多設計公司已經在用這個方式大幅提升產出效率。
- 音訊反應動畫：Cavalry 可以匯入音訊檔案，直接用音量、頻率等數據驅動視覺元素。做音樂視覺化或 Podcast 封面動畫特別方便。
- 資料驅動的資訊圖表：匯入 CSV 或 JSON 資料，Cavalry 會自動根據數據生成對應的圖表動畫。資料一更新，動畫跟著更新。
- 生成藝術：利用各種噪聲函數、碎形演算法和隨機種子，每次渲染都能產生獨一無二的視覺作品。
結語：程式驅動動畫是動態設計的下一步
Cavalry 代表了動態設計工具的一個重要趨勢：從手動操作走向規則定義，從逐幀調整走向參數化控制。這不是說傳統的關鍵幀動畫會消失——它依然有不可取代的價值。但對於需要大量、快速、可擴展的動態內容生產，程式驅動的方法明顯更有效率。
如果你還沒試過 Cavalry，建議從官網下載免費版開始玩。跟著本文的實作步驟建立你的第一個生成式動畫，感受一下節點系統的威力。也別忘了回頭看看我們的 After Effects 動態設計完整指南，把兩個工具的優勢都收入你的技能樹裡。
動態設計這個領域一直在快速演變，保持學習新工具的好奇心，才能在這個行業裡持續保持競爭力。下一篇我們會深入探討更多生成式動畫的進階技巧，敬請期待。