From 1b5c8261cf3f576fd9d2dcab9ecbb1b0d19f6681 Mon Sep 17 00:00:00 2001
From: Tyler Hallada <tyler@hallada.net>
Date: Sat, 12 Aug 2017 21:33:53 -0400
Subject: [PATCH] WIP fixes, adding button to randomize point cycles

---
 index.html      | 1 +
 js/proximity.js | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 7d262e7..1431ba9 100644
--- a/index.html
+++ b/index.html
@@ -111,6 +111,7 @@
           <input type="range" name="timeRange" min="1" max="360" value="0" oninput="this.form.timeInput.value=this.value" />
           <input type="number" name="timeInput" min="1" max="360" value="0" oninput="this.form.timeRange.value=this.value" />
         </label><br />
+        <button name="randomizeCyclesButton">Randomize Point Cycles</button><br />
         <label>Point tweening:
           <label><input type="radio" name="tweening" value="linear" /> Linear</label>
           <label><input type="radio" name="tweening" value="meandering" checked /> Meandering</label>
diff --git a/js/proximity.js b/js/proximity.js
index 8ab0e44..5cc4016 100644
--- a/js/proximity.js
+++ b/js/proximity.js
@@ -817,7 +817,7 @@ window.onload = function () {
 
     window.addEventListener('keydown', function (e) {
         var i;
-        if (e.target.tagName !== 'CANVAS' || e.target.tagName !== 'BODY') return;
+        if (e.target.tagName === 'INPUT') return;
         if (e.keyCode === 37) { // left
             pointShiftBiasX = -1;
         } else if (e.keyCode === 38) { // up
@@ -889,7 +889,7 @@ window.onload = function () {
         }
     });
 
-    /* BUTTON EVENTS */
+    /* BUTTON & INPUT EVENTS */
 
     document.getElementById('toggle-help').addEventListener('click', function () {
         toggleHelp();
@@ -912,6 +912,7 @@ window.onload = function () {
     timeInput.value = cycleDuration;
     timeInput.addEventListener('input', function (e) {
         var oldCycleDuration = cycleDuration;
+        if (this.value === '' || this.value === '0') return;
         cycleDuration = parseInt(this.value, 10);
         polygonPoints = redistributeCycles(polygonPoints, oldCycleDuration, cycleDuration);
     });