同じ処理を繰り返す:for文で描画
for文
- 同じ処理を何度も繰り返し実行する
- 「カウンタ」と呼ばれる変数を使って、「1回目」「2回目」と数えながら繰り返すことができる
- 繰り返す回数がわかっているときに使用する
for( カウンタの初期化;繰り返しの条件;カウンタの増減 ) {
繰り返し実行する処理;
}
for文の基本ルール
- 繰り返しを記述
var a:Number = 1; trace(a); a++; trace(a); a++; trace(a); a++; trace(a);
- for文を使って書き直します
for( var a:Number = 1; a<= 4; a++) { trace(a); }
カウンタの初期化
- ここでは、数値型変数aを宣言をして「1」をセットする
繰り返しの条件
- カウンタaが4以下、つまり「繰り返しを4回以内」という条件している(true)間繰り返し実行する
- 最初から成立しない(false)とき、または途中で成立しなくなったときは、繰り返しはしない
カウンタの増減
- 次の繰り返しに入る前に、カウンタを増やすか減らすかする
繰り返し線を描画
直線の描画
lineStyle(5, 0x669900, 60); //線幅、色、不透明度 moveTo(0, 0); //開始点座標(x, y) lineTo(400, 200); //終了点座標(x, y)
- 繰り返し描画を記述する
lineStyle(5, 0x669900, 60); for ( x = 0; x < 10; x++ ) { xx = x * 30; moveTo(xx, 0); lineTo(xx, 200); }
i
- for文ではカウンタの変数を「i」(index)にすることが一般的です
5回「こんにちは」と表示するには
for( i =1; i <=5; i++ ) { trace(i); trace("こんにちは"); }
「0〜99」までの数値を表示するには
for( i =1; i < 100; i++ ) { trace(i); }
「10〜0」まで減らすを表示するには
for( i =10; i >= 0; i-- ) { trace(i); }
「0〜8」まで2ずつ加算を表示するには
for( i =0; i <= 8; i = i+2 ) { trace(i); }
方眼を描画
lineStyle(3, 0x669900, 60); // 線の太さと色と不透明度を決める for ( i = 1; i < 19; i++ ) { p = i * 20; // 縦の線 moveTo(p, 20); lineTo(p, 360); // 横の線 moveTo(20, p); lineTo(360, p); }