学習日
2026年4月4日
名前
リゼンデス新菜
自分で作った図形（コードと画像）
✅ 練習問題 1-3-1
わざと間違えてみよう！
circleをsircleにしてエラーが出るか確認しなさい。
function setup() {
createcanvas(400, 400); // キャンバスのサイズを 400x400 に設定
background(220); // 背景色をグレー (0:黒 〜 255:白)
sercle(200, 200, 200); // 座標(200, 200)に直径200の円を描く
}📷 実行結果
✅ 練習問題 1-3-2
中央に描かれた円を左に 70 ピクセルずらしなさい。
function setup() {
createCanvas(400, 400); // キャンバスのサイズを 400x400 に設定
background(220); // 背景色をグレー (0:黒 〜 255:白)
circle(130, 200, 200); // 座標(200, 200)に直径200の円を描く
}📷 実行結果
✅ 練習問題 1-3-3
左右対称になるように右側にもう一つ同じ大きさの円を描きなさい。
function setup() {
createCanvas(400, 400); // キャンバスのサイズを 400x400 に設定
background(220); // 背景色をグレー (0:黒 〜 255:白)
circle(130, 200, 200); // 座標(200, 200)に直径200の円を描く
circle(270, 200, 200);
}📷 実行結果
まとめ・感想
円は circle(x,y,d)で作られる。
大文字を小文字にしたり、circle を sircle や cercle にしたら間違えになることがわかった。
Scratchの中心は（0，0）だけど p5jsは左上が（0，0）がわかった。
円をたくさん作るには circle（~,~,~) を作るほど円が作れる。【（x,y,d）を変えないと同じ場所に作られるから一つしか見えなくなる。】