流れ星を作る　｜　サンプルをダウンロードする ≫　｜　リストページへ戻る ≫

■星を回転させる

1. 星のオブジェクトを作り、グラフィックシンボル[「星_gc」にします。

2. 星_gcをムービーシンボル「星回転_mc」にします。
   モーショントゥイーンを作成し、１回転させます。



3. 新規レイヤー「スクリプト」を作成し、最終フレームに以下のアクションスクリプトを記述します。
   gotoAndStop(1);　　←１回繰り返しをするアクション

■流れ星の尾をつける

1. グラフィックシンボル「星尾_gc」を作成し、任意の位置で星を並べます。

2. 新規ムービーシンボル「星尾付き_mc」を作成し、レイヤーを２つ作成します。
   レイヤー１に星回転_mc、レイヤー２に星尾_gcを配置します。レイヤー名の変更もします。
   星尾_gcは１つでは寂しいので、ここでは３つ配置しました。それぞれレイヤー分けをします。



3. レイヤー分けした星尾_gcをキラキラと点滅させます。
   任意のフレームでアルファ値を調整します。

■流れ星を動かす

1. 新規ムービーシンボル「流れ星_mc」を作成し、星尾付き_mcを配置します。

2. 上から下へ流れていくモーショントゥイーンを作成します。



3. 流れ星の最初と最後のフレームはアルファ値を0にし、流れ星が現れてから消えるようにします。
   任意のフレーム位置でアルファ値を100にします。

■シーンに配置する

1. シーンに戻り、レイヤー「流れ星」を作成し、流れ星_mcを配置します。
   ここでは流星群のようにたくさんの流れ星を流してみました。
   流れ星_mcを任意の数でコピーして、右上から左下へ流れるようにします。

2. 流れ星レイヤーを複数コピーし、開始フレーム位置を調整しながら順番に流れ星が流れていくようにします。



3. 新規レイヤー「スクリプト」を作成し、最終フレームに以下のアクションスクリプトを記述します。
   this.stop();

4. 以上で流れ星が流れるアニメーションを作成できましたが、任意で背景やキャラクターを配置してみるのもいいです。新規レイヤー「雪」を作成し、雪のムービーシンボルを5つ配置します。
   それぞれ任意の位置に配置し、それぞれインスタンス名を設定します。