01-05 図形描画

2025年6月05日

名前

細川紗羅

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

✅ 練習問題 1-5-1

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

function draw() {
  background(220);
  stroke(100);
  strokeWeight(4)
  noFill();
  rect(30, 120, 100, 120);
  stroke(50);
  strokeWeight(5);
  noFill();
  triangle(130, 230, 210, 110, 290, 230);
  stroke(0);
  strokeWeight(7);
  noFill();
  ellipse(310, 180, 130);
  stroke(120);
  strokeWeight(3);
  line(120, 130, 120, 240)
  stroke(120);
  line(115, 120, 120, 130);
}

📷 実行結果

工夫したこと

工夫したことは2つある。

1.四角形、三角形、円の線の太さ(strokeWeight)、色(stroke)をそれぞれ微調整をした。

↳本物の絵画に近づけるように、四角形→円にかけて太さを1ずつ変えられた。(線の太さ)

↳太さと同じように、四角形→円にかけて色を黒にどんどん近づけられた。(色)

2.四角形の中にある線を書いた。

↳あまり目立たないように、色を薄く、太さも細くすることができた。

コメントする