アニメーションのチュートリアル > [オート キー]を使用したアニメーション: バウンドするボール > ボールのバウンド >
カーブ エディタを使用して動きを改良

カーブ エディタは、アニメーションの管理と調整のための汎用ツールであるトラック ビュー機能の一部です。

シーンを設定する:

- 前のレッスンから続けます。

カーブ エディタを開く:

- バスケットボールを右クリックし、クアッド メニューから[カーブ エディタ]を選択します。

  カーブ エディタが開きます。先ほど作成したこのボールのトラックが左側に表示され、カーブは右側のカーブ ウィンドウに表示されます。

  ヒント:カーブ エディタを開いたときにトラックとカーブが表示されない場合は、左のコントローラ ウィンドウで位置トラックが表示されるまでパンし、これらを Ctrl+クリックしてハイライト表示します。

  青色の Z トラックに、ボールの上下の動きがはっきりと示されます。X トラックと Y トラックはどちらも平らです。これは、これらの次元には変化がないことを示しています。実際には、ボールが落とされると、前向きの力が加えられたかのようにボールは X 軸に沿って動くはずです。

  注:トラックのカーブは変換ギズモの軸と同じように色分けされており、X が赤、Y が緑、Z が青になっています。

X 軸方向の動きを追加する:

1. タイム スライダをフレーム 30 までドラッグします。 ([オート キー])を再度オンにし、レフト ビューポートでボールを X 軸に沿って右に移動します。

   カーブ エディタのカーブも、この変更に従って更新されます。

   タイム スライダを前後に動かすと、ボールは垂直に落下した後、前に移動します。これは正しい動きではありません。ここで作成したいのは、レッスンの最初の図のような滑らかな前進運動です。原因はフレーム 15 の[Y 位置]キーです。このキーが、ボールをフレーム 0 と同じ Y 位置に固定しています。

2. ([オート キー])をオフにします。
3. カーブ エディタで、緑のカーブの上にある[Y 位置]キーをクリックして選択します。

   選択するとキーは白に変わります。さらに接線ハンドルが表示されます。

4. Delete キーを押してフレーム 15 の[Y 位置]キーを削除します。

   タイム スライダを動かすと表示されるように、これでバスケットボールがフレーム 0 からフレーム 30 にかけて前に進むようになりました。アニメーションはまだぎこちないですが、これはこの後すぐに改良していきましょう。

   注:[X 位置]トラックは平らなままです。これは X 軸方向には変化しないことを示しています。X トラックのすべてのキーを削除してもアニメーションに影響はありません。

モーション パスとゴーストを追加してビューポートのアニメーション表示を改良する:

ビューポートではオブジェクトのモーション パスを表示できます。また、動きのあるオブジェクトに「ゴースト」イメージを表示することができます。これらのオプションは、どちらもアニメーションを視覚化するのに役立ちます。

1. ビューポートでバスケットボールを右クリックし、クアッド メニューから[オブジェクト プロパティ]を選択します。

   [オブジェクト プロパティ]ダイアログ ボックスが表示されます。

2. [オブジェクト プロパティ]ダイアログ ボックス [表示プロパティ]領域で[モーション パス表示]をクリックしてオンにし、[OK]をクリックします。

   ビューポートには、赤でバスケットボールのモーション パスが表示されるようになりました。モーション パスの上には白いマークが表示されます。各マークはフレームを表します。

   ビューポートに表示されたバスケットボールのモーション パス

   モーション パスの先頭と終端でマークの間隔が狭くなっています(レフト ビューポートで見るとよく分かります)。これは、「イーズ イン、イーズ アウト」(または「スロー イン、スロー アウト」)と呼ばれるタイミング効果です。しかし、ボールが床にバウンドするフレーム 15 前後ではマークが均等に並んでいます。これが、バウンドが不自然に見える理由の 1 つです。

3. メニュー バーから、[ビュー] [ゴーストを表示]を選択してオンにします。

   これでタイム スライダを動かすと、ビューポートにはボールが通過した場所にゴーストが表示されるようになりました。

   既定値のゴーストは間隔が狭く、あまり見やすくありません。これは、既定値の設定を変更することで改善できます。

4. メニュー バーから[カスタマイズ] [基本設定]を選択します。[ビューポート]タブに移動します。

5. [ゴースト]領域で、[ゴーストの表示フレーム]の値を 4 に変更し、[フレーム間隔]の値を 2 に変更します。[OK]をクリックします。

   タイム スライダを動かすと、先ほどよりゴーストが少なくなり 2 フレーム離れて表示されるようになりました。これでアニメーションの進行が少し見やすくなりました。

Z 方向のバウンドのタイミングを調整する:

1. [カーブ エディタ] コントローラ ウィンドウ(左側のオブジェクトとトラックのリスト)で、[Z 位置]トラックをクリックしてこのトラックのカーブのみを表示します。

2. フレーム 15 の一番低い位置にあるキーをクリックして選択します(周囲にボックスをドラッグしてキーを選択することもできます)。

3. [トラック ビュー - カーブ エディタ]ツールバーで、 ([接線を高速に設定])をクリックします。

4. タイム スライダを移動します。
   注:タイム スライダを動かすまでビューポートのモーション パス表示は更新されません。

   これでバウンドにスピードがつき、より本物らしく見えるようになりました。

バスケットボールの前進運動を調整する:

オート キーによって、ボールの上下の動きと同じように、ボールの前進運動にもイーズ イン、イーズ アウトが適用されました。しかし、これは不要です。実際、次のセクションで行うようにバウンドを繰り返すと、不自然な結果になります。

1. [カーブ エディタ] コントローラ ウィンドウで、[Y 位置]トラックをクリックしてこのトラックのカーブを表示します。

2. ドラッグしてこのトラックの開始キーと終了キーの両方を選択します。

3. [トラック ビュー - カーブ エディタ]ツールバーで、 ([接線を線形に設定])をクリックします。

   このトラックからイーズ曲線が削除され、前進運動が均一になります。

作業を保存する:

- シーンを my_bouncing_basketball_adjusted.max という名前で保存します。

次のレッスン

バウンドの繰り返し