2025年6月4日
名前
堀内道
✅ 練習問題 1-５-1
function setup() {
createCanvas(500, 600); // キャンバスのサイズを 400x400 に設定
background(24,215,201); // キャンバスの色：赤
fill(2,123,17); //
noStroke(); // 枠線なし
strokeWeight(6); // 枠線の太さ：10px
stroke(243,235,216); // 枠線の色：黄stroke(243,235,216);
ellipse(400, 200, 190, 200); // 座標(50, 100)に幅150、高さ200の楕円を描く
rect(50, 100, 150, 200); // 座標(50, 100)から右下に幅150、高さ200の長方形を描く
triangle(150, 300, 250, 100, 350, 300); // 指定した３点を結ぶ三角形を描く
}
📷 実行結果
テキストの描画
function setup() {
createCanvas(500, 600); // キャンバスのサイズを 400x400 に設定
background(24,215,201); // キャンバスの色：赤
fill(2,123,17); //
noStroke(); // 枠線なし
strokeWeight(6); // 枠線の太さ：10px
stroke(243,235,216); // 枠線の色：黄stroke(243,235,216);
ellipse(400, 200, 190, 200); // 座標(50, 100)に幅150、高さ200の楕円を描く
rect(50, 100, 150, 200); // 座標(50, 100)から右下に幅150、高さ200の長方形を描く
triangle(150, 300, 250, 100, 350, 300); // 指定した３点を結ぶ三角形を描く
line(50, 200, 350, 200); // 指定した2点を結ぶ直線を描く
text("平等院鳳凰堂", 100, 50); // 座標(100, 50)にHelloと描く
}
まとめ
三角、丸、四角の位置を変えるのがめっちゃむずかったし、
□△○の順番で並べるのか難しかったけど、落ち着いてやったらできた。
テキストがまじで便利すぎてびっくりした。