Top | Contents | Prev | Next
ActionScript アニメーション

 MovieClipはSprite、Shapeと同じ様に表示オブジェクトであり、Spriteの様に子表示オブジェクトを持つ事ができます。違う点はMovieClipオブジェクトはタイムラインを持っているという事です。このタイムラインを使用してアニメーションを作成する事ができます。ただMovieClipクラスだけではアニメーションを作る事ができず他のクラスの力も借りる必要があります。*もちろんMovieClipオブジェクトがなければアニメーションを作成する事ができません。ここではMovieClipオブジェクトにアニメーションを効果を適用する為に必要な基礎知識を学びます。

* Spriteでもアニメーションを作成する事は可能です。

アニメーションの作成の前に
これらの知識はFlashでアニメーションを作成した事があれば簡単に理解する事ができます。
アニメーション効果
 アニメーションとは一般にタイムラインの時間の経過に伴いオブジェクトが拡大・縮小したり、MovieClipオブジェクトを回転させたりする事です。これらのアニメーション効果を定義して適用させる為にはTransitionManager クラスを使用します。ActionScript3.0ではアニメーション効果毎にクラスが用意されていて、TransitionManager クラスは以下の10種類のアニメーション効果のいずれかを適用する事ができます。これらのクラスはfl.transitionsパッケージに含まれています。(一部コンポーネントリファレンスガイド引用)

TransitionManager クラスの使用方法に関してはTransitionsManager クラスの学習を参照してください。

  1. Blinds
    Blinds クラスは、次第に表示される矩形または消えていく矩形を使用して、ムービークリップオブジェクトを表示します。
  2. Fade
    Fade クラスは、ムービークリップオブジェクトをフェードインまたはフェードアウトします。
  3. Fly
    Fly クラスは、指定した方向からムービークリップオブジェクトをスライドインします。
  4. Irus
    Iris クラスは、正方形のシェイプまたは円のシェイプがズームインまたはズームアウトするアニメーション化されたマスクを使用して、ムービークリップオブジェクトを表示します。
  5. Photo
    写真のフラッシュのようにムービークリップオブジェクトの表示 / 非表示を切り替えます。
  6. PixelDissolve
    PixelDissolve クラスは、チェッカーボードのパターンでランダムに表示される矩形または消える矩形を使用して、ムービークリップオブジェクトを表示します。
  7. Rotate
    Rotate クラスは、ムービークリップオブジェクトを回転させます。
  8. Squeeze
    Squeeze クラスは、ムービークリップオブジェクトを水平または垂直に拡大 / 縮小します。
  9. Wipe
    Wipe クラスは、水平方向に移動するシェイプのアニメーション化されたマスクを使用して、ムービークリップオブジェクトの表示と非表示を切り替えます。
  10. Zoom
    Zoom クラスは、縦横比を維持しながら拡大 / 縮小することで、ムービークリップオブジェクトをズームインまたはズームアウトします。
イージング効果
 イージングとはアニメーション中に徐々に加速、減速させたりする事を意味します。この機能を使用すればアニメーションをよりリアルにする事ができます。次のSWFファイルのボールは坂を加速、減速して移動します。(ボタンを押して再生してください。)



 イージング効果を作成できるクラスはfl.transitions.easing パッケージに含まれていて、fl.trasitions パッケージ内のクラスと共に使用します。fl.transitionsパッケージ内のクラスは以下の通りです。

  1. Back
    Back クラスでは、ActionScript アニメーションでモーションを実装する 3 種類のイージング関数を定義します。
  2. Bounce
    Bounce クラスでは、落下したボールがフロアでバウンドし、バウンドの量が減っていくような ActionScript アニメーションでモーションを実装する 3 種類のイージング関数を定義します。
  3. Elastic
    Elastc クラスでは、モーションが指数関数的に減衰する正弦波により定義される ActionScript アニメーションでモーションを実装するための 3 つのイージング関数を定義します。
  4. None
    None クラスは、ActionScript アニメーションで加速しないモーションを実装するイージング関数を定義します。
  5. Regular
    Regular クラスでは、ActionScript アニメーションでモーションを実装する 3 種類のイージング関数を定義します。
  6. Strong
    Strong クラスでは、ActionScript アニメーションでモーションを実装する 3 種類のイージング関数を定義します。

トップへ
Top | Contents | Prev | Next