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 會是非常強大的選擇。但如果你需要做影片後期合成或角色動畫，After Effects 仍然是首選。

進階應用場景

一旦熟悉了基本的節點操作，Cavalry 能做到的事情遠超你的想像：

1. 品牌動態系統：建立一套參數化的品牌動態模板，只要調整品牌色和 Logo，整套動畫自動更新。很多設計公司已經在用這個方式大幅提升產出效率。
2. 音訊反應動畫：Cavalry 可以匯入音訊檔案，直接用音量、頻率等數據驅動視覺元素。做音樂視覺化或 Podcast 封面動畫特別方便。
3. 資料驅動的資訊圖表：匯入 CSV 或 JSON 資料，Cavalry 會自動根據數據生成對應的圖表動畫。資料一更新，動畫跟著更新。
4. 生成藝術：利用各種噪聲函數、碎形演算法和隨機種子，每次渲染都能產生獨一無二的視覺作品。

結語：程式驅動動畫是動態設計的下一步

Cavalry 代表了動態設計工具的一個重要趨勢：從手動操作走向規則定義，從逐幀調整走向參數化控制。這不是說傳統的關鍵幀動畫會消失——它依然有不可取代的價值。但對於需要大量、快速、可擴展的動態內容生產，程式驅動的方法明顯更有效率。

如果你還沒試過 Cavalry，建議從官網下載免費版開始玩。跟著本文的實作步驟建立你的第一個生成式動畫，感受一下節點系統的威力。也別忘了回頭看看我們的 After Effects 動態設計完整指南，把兩個工具的優勢都收入你的技能樹裡。

動態設計這個領域一直在快速演變，保持學習新工具的好奇心，才能在這個行業裡持續保持競爭力。下一篇我們會深入探討更多生成式動畫的進階技巧，敬請期待。