ポンクソフト

チュートリアル1(自機移動) - Flash(ActionScript)でゲーム作成入門

前ページ Flash(ActionScript)でゲーム作成入門 TOP 次ページ

目次

  1. Flash(ActionScript)でゲーム作成入門
  2. チュートリアル1(自機移動)
  3. チュートリアル2(弾発射)
  4. チュートリアル3(タイトル画面)
  5. チュートリアル4(敵移動)
  6. チュートリアル5(当たり判定)
  7. チュートリアル6(スコア)
  8. おまけ

自機をマウスで動かす

最初に、マウスで自機を動かすムービーを作ってみます。

ステージのプロパティ

まずステージをクリックして「プロパティ」パネルからステージのプロパティを設定します。自分の好みで設定してください。
ちなみにこの解説で使っているムービーでは、サイズを「320×240」、背景色を「#00CCFF」、フレームレートを「30fps」としています。ゲームの場合、フレームレートは高めの方が良いでしょう。

自機キャラクタの作成

まず Flash のステージ上に適当な大きさで自機を描きます。アニメーションを付けてもOKです。次に、右クリックメニューなどから「シンボルに変換」を選びます。
shoot_symbol.gif
名前を「Jiki」、タイプを「ムービークリップ」にします。

ActionScript を割り当てることができる場所は
-ムービーの各フレーム
-ムービークリップ
-ボタン
の3つがあります。「グラフィック」に割り当てることはできないので注意してください。

「シンボルに変換」によってライブラリパネルにシンボル「Jiki」が追加されます。シンボルとはオブジェクト指向言語で言うところの「クラス」に当たるもので、Flash ムービーの各部品の設計図みたいなものです。画面上にあるキャラクタは、シンボル設計図から作った実体(インスタンス)になります。つまり上記の「シンボルに変換」で、シンボルとインスタンスを同時に作っているわけです。

このままではインスタンスに名前が付いていないので、「プロパティ」パネルの <インスタンス名> に「jiki_mc」と名前を付けます。_mc はこのインスタンスがムービークリップだということを明示的に表し、入力支援機能が使えるようになります。
property_jiki.gif

ムービークリップに ActionScript を割り当てる

ActionScript を割り当てる方法は、目的のインスタンスに直接記述する「イベントハンドラアクション」と、Flash MX から新しく追加された、オブジェクトのメソッドとして記述する「イベントハンドラメソッド」がありますが、今回は直感的で分かりやすい「イベントハンドラアクション」を用います。

画面上の自機インスタンスをクリックして、「アクション」パネルのタイトルが「アクション - ムービークリップ」となっていることを確認し、以下の ActionScript を記述します。
onClipEvent(enterFrame) {
  _x = _root._xmouse;
  _y = _root._ymouse;
}

ムービーの実行

ムービープレビューを実行してみてください。自機がマウスに追従するはずです。

.fla ファイルダウンロード

プログラムの説明

onClipEvent(enterFrame) はイベントハンドラと呼ばれるもので、ムービークリップに対してさまざまなアクションを起こした場合に呼ばれます。enterFrame はタイムラインでフレームに入るたびに呼ばれるアクションです。今回は1フレームしかなくループするので、連続してずっと呼ばれることになります。

_x, _y は「プロパティ」と呼ばれるもので、各ムービークリップのインスタンスが独自に持っている値で取得・設定することができます。_x はインスタンスの x 座標、_y はインスタンスの y 座標となります。
_root とは、全てのムービークリップの元となるムービークリップで、ステージ全体のことです。_root._xmouse によって、ステージ全体の基準点(左上)から計算したマウスの x 座標を取得することができます。同じく _root._ymouse はステージを基準としたマウスの y 座標です。

つまり、このプログラムでは、自機の座標にマウスの座標を代入しているわけです。
前ページ Flash(ActionScript)でゲーム作成入門 TOP 次ページ
このエントリーをはてなブックマークに追加 そっか0

このページに関するコメントをどうぞ

お名前:


古羽嘉禎
ActionScript3.0出来ないな…
2016/12/05 17:33

naga3
お使いのFlashのバージョンと、
OSを教えてもらえませんか?
2013/05/25 08:50

dhipo2
度々すみません・・・
このページとは、
ゴルフゲームのページの一番上の事です。
よろしくお願いします。
2013/05/19 10:39

chipo2
このページの一番上の方の”実行画面”が、動かないのですが・・・
正確に言うと、矢印は動くのですが、
クリックしても、ボールが飛ばないのです・・・。
(ボールが飛んだような絵が一瞬出て、戻ってしまいます)
私のPCのフラッシュのバージョンが古いとかいった理由でしょうか・・・;;
すみませんが、教えてください。
2013/05/19 10:37

naga3
はいFlashないと出来ないです。
2013/04/24 08:08


何を当たり前のこと言ってるんですか?
2013/03/19 15:51


フラッシュないとできなくね?
2013/03/12 14:51

naga3
キャラクターチャットは結構難しいとおもいます。
出来合いのものを使うのが簡単じゃないですかねー
2012/11/06 11:02

むずいんじゃないですかねえ
今時分もhp
作成に結構手間取ってます、ちびちゃとのようなキャラクターチャットにしたいのですが、それって結構難しいんでしょうか?また、小学生でも作ることが出来るのでしょうか。そしてプログラミング言語なども覚えないといけないのでしょうか?そしてめんどくさいのでしょうか?
2012/09/29 10:01

しかた
またさわってみよっと
2012/07/13 19:25

残りを読む »