2022-12-14 03:35:37 +00:00
|
|
|
<!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" />
|
2022-12-25 11:50:01 +00:00
|
|
|
<title>测试</title>
|
2022-12-30 10:50:06 +00:00
|
|
|
<script src="/lib/p5/p5.min.js"></script>
|
|
|
|
|
<script src="/lib/p5/addons/p5.sound.min.js"></script>
|
2022-12-14 03:35:37 +00:00
|
|
|
<script src="/lib/utils.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
function setup() {
|
2022-12-31 07:15:27 +00:00
|
|
|
createCanvas(400, 400);
|
|
|
|
|
angleMode(DEGREES);
|
|
|
|
|
background(255);
|
2022-12-25 11:50:01 +00:00
|
|
|
drawGrid(0);
|
2022-12-14 03:35:37 +00:00
|
|
|
noLoop();
|
|
|
|
|
|
2022-12-31 07:15:27 +00:00
|
|
|
// translate(200, 200);
|
|
|
|
|
|
|
|
|
|
// rectMode(CENTER);
|
|
|
|
|
// rect(0, 0, 200, 200);
|
|
|
|
|
// rect(0, 0, 160, 160);
|
|
|
|
|
|
|
|
|
|
// for (let i = 0; i < 12; i++) {
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// rotate(90);
|
|
|
|
|
// line(0, 0, 0, -400);
|
|
|
|
|
|
|
|
|
|
let v1 = createVector(80, 80);
|
|
|
|
|
let v2 = createVector(160, 80);
|
|
|
|
|
let v3 = v2.copy().sub(v1);
|
|
|
|
|
drawVector(v1, "red");
|
|
|
|
|
drawVector(v2, "green");
|
|
|
|
|
translate(v1.x, v1.y);
|
|
|
|
|
drawVector(v3, "blue");
|
2022-12-17 11:31:24 +00:00
|
|
|
}
|
2022-12-14 03:35:37 +00:00
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<main></main>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
