Corner Pin

概要

Corner Pin は Shape を変形し、3D 透視の錯覚を作成するために使用できます。

写真: Yüksel Göz (Unsplash)

UI

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. 2 つ目の 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. Width と Height を 600 と 800 に設定する。
9. Nulls を Corner Pin Shape の各コーナーに移動する（Bounding Box Viewport スナップ を利用）。
10. Bind をチェックする。
11. Composition 2 を Assets Window から Scene Window にドラッグし、Corner Pin（Shape 本体、Group ではない）にドロップして Shape の子にする。
12. Select ツールで Nulls を移動する。

scenery.io のサンプルシーンをチェックしてください。