範例檔案
下載一系列範例場景檔案,開始在 Cavalry 中創作。以下所有範例均可透過 Scenery 下載——這是關於 Cavalry 所有內容的社群。
Scenery 是一個第三方平台,與 Scene Group 無附屬關係——但我們全力支持!如果可以的話,請考慮成為贊助者,幫助將 Scenery 提升到更高水準,提供更多學習材料和高品質資源。
Text, Sleep, Repeat
标题为“Text, Sleep, Repeat”的章节該範例使用了 Text Shape,搭配一個設定為 Transition 的 String Manipulator。拖曳 Percentage 即可將 Text Shape 上的字串轉換為 Manipulator 中 Final Text 輸入的字串。String Array 用於透過 Duplicator 建立多行文字。將 Group 作為 Duplicator 的 Input Shape 使用時,彩色背景也會被複製並根據文字寬度自動調整大小。
Infrequency
标题为“Infrequency”的章节一根 Line Shape 連接到 Duplicator。然後使用 Oscillator 作為 Line 的 Deformer(勾選 Use Normals)。接著將 Stagger 連接到 Oscillator 的 Frequency,使每條線產生偏移。檢視這個教學,了解如何在一分鐘內完成此效果。
Concentrick
标题为“Concentrick”的章节將一個 Circle 用作 Duplicator 的 Input Shape,Distribution 設定為 Point。然後使用 Stagger Behaviour 來錯開每個複製圓的 Radius。再將 Oscillator 連接到 Duplicator 的 Shape Position。拖曳 Oscillator 上的 Stagger 值來改變效果。
Mazin
标题为“Mazin”的章节一根 Basic Line(旋轉 45º)放在 Group 下(因為 Duplicator 會忽略頂層的形狀變換)。然後將 Group 新增到 Duplicator。我們使用一個值為 0 和 90 的 Value Array,然後用一個 Value Behaviour(帶有 Falloff)連接到其 Array Index。Falloff 在這兩個值之間起到開關的作用。還有一個 JS Math 節點用於在線條 Length 和網格分佈的 Size 屬性之間建立關係。這並非必須,但意味著當線條長度改變時,分佈大小也會更新。😎
Joy Rig
标题为“Joy Rig”的章节這是 Rig Control 和 Keyframe Layers 功能的示範。建議檢視相關連結了解其組合方式。😉
Ring Ting
标题为“Ring Ting”的章节使用 Duplicator 將點排列成環形。Path Distribution 的 Input Path(一個圓)被 Noise Behaviour 變形。然後使用 Falloff 來決定 Noise 的強度。
Interlink
标题为“Interlink”的章节透過 Point Distribution 複製 Arc,使用 Value Array 指定其旋轉角度使其相對放置。然後該 Duplicator 進入第二個 Duplicator 形成簡單圖案,透過 Shape Rotation 屬性進行動畫處理。動畫曲線在 Graph Editor 中設定為 Loop with Offset。
Focus
标题为“Focus”的章节Circle 在 Overlay Blend Mode 上套用了 Gradient Shader(設為 Conical)。它還有一個 Blur Filter,其 Amount 連接了 Oscillator。調整 Oscillator 上的 Stagger 屬性來改變偏移值。
Optical Art
标题为“Optical Art”的章节小心 👀!Circle 被另一個圓(Mask)遮罩。Mask 的 Position.x 連接到 Stagger Behaviour。然後使用 Oscillator 對 Stagger 的 Maximum 屬性進行動畫處理。一個 Duplicator 建立水平佈局,另一個縱向堆疊。然後使用連接到垂直 Duplicator 的 Shape Rotation 的 Modulate 建立圖案(0, 180)以交替翻轉各行。
Button
标题为“Button”的章节一個使用 Cavalry 模擬 UI 元素的範例。Value2 連接到 Drop Shadow Filter 的 Offset。Value 2 上新增了 Falloff。Falloff 範圍內的任何內容接收 Value,範圍之外的內容則不會(請注意,我們新增了 Offset 為 2 以確保始終有一些陰影)。將 Falloff 移動到每個形狀上方會產生按鈕被按下的效果。
See
标题为“See”的章节矩形透過 Frame 進行旋轉。然後沿 Rectangle(路徑)使用 Path Distribution 進行複製。注意矩形上勾選了 Vectorise 並設定了一些 Edge Divisions。這將圓角從貝茲曲線轉換為「線條」,以改善 Noise 產生的變形效果。
Night and Day
标题为“Night and Day”的章节這個範例更像是一個「裝備」。透過一些 Value 和 Value2 Behaviour 將 Null 連接到各個圖層。這些用作 Mask(月亮)的 Position、Line(太陽)的 Length、Duplicator(星星)的 Count 以及 Color(天空)的乘數。透過左右移動 Null,場景從夜晚過渡到白天。注意 Null 的 position.y 使用 Limit Position 屬性「鎖定」。靈感來自這篇文章。
Quad Tree
标题为“Quad Tree”的章节透過 Sub-Mesh Distribution 和 Quad Tree Shape 進行複製,以定位和縮放其他合成。此範例還展示了如何透過使用 Noise 和 Random Behaviour 改變 3 個輸入形狀來創造複雜性。
Data
标题为“Data”的章节將 Rectangle 和 Text Shape 分組(Items),然後新增到設定為 Linear Distribution 的 Duplicator 中。然後匯入 Google Sheet 並連接到 3 個獨立的 Spreadsheet Utility。然後在每個 Spreadsheet 上設定 Label、Value 和 Color(連結的 Google Sheet 中第一列的名稱)的 Column Title。每個 Spreadsheet 連結到長條圖的 Height 和 Color,以及標籤的 Text。注意 Value Spreadsheet 使用 Number Range 進行重對應,將資料中相對較大的值轉換為適合合成範圍的值。將 Align Behaviour 連接到長條圖的 Deformer 屬性,使其底部保持不動。