01-04 図形描画の基礎

学習日

2025年6月3日

名前

中谷颯

自分で作った図形(コードと画像)

✅ 練習問題 1-4-1

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(243, 235, 216);
   circle(130,200,200);
  circle(250,200,200);
}

📷 実行結果

✅ 練習問題 1-4-2

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(243, 235, 216);
 circle(130,200,200);
  circle(250,200,200);
  fill (231, 215, 177);
  stroke(243, 235, 216);
  strokeWeight(6);

}

📷 実行結果

✅ 練習問題 1-4-3

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(243, 235, 216);
 circle(130,200,200);
  circle(250,200,200);
  fill (0, 150, 100);
  stroke(243, 235, 216);
  strokeWeight(6);

}

📷 実行結果

まとめ・感想

・strokeやnostrokeを忘れてしまっていた。

・円の枠線の大きさや色をか得られるということを知れた。

・色をどうやって変えるのかを再確認することができた。

・最後の1-4-4のコードを作ることができなかった。

・図形の座標を書くときに少し苦戦してしまった。

・fillをうまく使って円の中の色を変えることができた。

・backgroundの( )の中の値が一つの場合は R,G,B全て同じ値だということを知った。

コメントする