01-04図形描画の基礎

学習日

2026年2月12日

名前

武居寛晶

✅ 練習問題 1-4-1

前回作成した練習問題1-3-3 のキャンバス色を、初期値のグレーからパステルベージュ(243, 235, 216)に変更してみましょう。

function setup() {
  createCanvas(400, 400); // キャンバスのサイズを 400x400 に設定
  background(243, 235, 216);
  circle(130, 200, 200);
  circle(270, 200, 200); // 座標(200, 200)に直径200の円を描く
}

📷 実行結果

✅ 練習問題 1-4-2

練習問題1-4-1 のスクリプトで描いた図形を次の通りに変更しなさい。

  • 塗りつぶしの色:(231, 215, 177)
  • 枠線の色:キャンバスと同じ色
  • 枠線の太さ:6px
function setup() {
  createCanvas(400, 400); // キャンバスのサイズを 400x400 に設定
  background(243, 235, 216);
  fill(231, 215, 177)
  stroke(243, 235, 216); // 枠線の色:黄
  strokeWeight(6); // 枠線の太さ:10px
  circle(130, 200, 200);
  circle(270, 200, 200); // 座標(200, 200)に直径200の円を描く
}

📷 実行結果

✅ 練習問題 1-4-3

先の練習問題の色を自分好みの色に変更しなさい。完成したら、キャンバスを右クリックして「画像を名前をつけて保存」し、PG部のSlackで先生に送信しなさい。

function setup() {
  createCanvas(400, 400); // キャンバスのサイズを 400x400 に設定
  background(10);
  fill(200, 50, 20 )
  noStroke()
  circle(130, 200, 200);
  
  fill(200)
  circle(250, 200, 180);// 座標(200, 200)に直径200の円を描く
}

📷 実行結果

題名「日食」

まとめ・感想

この単元を経て、私は丸をいじるだけでも、たくさんのことができることを知りました。
私の作った作品につきましては、2つの円が重なっている時に日食を思い浮かべたので、できるだけ日食に近づけることを意識しました。

コメントする