03-02  正多角形を描く

学習日

2025年5月20日

名前

中村 結

自分で作った図形(コードと画像)

 

それぞれの多角形を描きなさい。

 

✅ 練習問題 3-2-1 

・ 正四角形

function setup() 
{
    createCanvas(400, 400);
    background(220);
    setpoint(150, 300);
    setangle(0); 

    for(let i = 1; i <= 4; i++){
        move(100);
        turn(90);
    }
}

📷 実行結果

・ 正五角形

function setup() 
{
    createCanvas(400, 400);
    background(220);
    setpoint(150, 300);
    setangle(0); 

    for(let i = 1; i <= 5; i++){
        move(100);
        turn(72);
    }
}

📷 実行結果

・ 正六角形

function setup() 
{
    createCanvas(400, 400);
    background(220);
    setpoint(150, 300);
    setangle(0); 

    for(let i = 1; i <= 6; i++){
        move(100);
        turn(60);
    }
}

📷 実行結果

・ 正七角形

function setup() 
{
    createCanvas(400, 400);
    background(220);
    setpoint(150, 300);
    setangle(0); 

    for(let i = 1; i <= 7; i++){
        move(100);
        turn(51.5);
    }
}

📷 実行結果

・図形を並べる

function setup() 
{
    createCanvas(500, 130);
    background(220);
   setpoint(50, 100);
    setangle(0); 
    for(let i = 1; i <= 3; i++){
        move(50);
        turn(120);
    }
  
    setpoint(120, 100);
    setangle(0); 
    for(let i = 1; i <= 4; i++){
        move(50);
        turn(90);
    }
  
   setpoint(205, 100);
    setangle(0); 
    for(let i = 1; i <= 5; i++){
        move(45);
        turn(72);
    }
  
   setpoint(290, 100);
    setangle(0); 
    for(let i = 1; i <= 6; i++){
        move(40);
        turn(60);
    }
  
    setpoint(380, 100);
    setangle(0);
    for(let i = 1; i <= 7; i++){
        move(35);
        turn(51.5);
    }
}

📷 実行結果

まとめ・感想

・繰り返す回数を図形の角の数にするのとturn()の数値を図形の内角の角度にすれば正多角形がかける

・並べて書くときはsetpoint()の数値を変えると位置をずらして書くことができる

コメントする