目次
学習日
2025年６月３日
名前
中谷颯
自分で作った図形（コードと画像）
楕円の描画（ellipse)
↓XとY
ellipse(50, 100, 150, 200); // （楕円の中心、幅、高さ）📷 実行結果
四角形の描画（rect)
↓XとY
rect(50, 100, 150, 200); // (左上の座標、幅、高さ）📷 実行結果
三角形の描画（triangle）
↓（100, 300) ↓（200,100) ↓（300,300)
triangle(100, 300, 200, 100, 300, 300); // （一つ目の点の位置、二つ目の点の位置、三つ目の点の位置）📷 実行結果
✅練習問題 1-5-1 （仙厓 義梵：◯△□）
function setup() {
createCanvas(400, 400);
}
function draw() {
background(220);
triangle(140, 270, 200, 190, 250, 270);
ellipse(270, 240, 100, 100)
rect(40, 180, 100, 100)
noFill()
strokeWeight(5)
}
まとめ
・楕円形のコード（ellipse）を知れた。
・楕円形のコードは、高さと幅を同じにすることで円のコードの代用になるということを知れた。
・座標のXとYの後ろに幅と高さを表すWとHがあるということを知れた。
・前に習ったstrokeWeightを使って図形の線の太さを変えることができた。
・３つの図形を重ねる図形を作るのに、少し時間画かかってしまった。
感想
textやlineなどの使い方を再確認することができたので良かった。 新しく知れたコードをしっかりと覚えられるようにしていきたいです。