学習日
2025年5月22日
名前
細川紗羅
自分で作った図形（コードと画像）
✅ 練習問題 1-4-1
// Rose
function setup() {
createCanvas(300, 300);
angleMode(DEGREES);
noLoop();
}
function draw() {
background(200);
//１番後ろ
stroke(255, 255, 255);
fill(255, 151, 183);
ellipse(210, 145, 50);
ellipse(150, 90, 50);
ellipse(190, 100, 50);
ellipse(180, 180, 50);
ellipse(120, 170, 50);
ellipse(110, 120, 50);
//２番目
stroke(255, 255, 255);
fill(255, 196, 214);
ellipse(170, 95, 50);
ellipse(200, 120, 50);
ellipse(150, 180, 50);
ellipse(120, 150, 50);
ellipse(130, 110, 50);
//３番目
stroke(255, 255, 255);
fill(255, 196, 214);
ellipse(195, 160, 50);
//４番目
stroke(255, 255, 255);
fill(250, 220, 220);
ellipse(180, 155, 40);
ellipse(180, 120, 40);
ellipse(155, 165, 40);
ellipse(150, 115, 40);
ellipse(135, 145, 40);
//５番目
stroke(255, 255, 255);
fill(255, 235, 215);
translate(width / 2, height / 2);
rotate(45);
ellipse(5, -30, 30, 20);
rotate(140);
arc(-12, 5, 30, 20, 120, PI + QUARTER_PI, PIE);
rotate(180);
arc(5, -20, 30, 20, 120, PI + QUARTER_PI, PIE)
}📷 実行結果
工夫したこと
工夫したことは2つある。
⒈’stroke’を’fill’と同じ色にせず、白くした。
↳重なっている円の色の違いをはっきりさせ、1つ1つの花びらを強調させられた。
⒉それぞれの花びらの位置、色を微調整した。
↳参考のイラストに近づけた。（位置）
↳バラの形が四角ではなく丸い形になるようにして、本物のバラに近づけた。（位置）
↳1番後ろの方の花びらから前の方に行くにつれてグラデーションにした。（色）
↳真ん中のところは、ピンクより黄色に寄せた淡い色にした。（色）