雑記

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

Posted on by michi555 / 8件のコメント

学習日

2025年5月21日

名前

堀内道

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

✅ 練習問題 1-3-1

function setup() {
  createCanvas(400, 400); // キャンバスのサイズを 400x400 に設定
  background(220); // 背景色をグレー (0:黒 〜 255:白)
  sircle(200, 200, 200); // 座標(130, 200)に直径200の円を描く
}

📷 実行結果

✅ 練習問題 1-3-2

function setup() {
  createCanvas(400, 400); // キャンバスのサイズを 400x400 に設定
  background(220); // 背景色をグレー (0:黒 〜 255:白)
  circle(130,200,200);// 座標(130, 200)に直径200の円を描く
  circle(270,200,200);
}

📷 実行結果

✅ 練習問題 1-3-3

function setup() {
  createCanvas(400, 400); // キャンバスのサイズを 400x400 に設定
  background(220); // 背景色をグレー (0:黒 〜 255:白)
  circle(130,200,200);// 座標(130, 200)に直径200の円を描く
  circle(270,200,200);
}

📷 実行結果

まとめ・感想

初めてやってみて「circle」を打つのがややこしかった。

練習問題の1-3-3と同じ大きさの円を作るのがどうやってやるかわからなかったけど

もう一つ同じプログラムを打ったらいいということが分かった！

だけどそれだけじゃ左右対称に作るのは無理だから右側に（270,200,200)を打ったらいいという

ことが分かった。

8件のコメント

コメントする