02-03 円と四角を描く

円と四角を使って様々な模様を描く。

円や四角はデフォルトで中を塗りつぶすので、輪郭だけを描くにはnoFill()を指定する。

例題2-3-1

四角と円を描く。

function setup() {
  createCanvas(220, 120);
  background(220);
  noFill();
  rect(10, 10, 100, 100);
  circle(160, 60, 100);
}

同心円を描く。

function setup() {
  createCanvas(400, 400);
  background(220);
  noFill();
  for (let d = 10; d <= 200; d += 10) {
    circle(200, 200, d);
  }
}

下記の画像を描きなさい。

下記の画像を描きなさい。