01-05 図形描画

学習日

2026年2月28日

名前

武居寛晶

✅ 楕円の描画(ellipse)

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

function draw() {
  background(220);
  ellipse(50, 100, 150, 200);
}

📷 実行結果

使ってみて、楕円はとても汎用性が高いと思うので、これから使っていきたいです。

✅ 四角形の描画(rect)

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

function draw() {
  background(220);
  rect(50, 100, 150, 200);
}

📷 実行結果

指定した座標が、左上なので少し扱いずらそうですが、とても便利だと思いました。

✅ 三角形の描画(triangle)

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

function draw() {
  background(220);
  triangle(100, 300, 200, 100, 300, 300);
}

📷 実行結果

一つ一つの角の座標が決められるのは、とても面白いので、使ってみたく成りました。

まとめ・感想

今習った図形の組み合わせ次第で、作れるものの幅が増えました。
これからの練習問題が楽しみです。

コメントする