まずは書いてみる

次のプログラムを書いて実行してください。

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

void draw()
{
  background(0);
  circle(150, 100, 10);
  circle(200, 100, 10);
  circle(250, 100, 10);
  circle(300, 100, 10);
  circle(350, 100, 10);
  circle(400, 100, 10);
  circle(450, 100, 10);
  circle(500, 100, 10);
  circle(550, 100, 10);
  circle(600, 100, 10);
  circle(650, 100, 10);
}

int x;

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

void draw()
{
  x = 100;
  background(0);
  x = x + 50;
  circle(x, 100, 10);
  x = x + 50;
  circle(x, 100, 10);
  x = x + 50;
  circle(x, 100, 10);
  x = x + 50;
  circle(x, 100, 10);
  x = x + 50;
  circle(x, 100, 10);
  x = x + 50;
  circle(x, 100, 10);
  x = x + 50;
  circle(x, 100, 10);
  x = x + 50;
  circle(x, 100, 10);
  x = x + 50;
  circle(x, 100, 10);
  x = x + 50;
  circle(x, 100, 10);
  x = x + 50;
  circle(x, 100, 10);
}

int x;

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

void draw()
{
  x = 100;
  background(0);
  
  for(int i=0; i<11; i++) {
    x = x + 50;
    circle(x, 100, 10);
  }
}

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

void draw()
{
  background(0);
  
  for(int i=0; i<11; i++) {
    circle(150+i*50, 100, 10);
  }
}

int x;

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

void draw()
{
  x = 0;
  background(0);
  
  for(int i=0; i<31; i++) {
    x = x + 50;
    circle(x, 100, 10);
  }
}

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

void draw()
{
  background(0);
  
  for(int i=0; i<31; i++) {
    circle(50+i*50, 100, 10);
  }
}

動作のくりかえし

for 文を使うと、for に続く波括弧 { } の中のプログラムをくりかえし実行します。

for(int i=0; i<31; i++) {
  //
  // くりかえして実行されるプログラム
  //
}

たとえば、

for(int i=0; i<31; i++) {
  circle(50+i*50, 100, 10);
}

は、「波括弧 { } の中のプログラムをくりかえしてください。くりかえすときに、 i という名前の int 型の変数を使います。i は最初は 0 で、くりかえすたびに i を 1 ずつ増やしていってください。それで、 i が 31 になったらくりかえしは終了して次に進んでね。」という意味です。

ちなみに、

i++

は、

i = i + 1

と同じ意味です。i++ のような書き方を短縮形といいます。この、1 増やす演算をインクリメント(increment)といいます。 短縮形は、プログラムを少しでも短く書くために、頻繁に使用されます。

短縮形には、

i--

もあります。これは、