30 lines
663 B
JavaScript
30 lines
663 B
JavaScript
function setup() {
|
|
createCanvas(400, 400);
|
|
stroke("#FFFF00");
|
|
strokeWeight(8);
|
|
angleMode(DEGREES);
|
|
frameRate(60);
|
|
noCursor();
|
|
}
|
|
|
|
function draw() {
|
|
background("skyblue");
|
|
// 移动原点坐标
|
|
push();
|
|
translate(mouseX, mouseY);
|
|
const a = 1 + (frameCount % 30);
|
|
// 画太阳
|
|
fill("#FFCC00");
|
|
circle(0, 0, 100);
|
|
noFill();
|
|
arc(-20, 0, 20, 20, -135, -45);
|
|
arc(20, 0, 20, 20, -135, -45);
|
|
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();
|
|
}
|