跳转到内容

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 的示例场景。