function pico8_buttons_event(e, step) {
  pico8_buttons[0] = 0;

  // show buttons as soon as touched
  document.getElementById("touch_controls").style.display="";

  var num = 0;

  if (e.touches) num = e.touches.length;

  for (var i = 0; i < num; i++) {
    var touch = null;

    touch = e.touches[i];
    var x = touch.clientX;
    var y = touch.clientY;
    var w = document.body.clientWidth;
    var h = document.body.clientHeight;

    b = 0;

    // determine mask to clear (mask) and mask to set (b) for button state changes.
    if (x < w/2) {
      var cx = 70;
      var cy = h-70;
      var dx = x - cx;
      var dy = y - cy;

      mask = 0xf; // dpad
      deadzone = 15;

      if (abs(dx) > abs(dy) * 0.8) { // horizontal
        if (dx < -deadzone) b |= 0x1;
        if (dx > deadzone)  b |= 0x2;
      }

      if (abs(dy) > abs(dx) * 0.8) { // vertical
        if (dy < -deadzone) b |= 0x4;
        if (dy > deadzone)  b |= 0x8;
      }
    } else {
      // button; diagonal split from bottom right corner
      mask = 0x30;

      // close to menu?
      dx = x - (w/2);
      dy = y - (h-20);

      if (dx*dx + dy*dy < 50*50) {
        // menu button
        b |= 0x40;
      } else {
        // one or both of [X], [O]
        if ( (h-y) > (w-x) * 0.8) b |= 0x10;
        if ( (w-x) > (h-y) * 0.8) b |= 0x20;
      }
    }

    pico8_buttons[0] |= b;
  }
}

var touch_detected = false;

addEventListener("touchstart", function(event) {
  touch_detected = true;
  pico8_buttons_event(event, 0);
}, false);

addEventListener("touchmove", function(event){ pico8_buttons_event(event, 1);}, false);
addEventListener("touchend", function(event){ pico8_buttons_event(event, 2);}, false);

var haveEvents = 'ongamepadconnected' in window;
var controllers = {};

function connecthandler(e) {
  addgamepad(e.gamepad);
}

function addgamepad(gamepad) {
  controllers[gamepad.index] = gamepad;
  requestAnimationFrame(updateStatus);
}

function disconnecthandler(e) {
  removegamepad(e.gamepad);
}

function removegamepad(gamepad) {
  delete controllers[gamepad.index];
}

function updateStatus() {
  pico8_buttons[0] = 0;

  if (!haveEvents) {
    scangamepads();
  }

  var i = 0;
  var j;

  for (j in controllers) {
    var controller = controllers[j];
    var axp = 0;
    for (i = 0; i < controller.buttons.length; i++) {
      var val = controller.buttons[i];
      var pressed = val == 1.0;
      var btnp = 0;

      if (typeof(val) == "object") {
        pressed = val.pressed;
        val = val.value;
      }
      //Determines which button is pressed

      if (pressed) {

      /*TO EDIT THE BUTTONS:
       *Uncomment the line following this block ( activate the console.log ) 
       *Open a game, copy the script in the console and start pressing the buttons on your joystick: some numbers appear, write them down for each button
       *Change here under the "case" numbers accordingly to your preferences ( es. "case 11:" becomes "case 8:" , changing the button reserved to start)
       *Recomment the console.log
       *Reload the page and copy again the script in the console
       */

       //console.log(i);
      	mask = 0x30;
      	switch(i) {

      		// Start Button
		    case 11:
		        btnp = 0x40;
		        break;
		    //Button X
		    case 0:
		        btnp = 0x20;
		        break;
		    //Button O
		    case 3:
		        btnp = 0x10;
		        break;
		    default:
		        btnp = 0;
		    }   
		//Pass the command to pico-8
        pico8_buttons[0] |= btnp;
       }
    } 
  }

  mask = 0xf;

  //Determines the direction

  /*TO EDIT THE AXES:
  * Change the numbers contained in the square brackets (es. "axes[0]" becomes "axes[2]")
  * Mind the fact that up/down have the same number, as left/right 
  */ 
  //Up
  if(controller.axes[0] == 1) axp = 0x2;
  //Down
  if(controller.axes[0] == -1) axp = 0x1 ;
  //Left
  if(controller.axes[1] == 1) axp = 0x8 ;
  //Right
  if(controller.axes[1] == -1) axp = 0x4 ;

  pico8_buttons[0] |= axp;  

  requestAnimationFrame(updateStatus);
}

function scangamepads() {
  var gamepads = navigator.getGamepads ? navigator.getGamepads() : (navigator.webkitGetGamepads ? navigator.webkitGetGamepads() : []);
  for (var i = 0; i < gamepads.length; i++) {
    if (gamepads[i]) {
      if (gamepads[i].index in controllers) {
        controllers[gamepads[i].index] = gamepads[i];
      } else {
        addgamepad(gamepads[i]);
      }
    }
  }
}

window.addEventListener("gamepadconnected", connecthandler);
window.addEventListener("gamepaddisconnected", disconnecthandler);

if (!haveEvents) {
  setInterval(scangamepads, 500);
}