complete exercise 1.3

2024-02-07 00:09:24 +02:00 · 2024-02-07 00:09:24 +02:00 · fd2df012af
commit fd2df012af
parent ba0dec0bb4
2 changed files with 77 additions and 0 deletions
--- a/ball/index.html
+++ b/ball/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/ball/sketch.js
+++ b/ball/sketch.js
@ -0,0 +1,62 @@
+let position
+let velocity
+
+let topLeftCorner
+let bottomRightCorner
+
+function setup() {
+    createCanvas(300, 300, WEBGL)
+
+    topLeftCorner = createVector(-100, -100, -100)
+    bottomRightCorner = createVector(100, 100, 100)
+
+    position = createVector(0, 0)
+    velocity = createVector(
+        random(3) - 1,
+        random(3) - 1,
+        random(3) - 1,
+    ).mult(0.2)
+
+}
+
+function draw() {
+    position.add(p5.Vector.mult(velocity, deltaTime))
+
+    if (position.x < topLeftCorner.x || position.x > bottomRightCorner.x) {
+        velocity.x *= -1
+    }
+    if (position.y < topLeftCorner.y || position.y > bottomRightCorner.y) {
+        velocity.y *= -1
+    }
+    if (position.z < topLeftCorner.z || position.z > bottomRightCorner.z) {
+        velocity.z *= -1
+    }
+
+    background(255)
+    noFill()
+
+    orbitControl()
+
+
+    stroke('red')
+    point(topLeftCorner)
+    stroke('blue')
+    point(bottomRightCorner)
+
+    stroke('black')
+    strokeWeight(0.5)
+    push()
+    translate(p5.Vector.add(topLeftCorner, bottomRightCorner).div(2))
+    let boundsWidth = abs(topLeftCorner.x - bottomRightCorner.x)
+    let boundsHeight = abs(topLeftCorner.y - bottomRightCorner.y)
+    let boundsDepth = abs(topLeftCorner.z - bottomRightCorner.z)
+    box(boundsWidth, boundsHeight, boundsDepth)
+    pop()
+
+    strokeWeight(2)
+    orbitControl()
+    push()
+    translate(position)
+    sphere(5)
+    pop()
+}