2Dノードに3Dパースペクティブ効果を作成する

Perspective Transformation プロパティを使用して、2Dノードに3Dパース効果を作成します。Layout Transformation Rotation プロパティフィールドを使用すると、ノードをz軸を中心に2D空間内でのみ回転させることができます。Perspective Transformation Rotation X、Y、および Z プロパティフィールドを使用すると、2Dノードを3つの軸すべてで回転させ、3Dパース効果を作成できます。

Perspective Transformation プロパティは、レイアウトパスを適用した後、ノードをレンダリングする前にノードを変換します。

2Dノードに3Dパースペクティブ効果を作成するには:

  1. Node Tree で、3Dパース効果を作成したい2Dノードを作成または選択します。例えば、Image ノードを作成します。

    ../../_images/image-in-project.png ../../_images/image-in-preview.png
  2. Properties に Perspective Transformation プロパティを追加します。

    ../../_images/add-perspective-transformation-property.png
  3. Perspective Transformation プロパティセットの Properties で:

    • ノードをx軸周りに回転させたい度数に Rotation X します。

    • Rotation Y をノードをy軸周りに回転させたい度数に設定します。

    • Rotation Z をノードをz軸周りに回転させたい度数に設定します。

    例えば、Perspective Transformation Rotation Y プロパティフィールドを45に設定して、画像をy軸を中心に45度回転させます。

    ../../_images/perspective-transformation-properties.png ../../_images/image-perspective-y-rotated-in-preview.png
  4. (オプション) で、Properties に Render Transformation Origin プロパティを追加し、次のように設定します:

    • X を x 軸上で原点を設定したいノード幅のパーセンテージにします。

    • Y を y 軸上で設定したいノードの高さの割合にします。

    Kanzi ではデフォルトで、すべての2Dノードの原点はノードの左上隅にあります。ノードの原点を設定するには、Render Transformation Origin プロパティを使用します。

    例えば、ノードをy軸周りに回転させるために Perspective Transformation プロパティを設定する場合、ノードを水平中心点周りに回転させるには、Render Transformation Origin X プロパティフィールドを0.5に設定します。

    ../../_images/render-transformation-origin.png

関連項目

2Dノードの外観の調整

2Dノードにカスタムレンダリングを適用する