Merge pull request #120 from 201flaviosilva-labs/master

shiffman · web-flow · commit 0c5788a575f4 · 2022-04-25T19:21:48.000-04:00
Add Graphing 1D Perlin Noise
diff --git a/chp00_introduction/Graphing1D/index.html b/chp00_introduction/Graphing1D/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.1/p5.min.js"></script>
+  <meta charset="utf-8" />
+</head>
+
+<body>
+  <script src="sketch.js"></script>
+</body>
+
+</html>
diff --git a/chp00_introduction/Graphing1D/sketch.js b/chp00_introduction/Graphing1D/sketch.js
@@ -0,0 +1,30 @@
+// The Nature of Code
+// Daniel Shiffman
+// http://natureofcode.com
+
+let startX = 0;
+
+function setup() {
+  createCanvas(800, 600);
+  stroke(255);
+  noFill();
+}
+
+function draw() {
+  background(150);
+
+  const addingX = map(mouseY, 0, height, 0.01, 0.1);
+  const detail = map(mouseX, 0, width, 0, 32);
+  let xOff = startX;
+
+  noiseDetail(detail);
+
+  beginShape();
+  for (let i = 0; i < width; i++) {
+    vertex(i, noise(xOff) * height);
+    xOff += 0.01;
+  }
+  endShape();
+
+  startX += addingX;
+}
