6月6日
スプライト内で
画像を四角形に動かす
スプライト内で
画像を円形に動かす
課題
スプライト内にプログラムを書いて物体を円形に動かそう!
画像を円形に動かします。

完成すると↑のように動くので参考にしてください。


§FLASH作成手順
1 アクションスクリプトを書くまでの準備

スプライト内にアクションスクリプトを書くまでの手順は、『スプライト内で画像を四角形に動かす』の1〜3までと同じです。
分からない場合は【こちら】を参照してください。

2 スプライト内にアクションスクリプトを書く

スプライト内部を編集している状態で、タイムラインウィンドウ左の空白部分で右クリック>アクションレイヤーを挿入します。
『フレームアクション』と書かれたレイヤーが追加されます。

◆--1コマ目
タイムライン1コマ目には変数の初期値を設定します。
今回使う変数は回転する角度を定める変数になります。




◆--2コマ目
タイムライン2コマ目には、画像の移動するプログラムを書き込みます。
フレームアクションレイヤーのタイムライン2コマ目を右クリック>キーフレイム追加し、スクリプトを書き込みます。


今回は円運動をするので、角度からラジアンに変換し、三角関数のsinとcosを使って座標を算出します。
πは、このプログラムではMath.PI,又は3.14を使用しましょう。



方法は沢山ありますが、例えばこのようなプログラムになります。


◆--3コマ目
タイムライン3コマ目には、2コマ目のプログラムを連続で再生するために、2コマ目に戻るプログラムを書き込みます。
キーフレームを追加し、スクリプトを編集しましょう。


これでプログラムは完成です。

5 画像のタイムラインをアクションと揃える
画像はこのままでは1コマ目だけにしか表示されない状態です。
スクリプトは3コマ目まであるので、画像もそれに合わせましょう。

まず、画像のある『m.bmp』レイヤー1コマ目を、ダブルクリックします。
そうすると、という形の矢印が出てきたと思います。
この状態でクリックせず、少しカーソルをキーフレームのワキにずらしてみましょう。
という形の矢印が出ます。この状態になったらクリックし、右側へプログラムのある数に揃うよう移動させてください。



このような状態になったらOKです。
6 完成
これでFLASHは完成しました。
実行してみましょう。

◆--サンプルデータ(必要な場合はダウンロードして下さい)
|| mm_sp.csf ||