complete exercise 0.10

2024-02-05 23:28:53 +02:00 · 2024-02-05 23:28:53 +02:00 · 97c2a74712
commit 97c2a74712
parent 7601e5f8f8
2 changed files with 58 additions and 0 deletions
--- a/elevated/index.html
+++ b/elevated/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/elevated/sketch.js
+++ b/elevated/sketch.js
@ -0,0 +1,43 @@
+let t = 0
+let animationSpeed = 0.0008
+
+function setup() {
+    createCanvas(640, 240, WEBGL)
+    pixelDensity(1)
+}
+
+function draw() {
+    background(255);
+
+    let pointsX = 20
+    let pointsY = 40
+    let pointGap = 10
+
+    let zs = []
+    for (let y = 0; y < pointsY+1; y++) {
+        for (let x = 0; x < pointsX; x++) {
+            let increment = 0.1
+            zs.push(noise(x*increment, y*increment, t*animationSpeed))
+        }
+    }
+
+    push()
+    rotateX(PI/3)
+    rotateZ(0.0001*t)
+    scale(pointGap)
+    translate(-pointsX/2, -pointsY/2, 0)
+
+    for (let y = 0; y < pointsY; y++) {
+        beginShape(QUAD_STRIP)
+        for (let x = 0; x < pointsX; x++) {
+            fill(zs[x + y * pointsX] * 255, 255)
+            vertex(x, y, zs[x + y * pointsX] * 10)
+            vertex(x, y+1, zs[x + (y+1) * pointsX] * 10)
+        }
+        endShape()
+    }
+
+    pop()
+
+    t += deltaTime
+}