学習日
2025年 5月27日 / 6月3日
名前
中村 結
✅ 練習問題 ３－４－１
渦巻き模様を６つ作りなさい。
・１つ目
function setup() {
createCanvas(400, 400);
background(220);
let n = 5;
const angle = 73, // 回転角
step = 1; // 辺の減少値
let leng = 150; // 辺の初期値
stroke(41,157,143);
setpoint(120, 300);
setangle(0);
while (leng > 10) {
move(leng);
turn(angle);
leng -= step;
}
}📷 実行結果
・２つ目
function setup() {
createCanvas(400, 400);
background(220);
let n = 4;
const angle = 90, // 回転角
step = 2; // 辺の減少値
let leng = 200; // 辺の初期値
stroke(41,157,143);
setpoint(90, 300);
setangle(0);
while (leng > 10) {
move(leng);
turn(angle);
leng -= step;
}
}📷 実行結果
・３つ目
function setup() {
createCanvas(400, 280);
background(220);
let n = 3;
const angle = 100, // 回転角
step = 1; // 辺の減少値
let leng = 150; // 辺の初期値
stroke(41,157,143);
setpoint(120, 200);
setangle(0);
while (leng > 10) {
move(leng);
turn(angle);
leng -= step;
}
}📷 実行結果
・４つ目
function setup() {
createCanvas(400, 300);
background(220);
let n = 3;
const angle = 120, // 回転角
step = 4; // 辺の減少値
let leng = 200; // 辺の初期値
stroke(41,157,143);
setpoint(100, 220);
setangle(0);
while (leng > 10) {
move(leng);
turn(angle);
leng -= step;
}
}📷 実行結果
・５つ目
function setup() {
createCanvas(400, 260);
background(220);
let n = 3;
const angle = 122, // 回転角
step = 2; // 辺の減少値
let leng = 200; // 辺の初期値
stroke(41,157,143);
setpoint(100, 200);
setangle(0);
while (leng > 10) {
move(leng);
turn(angle);
leng -= step;
}
}
📷 実行結果
・６つ目
function setup() {
createCanvas(400, 320);
background(220);
let n = 3;
const angle = 145, // 回転角
step = 2; // 辺の減少値
let leng = 200; // 辺の初期値
stroke(41,157,143);
setpoint(100, 200);
setangle(0);
while (leng > 10) {
move(leng);
turn(angle);
leng -= step;
}
}📷 実行結果
✅ 練習問題 ３－４－２
function setup() {
createCanvas(400, 400);
background(220);
colorMode(HSL);
const angle = 89, // 回転角
step = 1; // 辺の減少値
let leng = 200; // 辺の初期値
setpoint(100, 300);
setangle(0);
let n = 0;
while (leng > 10){
n += 1;
stroke((n * 89) % 360, 100, 50);
move(leng);
turn(angle);
leng -= step;
}
}📷 実行結果
まとめ・感想
・渦巻き模様は１ずらすことが大切で１だけずれることで前にあったところから少しだけずれていくのできれいな渦巻き模様が描ける。