シェイプを魔改造

チュートリアル

成果物

ポイント

• 円を作ってstroke > dashes > +を２回
  • 線分の長さと感覚を調節できるようになる

• gapのエクスプレッション

dia = content("Ellipse 1").content("Ellipse Path 1").size[0];
dash=content("Ellipse 1").content("Stroke 1").dash.dash;
dia*3.14/3 -dash;

• offsetのエクスプレッション

content("Ellipse 1").content("Stroke 1").dash.dash /2;

expression Controls

• 自分で変数定義のようなことができる。ここではslider controlを追加する

• ４つの変数を定義する
  • 初期値を適当にいれる

• 変数割当
  • ここで作った変数を外部から参照する
  • 例えば以下はSizeにdiaの値を２つ参照した

• 線幅

• 線分

• Gapのエクスプレッションもsepcountを参照するように変更
  • 円周率もMath.PIに変更

dia = content("Ellipse 1").content("Ellipse Path 1").size[0];
dash=content("Ellipse 1").content("Stroke 1").dash.dash;
dia*Math.PI/effect("sepcount")("Slider") -dash;

変数を使うと何が嬉しい？

• レイヤーごとにここで定義した変数も保持されている

• なのでレイヤーを複製することによって簡単に以下のようなシェイプを作れる
  • 60分割
  • 12分割
  • 12分割 -> 先端をroundにして円に

animation presetとして保存

• AnimationPresetとして名前をつけて保存しておくことで、以降このPresetを他のプロジェクトでも使うことができる。

感想

• public変数がインスペクターに出てくるUnityのような機能
• 調節や再利用がしやすくなるのが嬉しい