44 lines
1.3 KiB
HTML
44 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
|
|
<link rel="stylesheet" href="/css/style.css" />
|
|
<title>测试</title>
|
|
<script src="/p5/p5.min.js"></script>
|
|
<script src="/p5/addons/p5.sound.min.js"></script>
|
|
<script src="/lib/utils.js"></script>
|
|
<script>
|
|
function setup() {
|
|
createCanvas(600, 600);
|
|
background("#33DDFF");
|
|
drawGrid(0);
|
|
noLoop();
|
|
}
|
|
|
|
function mousePressed() {
|
|
push();
|
|
noFill();
|
|
stroke("#FFDD33");
|
|
strokeWeight(4);
|
|
translate(mouseX, mouseY);
|
|
beginShape();
|
|
for (let θ = 0; θ < PI * 6; θ += 0.1) {
|
|
let a = 0;
|
|
let b = 2;
|
|
let r = a + b * θ;
|
|
let v = polarToCartesian(r, θ);
|
|
vertex(v.x, v.y);
|
|
}
|
|
endShape();
|
|
pop();
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<main></main>
|
|
</body>
|
|
</html>
|