跳到內容

範例檔案

下載一系列範例場景檔案,開始在 Cavalry 中創作。以下所有範例均可透過 Scenery 下載——這是關於 Cavalry 所有內容的社群。

Scenery 是一個第三方平台,與 Scene Group 無附屬關係——但我們全力支持!如果可以的話,請考慮成為贊助者,幫助將 Scenery 提升到更高水準,提供更多學習材料和高品質資源。

該範例使用了 Text Shape,搭配一個設定為 TransitionString Manipulator。拖曳 Percentage 即可將 Text Shape 上的字串轉換為 Manipulator 中 Final Text 輸入的字串。String Array 用於透過 Duplicator 建立多行文字。將 Group 作為 Duplicator 的 Input Shape 使用時,彩色背景也會被複製並根據文字寬度自動調整大小。

一根 Line Shape 連接到 Duplicator。然後使用 Oscillator 作為 LineDeformer(勾選 Use Normals)。接著將 Stagger 連接到 Oscillator 的 Frequency,使每條線產生偏移。檢視這個教學,了解如何在一分鐘內完成此效果。

將一個 Circle 用作 DuplicatorInput ShapeDistribution 設定為 Point。然後使用 Stagger Behaviour 來錯開每個複製圓的 Radius。再將 Oscillator 連接到 Duplicator 的 Shape Position。拖曳 Oscillator 上的 Stagger 值來改變效果。

一根 Basic Line(旋轉 45º)放在 Group 下(因為 Duplicator 會忽略頂層的形狀變換)。然後將 Group 新增到 Duplicator。我們使用一個值為 090Value Array,然後用一個 Value Behaviour(帶有 Falloff)連接到其 Array Index。Falloff 在這兩個值之間起到開關的作用。還有一個 JS Math 節點用於在線條 Length 和網格分佈的 Size 屬性之間建立關係。這並非必須,但意味著當線條長度改變時,分佈大小也會更新。😎

這是 Rig ControlKeyframe Layers 功能的示範。建議檢視相關連結了解其組合方式。😉

使用 Duplicator 將點排列成環形。Path DistributionInput Path(一個圓)被 Noise Behaviour 變形。然後使用 Falloff 來決定 Noise 的強度。

透過 Point Distribution 複製 Arc,使用 Value Array 指定其旋轉角度使其相對放置。然後該 Duplicator 進入第二個 Duplicator 形成簡單圖案,透過 Shape Rotation 屬性進行動畫處理。動畫曲線在 Graph Editor 中設定為 Loop with Offset

CircleOverlay Blend Mode 上套用了 Gradient Shader(設為 Conical)。它還有一個 Blur Filter,其 Amount 連接了 Oscillator。調整 Oscillator 上的 Stagger 屬性來改變偏移值。

小心 👀!Circle 被另一個圓(Mask)遮罩。Mask 的 Position.x 連接到 Stagger Behaviour。然後使用 Oscillator 對 Stagger 的 Maximum 屬性進行動畫處理。一個 Duplicator 建立水平佈局,另一個縱向堆疊。然後使用連接到垂直 Duplicator 的 Shape Rotation 的 Modulate 建立圖案(0, 180)以交替翻轉各行。

一個使用 Cavalry 模擬 UI 元素的範例。Value2 連接到 Drop Shadow FilterOffsetValue 2 上新增了 Falloff。Falloff 範圍內的任何內容接收 Value,範圍之外的內容則不會(請注意,我們新增了 Offset2 以確保始終有一些陰影)。將 Falloff 移動到每個形狀上方會產生按鈕被按下的效果。

矩形透過 Frame 進行旋轉。然後沿 Rectangle(路徑)使用 Path Distribution 進行複製。注意矩形上勾選了 Vectorise 並設定了一些 Edge Divisions。這將圓角從貝茲曲線轉換為「線條」,以改善 Noise 產生的變形效果。

這個範例更像是一個「裝備」。透過一些 ValueValue2 Behaviour 將 Null 連接到各個圖層。這些用作 Mask(月亮)的 Position、Line(太陽)的 LengthDuplicator(星星)的 Count 以及 Color(天空)的乘數。透過左右移動 Null,場景從夜晚過渡到白天。注意 Null 的 position.y 使用 Limit Position 屬性「鎖定」。靈感來自這篇文章

透過 Sub-Mesh DistributionQuad Tree Shape 進行複製,以定位和縮放其他合成。此範例還展示了如何透過使用 Noise 和 Random Behaviour 改變 3 個輸入形狀來創造複雜性。

RectangleText Shape 分組(Items),然後新增到設定為 Linear DistributionDuplicator 中。然後匯入 Google Sheet 並連接到 3 個獨立的 Spreadsheet Utility。然後在每個 Spreadsheet 上設定 Label、Value 和 Color(連結的 Google Sheet 中第一列的名稱)的 Column Title。每個 Spreadsheet 連結到長條圖的 HeightColor,以及標籤的 Text。注意 Value Spreadsheet 使用 Number Range 進行重對應,將資料中相對較大的值轉換為適合合成範圍的值。將 Align Behaviour 連接到長條圖的 Deformer 屬性,使其底部保持不動。