Add Maurer Rose

stdevIvr · stdevIvr · commit d139e02f2ad9 · 2019-10-14T16:45:48.000-04:00
diff --git a/maurer_rose/index.html b/maurer_rose/index.html
@@ -0,0 +1,35 @@
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title></title>
+    <style>
+      * {
+        margin: 10px;
+        font-size: 1.1em;
+      }
+
+      input, button {
+        /* display: inline; */
+        padding: 5px;
+        vertical-align: middle;
+      }
+
+      div {
+        display: inline;
+        vertical-align: middle;
+      }
+    </style>
+  </head>
+  <body>
+  </body>
+  <script type="text/javascript" src="../p5.min.js"></script>
+  <script type="text/javascript" src="../p5.dom.min.js"></script>
+  <script type="text/javascript" src="../complex.min.js"></script>
+  <script type="text/javascript" src="../matrix.js"></script>
+  <script type="text/javascript" src="../utils.js"></script>
+  <script type="text/javascript" src="maurer_rose.js"></script>
+</html>
diff --git a/maurer_rose/maurer_rose.js b/maurer_rose/maurer_rose.js
@@ -0,0 +1,38 @@
+document.title = 'Maurer Rose';
+
+let N;
+let D;
+const RAD = 300;
+
+let plotter;
+
+function setup() {
+  createCanvas(1500, 700);
+
+  createP();
+
+  N = createSlider(1, 50, 3, 1);
+  D = createSlider(1, 50, 3, 1);
+
+  plotter = new Plotter();
+
+}
+
+function draw() {
+
+  background(0);
+
+  let path = [];
+  let delta = TAU / 360;
+
+  for (let i = 0; i < TAU; i += delta) {
+    let k = i * D.value();
+    let r = RAD * sin(N.value() * k);
+    let x = r * cos(k);
+    let y = r * sin(k);
+    path.push( new Point(x, y) );
+  }
+
+  plotter.drawPath(path, color(233, 30, 99));
+
+}
