跳到內容

Corner Pin

Corner Pin 可以變形 Shape,用於建立 3D 透視的錯覺。

照片由 Yüksel Göz 拍攝,來源 Unsplash

Common Attributes +

Bind - 勾選時,Shape 根據 Nulls 的位置變形。未勾選時,可以調整其 Size

Size - 設定 Corner Pin Shape 的尺寸。可用作參考線。

Top Left - 連接一個變換(預設為 Null)。

Top Left Offset - 偏移連接的變換。

Top Right - 連接一個變換(預設為 Null)。

Top Right Offset - 偏移連接的變換。

Bottom Left - 連接一個變換(預設為 Null)。

Bottom Left Offset - 偏移連接的變換。

Bottom Right - 連接一個變換(預設為 Null)。

Bottom Right Offset - 偏移連接的變換。

Bind Selected Shape(按鈕)- 將每個角移動到第一個選中 Shape 的邊界框,並將其綁定到 Corner Pin。

  1. 建立第二個 Composition(Composition 2)。
  2. Assets Window 中雙擊 Composition 2 將其載入 Scene Window
  3. 透過 Composition Settings 將其 Resolution 設為 600 x 800px。
  4. 向 Composition 2 新增一些 Shapes(作為作品)。
  5. Assets Window 中雙擊 Composition 1 將其載入 Scene Window
  6. 建立一個 Corner Pin
  7. 取消勾選 Bind
  8. WidthHeight 設為 600800
  9. Nulls 移動到 Corner Pin Shape 的每個角(使用 Bounding Box Viewport 吸附 來幫助)。
  10. 勾選 Bind
  11. Composition 2Assets Window 拖入 Scene Window,放到 Corner Pin(Shape 本身,不是 Group)上,使其成為 Shape 的子級。
  12. 使用 Select 工具移動 Nulls。

查看一些來自 scenery.io 的範例場景。