自機を動かす その２
前[ 自機を動かす その１ ] の続きです。
ものを表示するときの座標について説明します。
座標には必ず基点(0,0)があります (Flashでは左上)
前回のテストで、マウスを左右に動かすとｘ座標が変化し、
上下に動かすとｙ座標が変化します。
４つの角へマウスカーソルを移動させてみて下さい。上の図のようにｘｙ座標の値が表示されます。
プロパティを見ると現在のステージのサイズが分かります。
プロパティ画面が下のようになっていない場合は、選択ツールを選んで、ステージを
クリックしてみて下さい。
簡単にプログラムの説明をします。
１行目と６行目はコメントです。
コメントとは、プログラムで実行されない文です。
ダブルスラッシュ(//)を記述することで、それ以降の文はコメントとして扱われます。
１０行目のように他の命令の後ろに書くこともできます。
２行目は、毎フレーム実行されるイベントを登録してます。
４行目以降は、その登録するイベントの処理を書いてます。
function 文で処理をまとめて、それが毎フレーム実行されるように登録してます。
毎フレーム実行されるとは、１秒間に２４回 mainloop 処理が実行されることになります。
(新規ドキュメントを作成した時、初期値が２４回に設定されている場合)
処理されるフレーム数をフレームレートといい、プロパティで確認できます。
７行目でマウスのｘ座標、８行目でｙ座標を取得します。
正確には、ｍｘ(ｍｙ)という変数を作成し、マウス座標を代入しています。
10行目で出力パネルに表示します。
参照 [ trace で変数の内容を表示する ]
マウスの座標を取得する仕組みは分かりましたか？
プログラムに書かれている内容の１つ１つの意味は、少しずつ覚えていけばいいと思います。
次は自機を動かしてみましょう。
次のプログラムを trace の下に追加して下さい。
// 自機を動かす player_mc.x = mx; player_mc.y = my;
次のようになります。
それではムービープレビューしてみましょう。
なお、前回に説明した方法の他にctrl + enter キーでもムービープレビューができます。
実行すると、マウスカーソルに自機がくっ付いて動くのが確認できると思います。
(動かない時は画面をクリックして下さい)
１３行目と１４行目には「player_mc」が使われています。
これは [ 自機を表示する その２ ] で作成した矩形に付けたインスタンス名です。
インスタンス名を付けることで、このように操作が可能になります。
では、自機の移動の仕上げに入ります。
今回のルールでは、自機は左右にしか動かせません。
自機の移動ｙ座標の処理をコメントにして、指定の位置 (y=320) に固定します。
// 自機を動かす
player_mc.x = mx;
// player_mc.y = my;
player_mc.y = 320;
次のようになります。
ムービープレビューしてみましょう。
マウスを動かすと、左右(ｘ軸)には動きますが
上下(ｙ軸)には動かず、固定されていることが分かります。
以上で作業終了です。
保存は忘れずに行いましょう。
次[ 障害物を作る ]へ進む