complete exercise 0.3

2024-02-05 20:40:30 +02:00 · 2024-02-05 20:40:30 +02:00 · cb14f6543b
commit cb14f6543b
parent c9523bd229
2 changed files with 58 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,43 @@
+function clamp(x, min_x, max_x) {
+    return min(max(x, min_x), max_x)
+}
+
+class Walker {
+    constructor(x = 0, y = 0) {
+        this.x = x
+        this.y = y
+    }
+
+    step() {
+        let dx = 0
+        let dy = 0
+        if (random(1) < 0.5) {
+            dx = clamp(mouseX - this.x, -1, 1)
+            dy = clamp(mouseY - this.y, -1, 1)
+        } else {
+            dx = floor(random(3)) - 1
+            dy = floor(random(3)) - 1
+        }
+
+        this.x += dx
+        this.y += dy
+    }
+
+    draw() {
+        stroke(0)
+        point(this.x, this.y)
+    }
+}
+
+let walker
+
+function setup() {
+    createCanvas(640, 240)
+    background(255)
+    walker = new Walker(320, 120)
+}
+
+function draw() {
+    walker.step();
+    walker.draw();
+}