Generate palette automatically

engine-proto/ganja-test/ganja-test.html

@@ -21,43 +21,55 @@
   <script>
   // in the default view, e4 + e5 is the point at infinity
   let CGA3 = Algebra(4, 1);
-  let v = [
+  let elements = [
     CGA3.inline(() => Math.sqrt(0.5)*( 1e1 + 1e2 + 1e3 + 1e5))(),
     CGA3.inline(() => Math.sqrt(0.5)*( 1e1 - 1e2 - 1e3 + 1e5))(),
     CGA3.inline(() => Math.sqrt(0.5)*(-1e1 + 1e2 - 1e3 + 1e5))(),
     CGA3.inline(() => Math.sqrt(0.5)*(-1e1 - 1e2 + 1e3 + 1e5))(),
     CGA3.inline(() => -Math.sqrt(3)*1e4 + Math.sqrt(2)*1e5)()
   ];
-
+  
+  // set up palette
+  var colorIndex;
+  var palette = [0xff00b0, 0x00ffb0, 0x00b0ff, 0x8040ff, 0xc0c0c0];
+  function nextColor() {
+    colorIndex = (colorIndex + 1) % palette.length;
+    return palette[colorIndex];
+  }
+  function resetColorCycle() {
+    colorIndex = palette.length - 1;
+  }
+  resetColorCycle();
+  
   // create scene function
-  let scene = () => [
-    0xff00b0, v[0],
-    0x00ffb0, v[1],
-    0x00b0ff, v[2],
-    0x8040ff, v[3],
-    0xc0c0c0, v[4]
-  ];
+  function scene() {
+    commands = [];
+    resetColorCycle();
+    elements.forEach((elt) => commands.push(nextColor(), elt));
+    return commands;
+  }
   
   // initialize graph
-  let gr = CGA3.graph(
+  let graph = CGA3.graph(
     scene,
     {
       conformal: true, gl: true, grid: true
     }
   )
-  document.body.appendChild(gr);
+  document.body.appendChild(graph);
   
   function flip() {
-    for (let n = 0; n < 4; ++n) {
+    let last = elements.length - 1;
+    for (let n = 0; n < last; ++n) {
       // reflect
-      v[n] = CGA3.Mul(CGA3.Mul(v[4], v[n]), v[4]);
+      elements[n] = CGA3.Mul(CGA3.Mul(elements[last], elements[n]), elements[last]);
       
       // de-noise
-      for (let k = 6; k < v[n].length; ++k) {
-        v[n][k] = 0;
+      for (let k = 6; k < elements[n].length; ++k) {
+        elements[n][k] = 0;
       }
     }
-    requestAnimationFrame(gr.update.bind(gr, scene));
+    requestAnimationFrame(graph.update.bind(graph, scene));
   }
   </script>
 </body>