update

TEST.html

@@ -11,28 +11,31 @@
         <script src="/lib/utils.js"></script>
         <script>
             function setup() {
-                createCanvas(600, 600);
+                createCanvas(400, 400);
-                background("#33DDFF");
+                angleMode(DEGREES);
+                background(255);
                 drawGrid(0);
                 noLoop();
-            }
 
-            function mousePressed() {
+                // translate(200, 200);
-                push();
+
-                noFill();
+                // rectMode(CENTER);
-                stroke("#FFDD33");
+                // rect(0, 0, 200, 200);
-                strokeWeight(4);
+                // rect(0, 0, 160, 160);
-                translate(mouseX, mouseY);
+
-                beginShape();
+                // for (let i = 0; i < 12; i++) {
-                for (let θ = 0; θ < PI * 6; θ += 0.1) {
+                // }
-                    let a = 0;
+
-                    let b = 2;
+                // rotate(90);
-                    let r = a + b * θ;
+                // line(0, 0, 0, -400);
-                    let v = polarToCartesian(r, θ);
+
-                    vertex(v.x, v.y);
+                let v1 = createVector(80, 80);
-                }
+                let v2 = createVector(160, 80);
-                endShape();
+                let v3 = v2.copy().sub(v1);
-                pop();
+                drawVector(v1, "red");
+                drawVector(v2, "green");
+                translate(v1.x, v1.y);
+                drawVector(v3, "blue");
             }
         </script>
     </head>