02-02 直線を描く

直線を使って様々な模様を描く。

始点のy座標は0、終点のy座標は110の固定で、x座標を10~110まで10きざみで描く。

例題2-2-1

縦棒を描く。

コード

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  for (let x = 10; x <= 110; x+=10) {
    line(x, 10, x, 110);
  }
}

結果

練習問題2-2-1

練習問題2-2-2

練習問題2-2-3

練習問題2-2-4