01-03 初めてのコーディング

学習日

2026年　２月３日

名前

中村仁

自分で作った図形（コードと画像）

📷 実行結果

✅ 練習問題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); // キャンバスのサイズを 400×400 に設定
background(220); // 背景色をグレー (0:黒 〜 255:白)
circle(150, 200, 200); // 座標(200, 200)に直径200の円を描く

circle(250, 200, 200); // 座標(200, 200)に直径200の円を描く
}

まとめ・感想

意味がわからない英語ばっかりで混乱しました。なんで、ｐ５.ｊｓのｙ座標は値が増えると下がるのが不思議でした。ｘ座標が一番端で、y座標がx座標の隣になることを学習しました。これから、内容をよく理解して頑張っていきたいです。プログラムのスタートボタンはちゃんとあって、それがループする機能も持っていることがわかりました。