complete exercise 0.9

2024-02-05 22:52:02 +02:00 · 2024-02-05 22:52:02 +02:00 · 7601e5f8f8
commit 7601e5f8f8
parent e24fc3db4f
2 changed files with 45 additions and 0 deletions
--- a/animated/index.html
+++ b/animated/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/animated/sketch.js
+++ b/animated/sketch.js
@ -0,0 +1,30 @@
+let increment = 0.01
+let octaves = 8
+let falloff = 0.4
+
+let t = 0
+let animationSpeed = 0.0005
+
+function setup() {
+    createCanvas(640, 240)
+    pixelDensity(1)
+    noiseDetail(octaves, falloff)
+}
+
+function draw() {
+    loadPixels()
+    for (let x = 0; x < width; x++) {
+        for (let y = 0; y < height; y++) {
+            let index = (x + y * width) * 4
+
+            let noiseValue = noise(x*increment, y*increment, t*animationSpeed)
+            let bright = map(noiseValue, 0, 1, 0, 255)
+            pixels[index+0] = bright
+            pixels[index+1] = bright
+            pixels[index+2] = bright
+            pixels[index+3] = 255
+        }
+    }
+    updatePixels()
+    t += deltaTime
+}