From cda8439b16d66afb4fa97f5199f2956e351d7daa Mon Sep 17 00:00:00 2001
From: BuildTools <unconfigured@null.spigotmc.org>
Date: Sun, 9 Jun 2019 13:22:27 -0700
Subject: [PATCH] Adjusted game speeds, added insane mode, and change theme on
 option click

---
 index.html    | 27 ++++++++++++++++-----------
 js/.tern-port |  1 +
 js/snake.js   | 43 ++++++++++++++++++++++++++++---------------
 3 files changed, 45 insertions(+), 26 deletions(-)
 create mode 100644 js/.tern-port

diff --git a/index.html b/index.html
index 59a5042c..fb4050d2 100755
--- a/index.html
+++ b/index.html
@@ -13,24 +13,29 @@
     <meta charset="utf-8">
     <title>JavaScript Snake</title>
     <link rel=stylesheet id=style type=text/css href=./css/main-snake.css />
-    <button onclick=getTheme()>Click to use this theme.</button>
-    <select id="select">
-        <option>Dark Theme</option>
-        <option>Revert To Original</option>
+    <!-- <button onclick=getTheme()>Click to use this theme.</button> -->
+    <select onchange="getTheme()" id="select">
+      <option value="original">Original Theme</option>
+      <option value="dark">Dark Theme</option>      
     </select>
-    <div id="mode-wrapper">Select which mode you would like to play in.<br /><button id="Easy">Easy</button><br /><button id="Medium">Medium</button><br /><button id="Difficult">Difficult</button></div>
+    <div id="mode-wrapper">Select which mode you would like to play in.<br /><button id="Easy">Easy</button><br /><button id="Medium">Medium</button><br /><button id="Difficult">Difficult</button><br/><button id="INSANE">INSANE</button></div>
 <button id="high-score">Get your current high score for this game.</button>
 <script>
 function getTheme () {
     function changeTheme (Theme) {
         document.getElementById('style').setAttribute('href', Theme);
     }
-    var index = document.getElementById("select").selectedIndex;
-    switch (index) {
-        case 0: 
-          changeTheme('css/dark-snake.css');
-          break;
-          case 1: changeTheme('css/main-snake.css');
+
+    var sel = document.getElementById("select");
+    var val = sel.options[sel.selectedIndex].value;
+    
+    switch (val) {
+        case "original":
+            changeTheme('css/main-snake.css');    
+            break;
+        case "dark":
+            changeTheme('css/dark-snake.css');
+            break;
     }
 }
 if (navigator.onLine && window.location.hostname === 'patorjk.com') {
diff --git a/js/.tern-port b/js/.tern-port
new file mode 100644
index 00000000..6dce8fbb
--- /dev/null
+++ b/js/.tern-port
@@ -0,0 +1 @@
+41487
\ No newline at end of file
diff --git a/js/snake.js b/js/snake.js
index 3c9dabe0..0d9a17a5 100644
--- a/js/snake.js
+++ b/js/snake.js
@@ -121,16 +121,18 @@ SNAKE.Snake = SNAKE.Snake || (function() {
             rowShift = [-1, 0, 1, 0],
             xPosShift = [],
             yPosShift = [],
-            snakeSpeed = 75,
+            snakeSpeed = 100,
             isDead = false,
             isPaused = false;
-        function getMode (mode, speed) {
-    document.getElementById(mode).addEventListener('click', function () { snakeSpeed = speed; });
-}
-            getMode('Easy', 100);
-            getMode('Medium', 75);
-            getMode('Difficult', 50);
+	
         // ----- public variables -----
+	me.speed = {
+	    easy: 150,
+	    medium: 100,
+	    difficult: 50,
+	    insane: 10
+	};
+	
         me.snakeBody = {};
         me.snakeBody["b0"] = new SnakeBlock(); // create snake head
         me.snakeBody["b0"].row = config.startRow || 1;
@@ -180,6 +182,7 @@ SNAKE.Snake = SNAKE.Snake || (function() {
             playingBoard.getBoardContainer().appendChild( tempBlock.elm );
             blockPool[blockPool.length] = tempBlock;
         }
+
         
         // ----- public methods -----
         
@@ -189,7 +192,11 @@ SNAKE.Snake = SNAKE.Snake || (function() {
         me.getPaused = function() {
             return isPaused;
         };
-        
+
+        me.getMode = function(mode, speed) {
+	    document.getElementById(mode).addEventListener('click', function () { snakeSpeed = speed; });
+	};
+	
         /**
         * This method is called when a user presses a key. It logs arrow key presses in "moveQueue", which is used when the snake needs to make its next move.
         * @method handleArrowKeys
@@ -396,6 +403,11 @@ SNAKE.Snake = SNAKE.Snake || (function() {
         // ---------------------------------------------------------------------
         // Initialize
         // ---------------------------------------------------------------------
+        me.getMode('Easy', me.speed.easy);
+        me.getMode('Medium', me.speed.medium);
+        me.getMode('Difficult', me.speed.difficult);	
+        me.getMode('INSANE', me.speed.insane);
+	
         createBlocks(growthIncr*2);
         xPosShift[0] = 0;
         xPosShift[1] = playingBoard.getBlockWidth();
@@ -816,7 +828,6 @@ SNAKE.Board = SNAKE.Board || (function() {
         * @method setupPlayingField
         */ 
         me.setupPlayingField = function () {
-            
             if (!elmPlayingField) {createBoardElements();} // create playing field
             
             // calculate width of our game container
@@ -886,12 +897,14 @@ SNAKE.Board = SNAKE.Board || (function() {
             myFood.randomlyPlaceFood();
             
             // setup event listeners
-            function getMode (mode, speed) {
-    document.getElementById(mode).addEventListener('click', function () { snakeSpeed = speed; });
-}
-            getMode('Easy', 100);
-            getMode('Medium', 75);
-            getMode('Difficult', 50);
+            // function getMode (mode, speed) {
+	    // 	document.getElementById(mode).addEventListener('click', function () { snakeSpeed = speed; });
+	    // }
+	    
+            mySnake.getMode('Easy', mySnake.speed.easy);
+            mySnake.getMode('Medium', mySnake.speed.medium);
+            mySnake.getMode('Difficult', mySnake.speed.difficult);
+            mySnake.getMode('INSANE', mySnake.speed.insane);
             myKeyListener = function(evt) {
                 if (!evt) var evt = window.event;
                 var keyNum = (evt.which) ? evt.which : evt.keyCode;