Gamepad

index.html

@@ -102,7 +102,7 @@
  <option value="110">Rush</option>
  </select>
  </div>
- <button onclick="go_full_screen()">Full Screen</button><br />
+ <button onclick="go_full_screen()">Full Screen</button> <div id="gamePadConnected" style="visibility: hidden;display:inline-block;margin-top:-15px;margin-left:10px;">&#127918;</div>
  </div>
 
  <!--

js/snake.js

@@ -178,6 +178,7 @@ SNAKE.Snake = SNAKE.Snake || (function() {
  me.snakeTail = me.snakeBody["b0"];
  me.snakeHead.elm.className = me.snakeHead.elm.className.replace(/\bsnake-snakebody-dead\b/,'');
  me.snakeHead.elm.className += " snake-snakebody-alive";
+ me.gamepad = null;
 
  // ----- private methods -----
 
@@ -236,6 +237,35 @@ SNAKE.Snake = SNAKE.Snake || (function() {
  return isPaused;
  };
 
+ me.setCurrentDirection = function(val) {
+ currentDirection = val;
+ };
+ me.getCurrentDirection = function() {
+ return currentDirection;
+ };
+
+ me.getLastMove = function() {
+ return lastMove;
+ };
+
+ me.setPreMove = function(val) {
+ preMove = val;
+ };
+
+ me.getIsFirstMove = function() {
+ return isFirstMove;
+ };
+ me.setIsFirstMove = function(val) {
+ isFirstMove = val;
+ };
+
+ me.getIsFirstGameMove = function() {
+ return isFirstGameMove;
+ };
+ me.setIsFirstGameMove = function(val) {
+ isFirstGameMove = val;
+ };
+
  /**
  * This method is called when a user presses a key. It logs arrow key presses in "currentDirection", which is used when the snake needs to make its next move.
  * @method handleArrowKeys
@@ -1068,6 +1098,64 @@ SNAKE.Board = SNAKE.Board || (function() {
  handleEndCondition(elmWin);
  };
 
+ me.handleGamepad = function() {
+ me.gamepad = navigator.getGamepads()[0];
+
+ //if (isDead || isPaused) {return;}
+
+ if (me.getBoardState() === 1) {
+ me.setBoardState(2);
+ mySnake.go();
+ }
+
+ let directionFound = -1;
+
+ var axLR = me.gamepad.axes[0];
+ var axUD = me.gamepad.axes[1];
+
+ //console.dir(axLR + "," + axUD);
+
+ if (axLR < -0.5){
+ directionFound = 3;
+ } else if (axLR > 0.5){
+ directionFound = 1;
+ }
+
+ if (axUD < -0.5){
+ directionFound = 0;
+ } else if (axUD > 0.5){
+ directionFound = 2;
+ }
+
+ if (mySnake.getCurrentDirection() !== mySnake.getLastMove()) // Allow a queue of 1 premove so you can turn again before the first turn registers
+ {
+ mySnake.setPreMove(directionFound);
+ }
+ if (Math.abs(directionFound - mySnake.getLastMove()) !== 2 && mySnake.getIsFirstMove() || mySnake.getIsFirstGameMove()) // Prevent snake from turning 180 degrees
+ {
+ mySnake.setCurrentDirection(directionFound);
+ mySnake.setIsFirstMove(false);
+ mySnake.setIsFirstGameMove(false);
+ }
+ };
+
+
+ window.addEventListener("gamepadconnected", function(e) {
+ var gamePadConnected = document.getElementById('gamePadConnected');
+ gamePadConnected.style.visibility = "visible";
+ me.gamepad = navigator.getGamepads()[0] || e.gamepad;
+
+ me.gamePadIntervall = setInterval(me.handleGamepad, 100);
+ });
+
+ window.addEventListener("gamepaddisconnected", function(e) {
+ console.log("disconnected");
+ var gamePadConnected = document.getElementById('gamePadConnected');
+ gamePadConnected.style.visibility = "hidden";
+ me.gamepad = null;
+ clearInterval(me.gamePadIntervall);
+ });
+
  // ---------------------------------------------------------------------
  // Initialize
  // ---------------------------------------------------------------------