2026年6月17日
名前
茅野壮甫
自分で作った図形（コードと画像）
✅ 練習問題 5-2-1
function setup() {
createCanvas(400, 400);
background(18, 24, 60);
noStroke();
drawStar(80,90);
drawStar(230,70);
drawStar(320,150);
drawStar(130,230);
drawStar(280,300);
drawStar(150,300);
drawStar(200,150);
}
function drawStar(x, y) {
fill(255, 230, 160);
ellipse(x, y, 36, 10);
ellipse(x, y, 10, 36);
}📷 実行結果
✅ 練習問題 5-2-2
function setup() {
createCanvas(400, 400);
background(18, 24, 60);
noStroke();
drawStar(80,90,10,50);
drawStar(230,70,50,10);
drawStar(320,150,75,5);
drawStar(130,230,100,20);
drawStar(280,300,20,30);
drawStar(150,300,10,40);
drawStar(200,150,50,100);
}
function drawStar(x, y, w, h) {
fill(255, 230, 160);
ellipse(x, y, w, h);
ellipse(x, y, h, w);
}📷 実行結果
✅ 練習問題 5-2-3
function setup() {
createCanvas(400, 400);
background(18, 24, 60);
noStroke();
drawStar(80, 90, 255, 230, 160);
drawStar(230, 70, 237, 34, 93);
drawStar(320, 150, 13, 185, 100);
drawStar(130, 230, 54, 202, 245);
drawStar(280, 300, 104, 21, 162);
}
function drawStar(x, y, r, g, b) {
fill(r, g, b);
ellipse(x, y, 36, 10);
ellipse(x, y, 10, 36);
}📷 実行結果
まとめ・感想
引数を使うことで同じものを作るとき簡単に値を変えて位置や色や形を変えることができる。