complete exercise 1.2

2024-02-07 00:09:18 +02:00 · 2024-02-07 00:09:18 +02:00 · ba0dec0bb4
commit ba0dec0bb4
parent 5ddad8d145
2 changed files with 47 additions and 0 deletions
--- a/Walker/index.html
+++ b/Walker/index.html
@ -0,0 +1,15 @@
+<html>
+  <head>
+    <script src="https://cdn.jsdelivr.net/npm/p5@1.9.0/lib/p5.js"></script>
+    <script src="sketch.js"></script>
+    <style>
+    body {
+      background: #212121;
+    }
+    </style>
+  </head>
+  <body>
+    <main>
+    </main>
+  </body>
+</html>
--- a/Walker/sketch.js
+++ b/Walker/sketch.js
@ -0,0 +1,32 @@
+class Walker {
+    constructor(x = 0, y = 0) {
+        this.t = createVector(0, 10000)
+        this.pos = createVector(x, y)
+    }
+
+    step() {
+        let dx = map(noise(this.t.x), 0, 1, -1, 1)
+        let dy = map(noise(this.t.y), 0, 1, -1, 1)
+
+        this.pos.add(createVector(dx, dy))
+        this.t.add(createVector(0.01, 0.01))
+    }
+
+    draw() {
+        stroke(0)
+        point(this.pos)
+    }
+}
+
+let walker
+
+function setup() {
+    createCanvas(640, 240)
+    background(255)
+    walker = new Walker(320, 120)
+}
+
+function draw() {
+    walker.step();
+    walker.draw();
+}