イージングカーブの編集

イージングカーブは、アニメーションの進行を定義し、動きをより自然に見せます。実際のオブジェクトは通常、一定の速度で動いたり、瞬時に始まったり止まったりしないためです。非線形補間用のイージングカーブを追加および編集して、コンポーネントがスピードアップしたり、スピードダウンしたり、アニメーションの最後で跳ね返ったりするように見せることができます。

イージングカーブは、以下のものに追加できます：

• タイムラインアニメーションのキーフレーム
• トランジション
• プロパティアニメーションコンポーネントインスタンス

Easing Curve Editor を使って、イージングカーブを選択・編集することができます。

イージングカーブの選択

プリセットカーブを使用するか、カーブハンドルをドラッグして変更することができます。カーブにポイントを追加し、ポイントとポイントハンドルをドラッグしてカーブを修正できます。カーブに満足したら、カスタムカーブとして保存できます。イージングカーブの種類についての詳細は、easing curves のテクニカルドキュメントをご覧ください。

イージングカーブを選択するには

1. Presets タブでイージングカーブを選択します。
2. Duration (ms) フィールドで、イージング機能の持続時間をミリ秒単位で選択します。
3. カーブをプレビューするには、Preview を選択します。
4. OK を選択して、イージングカーブをアタッチし、カーブを追加しているビューに戻ります。

イージング・カーブ・エディタを拡大縮小するには、マウス・ローラーを使います。ズームファクターをリセットするには、ピッカーで右クリックし、Reset Zoom を選択します。

タイムラインアニメーションでのイージングカーブ

タイムラインアニメーションでは、より高度なCurvesビューを使用することもできます。

アニメーションカーブは、アニメーション範囲に渡ってアニメーション化されたプロパティの実効値を表示することで、アニメーションをより読みやすく表示します。そのためには、イージング曲線との変換が必要です。これには次のような副作用があります：

• イージングカーブがどのように見えるかにかかわらず、同一の現在のキーフレーム値と前のキーフレーム値の間の補間は無意味です。
• イージングカーブの中には、アニメーションカーブにマッピングできないものがあり、そのためハンドルなしで別の色でペイントされます。

イージングカーブをキーフレームにアタッチする

イージングカーブをキーフレームにアタッチするには、以下の手順に従います：

1. Timeline でキーフレームを右クリックし、コンテキストメニューからEasing Curve Editor を選択します。
2. イージングカーブの選択で説明したように、イージングカーブを選択します。

イージングカーブをキーフレームにアタッチすると、Timeline のキーフレームトラック上のキーフレームマーカーの形状が、 から、選択したイージングカーブのタイプを示すマーカーに変わります。

イージングカーブをトランジションに追加する

イージングカーブをトランジションに追加するには、次の手順に従います：

1. Transitions ビューで、 (Easing Curve Editor) ボタンを選択します。
2. イージングカーブの選択 で説明したように、イージングカーブを選択します。

プロパティアニメーションにイージングカーブを付ける

プロパティ・アニメーションにイージング・カーブを付けるには、以下の手順に従います：

1. Navigator で、アニメーション・コンポーネントのインスタンスを選択します。
2. Properties で、 (Easing Curve Editor) ボタンを選択します。
3. イージングカーブの選択 で説明したように、イージングカーブを選択します。

イージングカーブをカスタマイズする

イージングカーブをカスタマイズするには

1. Easing Curve Editor で、Presets タブのイージングカーブを選択します。
2. カーブハンドルをドラッグしてカーブを修正する。
3. エディターで右クリックし、Add Point を選択してカーブにポイントを追加します。
4. ポイントまたはポイントハンドルをドラッグしてカーブを修正します。カーブが無効になると、エディタでは赤くなり、Save ボタンは無効になります。
5. カーブへの変更を保存するには、Save を選択する。
6. Name フィールドにカスタムカーブの名前を入力し、OK を選択してCustom タブにカーブを保存します。

イージングカーブ定義をテキストとしてEasing Curve Editor に貼り付けるには、Text タブを選択します。