2025年7月09日
名前
茅野壮甫
自分で作った図形(コードと画像)
✅ 練習問題 2-4-1
// 画面の幅と高さを定数で定義
const SCREEN_WIDTH = 400;
const SCREEN_HEIGHT = 400;
function setup() {
createCanvas(SCREEN_WIDTH,SCREEN_HEIGHT);
background(220);
circle(200,200,450);
}📷 実行結果

✅ 練習問題 2-4-2
Math.PIとPIの違いは全く無くPIの方が早く打つことができる。
✅ 練習問題 2-4-3
// 円の半径を定数で定義
const RADIUS = 50;
function setup() {
createCanvas(400, 400);
background(220);
// 円を描く
circle(100,100,RADIUS);
// 円周の長さを計算
let circumFrence = RADIUS * 2 * Math.PI
// 円周の長さを表示
textSize(16);
text("円周の長さ: " + circumFrence, 10, 30);
}📷 実行結果

まとめ・感想
p5.jsに元からある定数を使えば円周率やマウス関連の物、矢印キーなどの情報を簡単に使うことができる。元からある物なら自分で変数を作らなくていい。