Final Step
https://youtu.be/UZkABX0WM_k?list=PL3ZRk7VwZVnizMpkOm2No2FoeitDIaf8f&t=529
デバッグ表示
Viewport右下 ⚙
Draw Debug Informationにチェックを入れると、そのShapeが何番目なのかインデックスが表示される
Color Arrayの作成
カラーパネルのメニューから「Create Array from Palette」を選択
Color Arrayレイヤーが作成される
接続
Color Arrayレイヤーの出力を、各Ellipseグループ(Fill用とStroke用)の「Fill Color」または「Stroke Color」プロパティにドラッグ
これで、インデックスに基づいて色が順番に割り当てられる
アニメーションをずらす
すべての円が同時に動くのではなく、順番に波打つように動かすようにする
Time Offsetの設定:
Duplicatorの属性パネルの最下部にある「Shape Time Offset」を見つける
Behaviorの追加:
このプロパティを右クリックし、「Add Behavior」から「Stagger」を選択
これにより、複製された各シェイプにタイミングのズレが生じ、綺麗なウェーブ状のアニメーションになる
🚨indexの後ろからアニメーションが始まる
ので、indexの前からアニメーションさせたい場合は、Graphを開いて、反転ボタンで反転させる
動画は最初から設定されていたのか、この手順が飛ばされているので注意