03-03 n 多角形を描く問題に一般化する

学習日

2025年5月27日

名前

中村 結

✅ 練習問題 3-3-1

3角形~20角形までを描く。
図形ごとに色が変化するように描く。

function setup() {
  createCanvas(600, 560);
  background(220);
  colorMode(HSL); // HSLモードに設定
  for (let n = 3; n <= 20; n++) {
    stroke((n * 30) % 360, 100, 50);// 色相、彩度100%、明度50%
    setpoint(250, 540);
    setangle(0);
    for (let i = 1; i <= n; i++) {
      move(80);
      turn(360.0 / n);
    }
  }  
}

📷 実行結果

✅ 練習問題 3-3-2

星型多角形を描きなさい。

function setup() {
  createCanvas(400, 350);
  background(220);
  setpoint(100, 200);
  setangle(0);
  const N = 7;
  for (let i = 1; i <= N; i++) {
    move(200);
    turn(180 - 180 / N);
  }  
}

📷 実行結果

✅ 練習問題 3-3-3

星型多角形を描きなさい。

function setup() {
  createCanvas(400, 350);
  background(220);
  setpoint(100, 200);
  setangle(0);
  const N = 9;
  for (let i = 1; i <= N; i++) {
    move(200);
    turn(180 - 180 / N);
  }  
}

📷 実行結果

まとめ・感想

・星形多角形は角の数を変えたり、繰り返す回数を変えていけばいろいろな角の星形多角形を書くことができる。

コメントする