アクションスクリプトで変数を使ってみよう！/フラッシュアクションスクリプト講座

変数 variable

アクションスクリプトで変数を使ってみよう！

変数

　変数？ってなんだ？！聞いただけで難しそう、もうわからん！！って気持ちになりますがぜんぜん難しいことではありません。LESSON1ではアクションスクリプトをつかうときに必要不可欠な変数をお勉強しましょ。

変数とは？

	様々な値（数字、文字列など）をとっておくことのできる入れ物のようなもの
	名前をつけてやることで扱えるようになる（numとかhakoとか..）

変数はどうやってつくるの？

フレームアクション、ムービークリップアクション、ボタンアクションのいずれかに自分で名前をつけて記述する、とそれが変数になります。

と、読んだところでわかりにくいと思うので、さっそく変数をつくってみましょう！！

変数を作ってみよう！！
1.メインタイムラインのレイヤー1の１フレーム目をクリック

アクションスクリプト講座図１

2.アクションパネルを開いて、num;と書いてみてください

これで変数numをつくることができました！！簡単でしょ？ではこの変数をつかってみましょう。

変数に値をいれてみよう！！
1.つくった変数numに数字を入れてみましょう。
アクションパネルのnum;のところに =100　を付け足してみてください。

これで変数numに１００という数字の値を入れたことになります。ほんとに入ってるかどうか確認してみましょう。

変数の中身を見てみよう！！
1.trace(num);と2行目に書いてみてください。
アクションスクリプト講座図１

2.ムービープレビューをしてみてください。

こんな画面が出てきたと思います。100って出てきてますよね？これはnumに入っている値を表しているんですよ。試しにnumに違う値を入れてムービープレビューしてみてください。こんどはあなたの入れた値が出力されるはずです。

変数をつかってみよう！！
では練習に変数を使って計算なんかをしてみましょう。
アクションパネルに

1: num = 100;
2: num2 = 200;
3: answer = num + num2;
4: trace(answer);

と書いてみてください。ムービープレビューをすると何が出力されるでしょう？そう、変数answerの値の300です！

次は文字を入れてみましょう。
アクションパネルに

1: str1 = "こんにちは。";
2: str2 = "変数って簡単じゃん！";
3: str3 = str1 + str2;
4: trace(str3);

と書いてみてください。ムービープレビューをすると何が出力されるでしょう？”こんにちは変数って簡単じゃん！”って出力されたでしょ？

こんなふうに変数には数字や文字を入れておくことができます。で、変数って必要なの？どういうふうに役にたつの？と思うかもしれませんが、めちゃくちゃ必要なのです。

では、EXAMPLE 01で変数を使ってクリックするとヒヨコが動く！というムービーをつくってみましょう！

EXAMPLE 01
画面をクリックするとひよこが前に(右に）進むアクションをアクションスクリプトを使って作る。

ダウンロード用サンプルファイル　

　完成版

　スクリプトなし版

１．ひよこの絵（他の絵でもいいですよ）が入ったムービークリップを準備。
自分でムービークリップを用意した人は、ムービークリップ名を　hiyo　としてください。つくるのが面倒な人はスクリプト抜き版サンプルファイルをダウンロードすると便利です！！

2,作ったムービークリップ、またはヒヨコのムービークリップをクリックしてください。下図のようにムービークリップが青い四角で囲まれます。

３．アクションパネルが下図のようになっていることを確認。

４．アクションパネルに下のスクリプトを記入。

onClipEvent(mouseDown) {
   step = 45;
   _x = _x + step;
}

この↑スクリプトの解説は下です。

５．完成！！

EXSAMPLE 01のスクリプト解説

onClipEvent(mouseDoun) {
  step = 45;
  _x = _x + step;
}

ここでは_xはヒヨコのムービークリップのx座標を表します。

2行目	変数stepに45を代入。
3行目	_xに_x + step（stepは45ですね）を代入。

マウスがクリックされる度、現在のヒヨコのムービークリップのx座標に変数stepを足した位置に移動、のようなイメージになります。

具体的には下図のようにヒヨコのムービークリップがｘ＝２の位置にあったとすると..

	マウスクリック１回目
	_x = ２＋４５が行われ　２＋４５＝４７　→　_x に４７が代入されます。
	マウスクリック2回目
	_x = ４７＋４５が行われ　４７＋４５＝９２　→　_x に９２が代入されます

この結果、マウスを押すごとにヒヨコのムービークリップが４５ｐｘずつ右に移動し、ヒヨコが１マス分ずつ動いていくように見えます。

　FLASHアクションスクリプト入門編講座一覧へ戻る
　isValid TOPへ戻る

←ロリポップサーバーのホムペおじさん。安くて使いやすいですよ。オススメです。