【Processing】whileの使い方【図形をたくさん書くのが楽になる】

size(500, 500);
background(255);
int i = 0;
while (i < 550) { //iが550よりも小さいとき
  ellipse(i, 250 , 50, 50); //円を描く
  i = i + 50; //iは繰り返すごとに50,100, 150, 200と550まで横に増えていく
}

size(500, 500);
background(255);
int i = 0;
while (i < 550) {
  // 円の顔（水色）
  fill(173, 216, 230); // 水色
  ellipse(i, 250 , 50, 50);
  
  // 左目（黒）
  fill(0);
  ellipse(i - 10, 240, 10, 10);
  
  // 右目（黒）
  ellipse(i + 10, 240, 10, 10);
  
  // 口（黒）
  noFill();
  arc(i, 260, 20, 20, 0, PI);
  
  i = i + 50;
}

void setup() {
  size(500, 500);
  background(255);
  fill(173, 216, 230); // 水色
  noStroke();
  
  int diameter = 50; // 円の直径 diameterは英語の直径という意味
  int x = 0;
  int y = 0;
  
  // 上端に円を並べる
  while (x <= width - diameter) {
    ellipse(x + diameter / 2, diameter / 2, diameter, diameter);
    x += diameter;
  }
  
  x = 0;
  
  // 下端に円を並べる
  while (x <= width - diameter) {
    ellipse(x + diameter / 2, height - diameter / 2, diameter, diameter);
    x += diameter;
  }
  
  y = 0;
  
  // 左端に円を並べる
  while (y <= height - diameter) {
    ellipse(diameter / 2, y + diameter / 2, diameter, diameter);
    y += diameter;
  }
  
  y = 0;
  
  // 右端に円を並べる
  while (y <= height - diameter) {
    ellipse(width - diameter / 2, y + diameter / 2, diameter, diameter);
    y += diameter;
  }
}