2017プログラミング講座７：Processingと繰り返し構造

繰り返し構造について
プログラムでは繰り返しの構造を使うことで、ひとまとまりのコードを繰り返し実行することができます。繰り返しの構造を使うことで複雑な構造のプログラムを短いコードにできたり、プログラムにパターンを生み出すことなどができます。

forループ文
繰り返し構造を記述するコードとしてforループ文を使ったプログラムを作成してみましょう。
forループ文は以下のように記述します。

for(初期値; 条件式; 更新）{
　繰り返し実行されるコード
}

例）
for(i = 0; i < 100; i+=10）{ 　繰り返し実行されるコード } ・「初期値」で最初の値を設定します。 　forループ文では慣例的に変数 i が使われることが多い。 ・「条件式」で変数 i を評価します。 　変数　i の値を比べて条件にあわなくなるまで「繰り返し実行されるコード」を実行する。 　i > A　Aより大きい
　i < A　Aより小さい 　i >= A　A以上
　i <= A　A以下 　i == A　Aと等しい 　i != A　Aと等しくない ・「更新」で変数 i の値をどのように変化させるかを設定します。 　i+=10ならコードが実行されるごとに変数 i に10加算 i-=10なら10減算 i++は１加算 i--は1減算。 それでは、forループ文を使った繰り返し構造のプログラムを記述してみましょう。

void setup(){
  size(400,200);
}

void draw(){
  for(int i = 20; i < 400; i += 20){
    ellipse(i,100,20,20);
  }
}

二重の繰り返し構造
forループ文のなかにforループ文を記述することができます。
それでは、二重の繰り返し構造のプログラムを記述してみましょう。

void setup(){
  size(400,400);
  background(0);
  noStroke();
}

void draw(){
  for(int i = 0; i <= 400; i += 20){
    for(int j = 0; j <= 400; j += 20){
      fill(255,48,203);
      ellipse(i,j,15,15);
   }
  }
}

二重の繰り返し構造を使った別のプログラムを記述してみましょう。

void setup(){
  size(400,400);
}

void draw(){
  background(0);
  fill(252,145,3);
  stroke(250,240,48);
  for(int i = 0; i <= 400; i += 20){
    for(int j = 0; j <= 400; j += 20){
      ellipse(i,j,10,10);
      line(i,j,mouseX,mouseY);
   }
  }
}

課題２：
これまでに学んだ、点、線、面および色のコードと繰り返しの構造を組み合わせてグラフィック作品を作成してください。