FLASH初心者、プログラミング初心者でもわかる!

FLASHアクションスクリプト入門編

変数 variable

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

*変数

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

変数とは?
様々な値(数字、文字列など)をとっておくことのできる入れ物のようなもの
名前をつけてやることで扱えるようになる(numとかhakoとか..)
 
変数はどうやってつくるの?
フレームアクション、ムービークリップアクション、ボタンアクションのいずれかに自分で名前をつけて記述する、とそれが変数になります。

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



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

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


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


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

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

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

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




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

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
画面をクリックするとひよこが前に(右に)進むアクションをアクションスクリプトを使って作る。
ダウンロード用サンプルファイル 
完全版
 完成版
スクリプト抜き版 スクリプトなし版



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

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

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



4.アクションパネルに下のスクリプトを記入。
onClipEvent(mouseDown) {
   step = 45;
   _x = _x + step;
}
この↑スクリプトの解説は下です。

5.完成!!



EXSAMPLE 01のスクリプト解説
onClipEvent(mouseDoun) {
  step = 45;
  _x = _x + step;
}
ここでは_xはヒヨコのムービークリップのx座標を表します。

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

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

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



マウスクリック1回目
_x = 2+45 が行われ 2+45=47 → _x に47が代入されます。
マウスクリック2回目  
_x = 47+45 が行われ 47+45=92 → _x に92が代入されます

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

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


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