zhao/p5js
zhao/p5js
4
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
赵鑫 2022-12-11 21:58:45 +08:00
parent 072a92ec54
commit 84de895469
1 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
4.太阳公公.js
View File

@ -10,9 +10,13 @@ function setup() {
function draw() { function draw() {
background("skyblue"); background("skyblue");
// 移动原点坐标 // 移动原点坐标
push();
translate(mouseX, mouseY); translate(mouseX, mouseY);
const a = 1 + (frameCount % 30); // 画阳光
const distance = 1 + (frameCount % 30);
for (let i = 0, n = 36; i < n; i++) {
line(0, -50 - distance * 10, 0, -100 - distance * 10);
rotate(360 / n);
}
// 画太阳 // 画太阳
fill("#FFCC00"); fill("#FFCC00");
circle(0, 0, 100); circle(0, 0, 100);
@ -20,10 +24,4 @@ function draw() {
arc(-20, 0, 20, 20, -135, -45); arc(-20, 0, 20, 20, -135, -45);
arc(20, 0, 20, 20, -135, -45); arc(20, 0, 20, 20, -135, -45);
arc(0, 10, 40, 40, 45, 135); arc(0, 10, 40, 40, 45, 135);
// 画阳光
for (let i = 0, n = 36; i < n; i++) {
line(0, -60 - a * 10, 0, -80 - a * 10);
rotate(360 / n);
}
pop();
} }