アニメーションカーブの編集

「Curves 」ビューには、アニメーション範囲にわたるアニメーションプロパティの補間値が表示されます。

アニメーションカーブを編集すると、基盤となるシステムがアニメーションの定義に使用するイージングカーブも暗黙的に編集されます。アニメーションカーブは、キーフレームの値とキーフレーム間の補間を同時に可視化するための拡張機能です。

キーフレーム間の補間を適用する

ツールバーのボタンを使用して、キーフレーム間に「Linear 」、「Step 」、または「Spline 」の補間を追加できます。

キーフレーム間に補間を適用するには：

1. キーフレームを選択します。複数のキーフレームを選択するには、Ctrl キーを押したままキーフレームを選択します。
2. 使用する補間方法に応じて、「 」（Linear ）、「 」（Step ）、または「 」（Spline ）を選択します。

補間を「Spline 」に設定すると、Curves にハンドルが表示され、これを使用してカーブを調整できます。「 」（Unify ）を選択すると、キーフレームの左側のハンドルが右側のハンドルに連動するようになり、左側のハンドルを動かすと右側のハンドルも一緒に動きます。

プロパティとイージングカーブのロック解除

アニメーション化されたプロパティを含むコンポーネントがナビゲーターでロックされている場合は、「 」を選択してロックを解除できます。また、編集のために個々のイージングカーブをロックすることも可能です。

アニメーションカーブのロック

アニメーションカーブをロックするには、リスト内のプロパティにカーソルを合わせ、[] を選択します。

アニメーションカーブの固定

アニメーションカーブを固定するには、リスト内のプロパティにカーソルを合わせ、[] を選択します。

アニメーションカーブにキーフレームを追加する

アニメーションカーブにキーフレームを追加するには：

1. 「Timeline 」ビューで、少なくとも 1 つのプロパティ値に対してキーフレームを挿入し、アニメーションを設定します。
2. 「View 」>「Views 」>「Curves 」を選択して、アニメーションカーブエディタを開きます。
3. 「Curves 」内で右クリックし、「Insert Keyframe 」を選択してキーフレームを追加します。
4. リストからプロパティを選択すると、そのプロパティに紐付けられたイージングカーブが表示されます。複数のプロパティを選択するには、Ctrl キーを押したまま、対象のプロパティを選択します。

ビューを閉じると、変更内容は自動的に保存されます。

カーブ内のキーフレームを削除する

選択したキーフレームを削除するには、コンテキスト メニューから [Delete Selected Keyframes ] を選択します。