目次
学習日
2025年7月9日
名前
河西結吾
自分で作った図形（コードと画像）
✅ 練習問題 1-6-1a
日本の国旗
function setup() {
createCanvas(600, 400);
background(255,255,255);
stroke(188,0,45)
fill(188, 0, 45); // 塗りつぶす色
ellipse(300,200,250,250)
}📷 実行結果
✅ 練習問題 1-6-2b
スウェーデンの国旗
function setup() {
createCanvas(600, 400);
background(0, 106, 167);
stroke(254, 204, 0);
fill(254, 204, 0);
rect(200,0,70,400)
rect(0,160,600,70)
}📷 実行結果
✅ 練習問題1-6-1c
アイスランドの国旗
function setup() {
createCanvas(600, 400);
background(2, 82, 156);
noStroke();
fill(255,255,255)
rect(160,0,150,400)
rect(0,120,600,150)
fill(220, 30, 53)
rect(200,0,70,400)
rect(0,160,600,70)
}📷 実行結果
✅ 練習問題 1-6-1d
ジョージアの国旗
function setup() {
createCanvas(600, 400);
background(255,255,255);
noStroke();
fill(255,0,0)
rect(250,0,100,400)
rect(0,150,600,100)
rect(100,38,35,70)
rect(83,55,70,35)
rect(450,38,35,70)
rect(433,55,70,35)
rect(100,300,35,70)
rect(83,317,70,35)
rect(450,300,35,70)
rect(433,317,70,35)
}📷 実行結果
✅ 練習問題 1-6-1e
ニジェール共和国国旗
function setup() {
createCanvas(600, 400);
background(255,255,255);
noStroke();
fill(224, 82, 6);
ellipse(300,200,130,130)
rect(0,0,600,125)
fill(13, 176, 43)
rect(0,275,600,125)
}📷 実行結果
まとめ・感想
国旗の位置の調整や四角や楕円の大きさなどを調整するのが難しかった。
国旗の色は調べて正しい色で国旗を書くことができました。スウェーデン国旗とアイスランドの国旗は似ていたので結構簡単にできました。
慣れてきたらどんどん早くできるようになってきました。
アイスランドの国旗では赤い十字の四角のまわりの白い四角でstrokeを使ってみてうまくいかなくて別で白い四角を書いたらできました。