| §FLASH作成手順 |
| 1 |
動かす物体の画像を用意する
|
|
画像はbmp,gif,png,jpgのいずれかで用意します。
※gifアニメの画像はインポートするとフリーズ可能性があるので、静止画像を用意するようにしてください。
Suzuka画面左の濃いグレーのウィンドウ内で
右クリック＞アイテムを追加＞ファイルを追加
から、画像を選択してインポートしてください。
解説では【m.bmp】を使います。
インポートできたら↓のような状態になります。
 |
| 2 |
スプライトを作成する
|
|
まず、1と同ウィンドウで
右クリック＞アイテムを追加＞スプライト追加
を選び、スプライトを作成します。
次に、そのスプライトを同ウィンドウ内でクリックし、選択されている状態で右クリック＞レイヤーに追加で、右のタイムラインウィンドウ上に追加します。
↑このような状態になればOKです。
|
| 3 |
スプライト内に画像レイヤーを作る |
|
タイムラインウィンドウの上にある、水色の「メイン」と書いてある部分で右クリックし、スプライトを選択します。
そうすると、さっきまで水色だったバーが桃色に変わり、スプライト内部に移動します。
移動したら、画面左の濃いグレーのウィンドウ内にある画像【m.bmp】をクリックして選択した状態にし、右クリック＞レイヤーに追加で、右のタイムラインウィンドウ上に追加します。
↑このような状態になればOKです。
|
| 4 |
スプライト内にアクションスクリプトを書く |
|
今回のメイン作業になります。
現在(スプライト内部)の状態で、タイムラインウィンドウ左の空白部分で右クリック＞アクションレイヤーを挿入します。
『フレームアクション』と書かれたレイヤーが追加されたと思います。
次に、タイムラインウィンドウの右側、フレームアクションレイヤーのタイムライン１コマ目をクリックし、選択します。
画面右下にある『スクリプト編集』ボタンをクリックし、画像を動かすスクリプトをここで書き込みます。
◆--1コマ目
タイムライン1コマ目には初期値を設定します。
座標は、左上が(0,0)、右がxの正方向、下がyの正方向になります。
 |
今回の場合、(0,0)からスタートして始めは+x方向に動くので
と初期値を定め、書き込みます。 |
◆--2コマ目
タイムライン2コマ目には、画像の移動するプログラムを書き込みます。
まず、フレームアクションレイヤーのタイムライン2コマ目を右クリック＞キーフレイム追加します。
その後、１コマ目のスクリプトを書いたときと同じように、スクリプト編集からプログラムを描きましょう。
スプライト内部にスクリプトが入る今回の場合、「このスプライトを動かす」という命令になるので、このスプライトの呼び出しは「this._」で行います。
If文を使って、x座標、y座標がある距離まで届いたら、向きを切り替えるようにしてみましょう。
方法は沢山ありますが、例えばこのようなプログラムになります。
◆--3コマ目
タイムライン3コマ目には、2コマ目のプログラムを連続で再生するために、2コマ目に戻るプログラムを書き込みます。
2コマ目と同じようにキーフレームを追加し、スクリプトを編集しましょう。
これでプログラムは完成です。
|
| 5 |
画像のタイムラインをアクションと揃える |
|
画像はこのままでは1コマ目だけにしか表示されない状態です。
スクリプトは3コマ目まであるので、画像もそれに合わせましょう。
まず、画像のある『m.bmp』レイヤー1コマ目を、ダブルクリックします。
そうすると、 という形の矢印が出てきたと思います。
この状態でクリックせず、少しカーソルをキーフレームのワキにずらしてみましょう。
 という形の矢印が出ます。この状態になったらクリックし、右側へプログラムのある数に揃うよう移動させてください。
このような状態になったらOKです。
|
| 6 |
完成 |
|
これでFLASHは完成しました。
実行してみましょう。
◆--サンプルデータ(必要な場合はダウンロードして下さい)
|| ms_sp.csf || m.bmp ||
|