雑記

03-05 繰り返し(for文3)

Posted on by love-english / 0件のコメント

学習日

2025年11月06日

名前

細川紗羅

自分で作った図形（コードと画像）

✅ 練習問題 3-5-2

function setup() {
  createCanvas(300, 300);
  background(216, 230, 243);
  stroke(177, 208, 231);
  strokeWeight(2);
  noFill();
  for (let x = 20; x <= 140; x += 20){
    rect(x, x, 300-2*x, 300-2*x)
  }
}

📷 実行結果

✅ 練習問題 3-5-3

function setup() {
  createCanvas(300, 300);
  background(255);
  fill(235, 210, 120);
  noStroke();
  for (let x = 0; x <= 200; x += 100)
    for (let y = 0; y <= 200; y += 100){
     triangle(x, y, x, 100+y, 100+x, y)
    }
}

📷 実行結果

✅ 練習問題 3-5-4

function setup() {
  createCanvas(320, 320);
  background(223, 103, 86);
  fill(239, 209, 119);
  noStroke();
  for (let x = 40; x <= 280; x += 80) {
    for (let y = 40; y <= 280; y += 80) {
      ellipse(x, y, 80);
    }
  }
}

📷 実行結果

✅ 練習問題 3-5-5

function setup() {
  createCanvas(260, 180);
  background(236, 230, 226);
  stroke(68, 55, 78);

  for (let i = 0; i < 6; i++) {
    for (let j = 0; j < 4; j++) {
      if ((i + j) % 2 == 0)
        rect(10 + i * 40, 10 + j * 40, 40, 40);
      else
        fill(147, 135, 155);
    }
  }
}

📷 実行結果

✅ 練習問題 3-5-7

function setup() {
  createCanvas(260, 180);
  background(223, 103, 86);
  fill(239, 209, 119);
  noStroke();
for(let j =0; j<4; j++){
  for (let i = 0; i < 6; i++) {
    if ((i+j) % 2 == 0)
      rect(10 + i * 40, 10+j*40, 40, 40);
    else
      circle(30 + i * 40, 30+j*40, 40);
  }
 } 
}

📷 実行結果

ポイント👆

・for文を作るときには、頭の中で座標を考えると、間違えてしまう時が多くなってしまうから、紙にメモをしながら考えることが大事！！

コメントする