雑記

03-03 繰り返し (for文1)

Posted on by 77curry / 0件のコメント

2025年9月17日

名前

茅野壮甫

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

✅ 練習問題 3-3-1

function setup() {
  createCanvas(300, 300);
  background(220);
  strokeWeight(3);
  stroke(255,25,100);
  

  for (let i = 0; i < 10; i++) {
    line(0, i * 10, 100, i * 10);
    stroke(255,i*25,100);
  }
}

📷 実行結果

✅ 練習問題 3-3-2

サンプル1はstrokeweightがfor文の上にありサンプル2はstrokeweightがfor文の下にあってサンプル1は最初からstrokeweightが設定されているがサンプル2は繰り返すごとにわざわざもう一度設定しているのでサンプル1のほうがいい。

✅ 練習問題 3-3-3

function setup() {
  createCanvas(300, 300);
  background(220);
  strokeWeight(2);
  

  for (let i = 0; i < 10; i++) {
    line(0, i * 10, 100, i * 10);
    line(i * 10, 0, i* 10,100);
  }
}

📷 実行結果

✅ 練習問題 3-3-4

function setup() {
  createCanvas(300, 300);
  background(220);
  strokeWeight(2);
  

  for (let i = 0; i < 10; i++) {
    line(20, 20 + i * 10, 120, 20 + i * 10);
    line(20 + i * 10, 20, 20 + i* 10,120);
  }
}

📷 実行結果

✅ 練習問題 3-3-5

function setup() {
  createCanvas(400, 400);
  background(255);
  strokeWeight(2);

  stroke(200);
  strokeWeight(1);
  
  for (let i = 0; i < 20; i++) {
    line(0,i * 20,400,i * 20);
    line(i * 20,0,i * 20,400);
 }
  stroke(0);
    line(200,0,200,400);
    line(0,200,400,200);
}

📷 実行結果

まとめ・感想

for文を使えば繰り返すときコードを短くできたり変更する際も簡単に変更できるようになる。

コメントする