私は今、フラッシュの基本です。画像を透明にしたり、トゥイーンなどにすることができます。アニメーション(このようなもの)を作成したいのですが、誰かが私を正しい方向に導くのを手伝ってくれますか? 次の画像を表示するために円をアニメーション化する方法がわかりません。前もって感謝します。
1 に答える
エレメンタリー!
つまり、基本的にここでは2つの要素が機能しています。背景画像とアニメーションマスクです。それを行うにはいくつかの方法があります-最も簡単な方法は、タイムライン上でそれを行うことです。
使用するすべての画像を各フレームに1つずつ、MovieClipに保存します(これを「ImagesClip」と呼びます)。
必要なレイヤーは3つだけで、現在の背景画像は最下層のImagesClipに表示されます。次の背景画像は、上のレイヤーのImagesClipに表示され、円のアニメーションを保持するマスクレイヤー(3番目の最上層)によってマスクされます。
マスクレイヤーは、すべての魔法が発生する場所です。最初のフレームでは空になり、一部のフレームでは、小さな円が大きくなり(「シェイプトゥイーン」を使用)、大きな円(背景画像の中央)になり、他の円が表示され、中心を中心に回転します。サークル。これがアニメーションの仕組みです。
カルーセル効果(画像を無限に循環)を作成するには、次の手順を実行して各アニメーションを開始する必要があります。
function start_animation(index:uint):void
{
var previous_index:int = (index - 1);
if (previous_index < 0) previous_index = num_images - 1;
current_images_clip.gotoAndStop(previous_index);
next_images_clip.gotoAndStop(index);
// Assumes that next_images_clip_mask is empty on the first frame.
next_images_clip_mask.gotoAndPlay(0);
}
プログラムで切り替えるには、タイマーを使用できます。ここで、start_animationはTIMERイベントへのコールバックです(ただし、これを行う場合は、変数のcurrent_indexを追跡し、パラメーターをstart_animationからeventに変更する必要があります。当然、TimerEvent)。