目次
学習日
2026年5月30日
名前
リゼンデス新菜
自分で作った図形（コードと画像）
✅ 練習問題 1-6-1
＋と÷のデザインを描く。
function setup() {
createCanvas(400, 400);
}
function draw() {
background(220);
fill(0, 0, 255)
strokeWeight(0)
rect(100, 100, 30, 200)
rect(20, 180, 180, 30)
circle(300, 140, 50)
circle(300, 260, 50)
rect(225, 180, 150, 30)
}📷 実行結果
✅ 練習問題 1-6-1a
各国の国旗をデザインしなさい。（日本）
function setup() {
createCanvas(600, 400);
}
function draw() {
background(255);
fill(190, 0, 0)
stroke(190, 0, 0)
circle(300, 200, 200)
}📷 実行結果
✅ 練習問題 1-6-1b
各国の国旗をデザインしなさい。（スウェーデン王国）
function setup() {
createCanvas(600, 400);
}
function draw() {
background(0, 106, 167);
fill(254, 204, 0)
strokeWeight(0)
rect(185, 0, 60, 400)
rect(0, 160, 600, 60)
}📷 実行結果
✅ 練習問題 1-6-1c
各国の国旗をデザインしなさい。（アイスランド）
function setup() {
createCanvas(600, 400);
}
function draw() {
background(2, 82, 156);
fill( 255, 255, 255)
strokeWeight(0)
rect(185, 0, 110, 400)
rect(0, 140, 600, 110)
fill( 220, 30, 53)
strokeWeight(0)
rect(210, 0, 60, 400)
rect(0, 165, 600, 60)
}📷 実行結果
✅ 練習問題 1-6-1d
各国の国旗をデザインしなさい。（ジョージア）
function setup() {
createCanvas(600, 400);
}
function draw() {
background(255);
fill(255, 0, 0)
strokeWeight(0)
rect(250, 0, 100, 400)
rect(0, 150, 600, 100)
rect(460, 285, 30, 90)
rect(430, 315, 90, 30)
rect(460, 30, 30, 90)
rect(430, 60, 90, 30)
rect(110, 30, 30, 90)
rect(80, 60, 90, 30)
rect(110, 285, 30, 90)
rect(80, 315, 90, 30)
}📷 実行結果
✅ 練習問題 1-6-1e
各国の国旗をデザインしなさい。（ニジェール共和国）
function setup() {
createCanvas(600, 400);
}
function draw() {
background(255);
fill(224, 82, 6)
strokeWeight(0)
rect(0, 0, 600, 130)
circle(300, 200, 125)
fill(13, 176, 43)
strokeWeight(0)
rect(0, 270, 600, 130)
}📷 実行結果
まとめ・感想
色々な国旗が作れることが面白かった。
rect(x, y, w, h)をたくさん使ったから完全に覚えた。
circle(x, y, d)も覚えた。
一番ジョージアが難しかったけど、一つ目の十字形を作ればほかのは簡単だった。