雑記

01-06 いろいろな図形を描こう

Posted on by 77curry / 0件のコメント

2025年6月18,25日

名前

茅野壮甫

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

✅ 練習問題 1-6-1

function setup() {
createCanvas(400,400);
background(220);
stroke(0,0,255);
fill(0,0,255);
rect(10,50,100,20);
rect(50,10,20,100);
rect(150,50,100,20);
circle(200,20,30);
circle(200,100,30);
}

📷 実行結果

✅ 練習問題 1-6-1a

function setup() {
  createCanvas(450,300);
  background(255,255,255);
  noStroke();
  fill(188,0,45);
  ellipse(225,150,150,150);
}

📷 実行結果

✅ 練習問題 1-6-1b

function setup() {
  createCanvas(400,275);
  background(0,106,167);
  noStroke();
  fill(254,204,0);
  rect(130,0,40,275);
  rect(0,100,440,40);
}

📷 実行結果

✅ 練習問題 1-6-1c

function setup() {
  createCanvas(400,275);
  background(2,82,156);
  noStroke();
  fill(255,255,255);
  rect(110,0,80,275);
  rect(0,80,400,80);
    fill(220,30,53);
  rect(130,0,40,275);
  rect(0,100,400,40);
}

📷 実行結果

✅ 練習問題 1-6-1d

function setup() {
  createCanvas(400,275);
  background(255,255,255);
  noStroke();
  fill(255,0,0);
  rect(160,0,80,275);
  rect(0,97,400,80);
  rect(80,50,32,16);
  rect(88,42.5,16,32);
  rect(80,210,32,16);
  rect(88,202.5,16,32);
  rect(288,50,32,16);
  rect(296.5,42.5,16,32);
  rect(288,210.5,32,16);
  rect(296.5,202.5,16,32);
}

📷 実行結果

✅ 練習問題 1-6-1e

function setup() {
  createCanvas(450,300);
  background(224,82,6);
  noStroke();
  fill(13,176,43);
  rect(0,200,450,100);
  fill(255,255,255);
  rect(0,100,450,100);
  fill(224,82,6);
  ellipse(225,150,75);
}

📷 実行結果

まとめ・感想

今までで特に難しかったけど、座標やサイズについてかなり考えてプログラムすることができた。

コメントする