目次
学習日
２０２６年３月４日
名前
武居寛晶
自分で作った図形（コードと画像）
✅ 例題1-６-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);
}📷 実行結果
✅ 練習問題 １-６-１a
各国の国旗をデザインしなさい。（日本）
function setup() {
createCanvas(300, 200);
background(255);
fill(188, 0, 45);
noStroke()
circle(150 ,100 ,120);
}📷 実行結果
国旗の比率等や、日の丸の色をなどを、できるだけ忠実に再現することを意識しました。
✅ 練習問題 1-６-1b
各国の国旗をデザインしなさい。（スウェーデン王国）
function setup() {
createCanvas(320, 200);
background(0, 106, 167);
fill(254, 204, 0);
noStroke();
rect(101 ,0 ,40 , 200);
rect(0, 80, 320, 40);
}📷 実行結果
今回も比率やRGBを調べてできるだけ忠実に再現しました。
rectの始まりの座標を探すのがなかなか難しかったですが、うまくできて、とても楽しかったです。
２０２６年３月５日
練習問題1-6-1c
各国の国旗をデザインしなさい。（アイスランド）
function setup() {
createCanvas(500, 360,)
background(255, 255, 255);
noStroke()
fill(220, 30, 53);
rect(161, 0, 40, 360,);
rect(0, 161, 500, 40,);
fill(2, 82, 156);
rect(0, 0, 140, 140,);
rect(0, 221, 140, 140);
rect(221, 0, 280, 140);
rect(221, 221, 280,140);
}実行結果
これはとても大変でした、これにはおそらく何通りかの作り方があります。
私がやったのは白背景に赤線二本と、青い長方形四つで作るやり方です。
ですが今になって考えてみれば、白背景に赤二本青二本のほうが簡単な気がしました。
なので作りました。
function setup() {
createCanvas(500, 360,)
background(2, 82, 156);
noStroke()
fill(255);
rect(141, 0, 80, 360,);
rect(0, 141, 500, 80,);
fill(220, 30, 53);
rect(161, 0, 40, 360,);
rect(0, 161, 500, 40);
}実行結果
アイスランド国旗を作ってみてわかったのは、長方形の始まりが少しわかりずらいので、うまくできていたかが不安です。
練習問題1-6-1d
各国の国旗をデザインしなさい。（ジョージア）
function setup() {
createCanvas(300, 200,)
background(255);
noStroke()
fill(255, 0, 0,);
rect(130, 0, 40, 360,);
rect(0, 80, 300, 40,);
rect(55, 20, 20, 40,);
rect(55, 140, 20, 40,);
rect(235, 20, 20, 40,);
rect(235, 140, 20, 40,);
rect(130, 0, 40, 360,);
rect(0, 80, 300, 40,);
rect(45, 30, 40, 20,);
rect(45, 150, 40, 20,);
rect(225, 30, 40, 20,);
rect(225, 150, 40, 20,);
}実行結果
これは、とても大変でした。
これを再現するのは無理だったので、もうやけくそでやりましたが、座標などはある程度気をつけました。
練習問題1-6-1e
各国の国旗をデザインしなさい。（ニジェール共和国）
function setup() {
createCanvas(350, 300,)
background(255);
noStroke()
fill(224, 82, 6);
rect(0, 0, 350, 100,);
circle(175, 150, 85)
fill(13, 176, 43)
rect(0, 200, 350, 100,);
}実行結果
ジョージアの国旗に比べれば、対して苦戦はしませんでした、強いて言うならば、この国旗に明確なルールが乏しかったので、どうしようか迷ったことがあった程度でした。