2026年4月18日
名前
リゼンデス新菜
自分で作った図形（コードと画像）
✅ 練習問題 1-5-1
ellipse() を使うと、楕円を描くことができます。
ellipse(x, y, w, h);
x, y→ 楕円の中心の座標w→ 楕円の幅h→ 楕円の高さ
幅と高さを同じにすれば正円を描くこともできる。（circle()の代用）
function setup() {
createCanvas(400, 400);
}
function draw() {
background(255, 220, 150);
ellipse(200, 200, 300, 200); // 座標(50, 100)に幅150、高さ200の楕円を描く
}📷 実行結果
rect() を使うと、長方形を描くことができます。rect(x, y, w, h);x, y → 四角形の左上の座標w → 幅h → 高さfunction setup() {
createCanvas(400, 400);
}
function draw() {
background(255, 220, 150);
rect(100, 100, 150, 200); // 座標(50, 100)から右下に幅150、高さ200の長方形を描く
}📷 実行結果
triangle() を使うと、三角形を描くことができます。
triangle(x1, y1, x2, y2, x3, y3);
x1, y1→ 1つ目の点の座標x2, y2→ 2つ目の点の座標x3, y3→ 3つ目の点の座標
function setup() {
createCanvas(400, 400);
}
function draw() {
background(255, 220, 150);
triangle(100, 400, 200, 100, 300, 400); // 指定した３点を結ぶ三角形を描く
}📷 実行結果
次の作品（仙厓 義梵：◯△□）のような図形を描きなさい。
function setup() {
createCanvas(400, 400);
}
function draw() {
background(255, 220, 150);
fill(255, 220, 150)
strokeWeight(9)
stroke(0, 0, 0)
circle(300, 200, 125)
triangle(125, 250, 200, 150, 275, 250)
rect(50, 150, 100, 150);
}📷 実行結果
まとめ・感想
楕円はellipse(x, y, w, h)で作る
三角形はtriangle(x1, y1, x2, y2, x3, y3)で作る
四角形は(x, y, w, h)で作る
線は(x1, y1, x2, y2)で作る