gamecontroller.js/dist/gamecontroller.js

A JavaScript library that lets you handle, configure, and use gamepad and controllers on a browser, using the Gamepad API

/******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};
/******/
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/
/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId]) {
/******/ 			return installedModules[moduleId].exports;
/******/ 		}
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			i: moduleId,
/******/ 			l: false,
/******/ 			exports: {}
/******/ 		};
/******/
/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ 		// Flag the module as loaded
/******/ 		module.l = true;
/******/
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/
/******/
/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;
/******/
/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;
/******/
/******/ 	// define getter function for harmony exports
/******/ 	__webpack_require__.d = function(exports, name, getter) {
/******/ 		if(!__webpack_require__.o(exports, name)) {
/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ 		}
/******/ 	};
/******/
/******/ 	// define __esModule on exports
/******/ 	__webpack_require__.r = function(exports) {
/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ 		}
/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
/******/ 	};
/******/
/******/ 	// create a fake namespace object
/******/ 	// mode & 1: value is a module id, require it
/******/ 	// mode & 2: merge all properties of value into the ns
/******/ 	// mode & 4: return value when already ns object
/******/ 	// mode & 8|1: behave like require
/******/ 	__webpack_require__.t = function(value, mode) {
/******/ 		if(mode & 1) value = __webpack_require__(value);
/******/ 		if(mode & 8) return value;
/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ 		var ns = Object.create(null);
/******/ 		__webpack_require__.r(ns);
/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ 		return ns;
/******/ 	};
/******/
/******/ 	// getDefaultExport function for compatibility with non-harmony modules
/******/ 	__webpack_require__.n = function(module) {
/******/ 		var getter = module && module.__esModule ?
/******/ 			function getDefault() { return module['default']; } :
/******/ 			function getModuleExports() { return module; };
/******/ 		__webpack_require__.d(getter, 'a', getter);
/******/ 		return getter;
/******/ 	};
/******/
/******/ 	// Object.prototype.hasOwnProperty.call
/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "";
/******/
/******/
/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(__webpack_require__.s = "./src/index.js");
/******/ })
/************************************************************************/
/******/ ({

/***/ "./src/constants.js":
/*!**************************!*\
  !*** ./src/constants.js ***!
  \**************************/
/*! exports provided: MESSAGES */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"MESSAGES\", function() { return MESSAGES; });\nconst MESSAGES = {\n  ON: 'Gamepad detected.',\n  OFF: 'Gamepad disconnected.',\n  INVALID_PROPERTY: 'Invalid property.',\n  INVALID_VALUE_NUMBER: 'Invalid value. It must be a number between 0.00 and 1.00.',\n  INVALID_BUTTON: 'Button does not exist.',\n  UNKNOWN_EVENT: 'Unknown event name.',\n  NO_SUPPORT: 'Your web browser does not support the Gamepad API.'\n};\n\n\n\n\n//# sourceURL=webpack:///./src/constants.js?");

/***/ }),

/***/ "./src/gamecontrol.js":
/*!****************************!*\
  !*** ./src/gamecontrol.js ***!
  \****************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _tools__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./tools */ \"./src/tools.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ \"./src/constants.js\");\n/* harmony import */ var _gamepad__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./gamepad */ \"./src/gamepad.js\");\n\n\n\n\nconst gameControl = {\n  gamepads: {},\n  axeThreshold: [1.0], // this is an array so it can be expanded without breaking in the future\n  isReady: Object(_tools__WEBPACK_IMPORTED_MODULE_0__[\"isGamepadSupported\"])(),\n  onConnect: function() {},\n  onDisconnect: function() {},\n  onBeforeCycle: function() {},\n  onAfterCycle: function() {},\n  getGamepads: function() {\n    return this.gamepads;\n  },\n  getGamepad: function(id) {\n    if (this.gamepads[id]) {\n      return this.gamepads[id];\n    }\n    return null;\n  },\n  set: function(property, value) {\n    const properties = ['axeThreshold'];\n    if (properties.indexOf(property) >= 0) {\n      if (property === 'axeThreshold' && (!parseFloat(value) || value < 0.0 || value > 1.0)) {\n        Object(_tools__WEBPACK_IMPORTED_MODULE_0__[\"error\"])(_constants__WEBPACK_IMPORTED_MODULE_1__[\"MESSAGES\"].INVALID_VALUE_NUMBER);\n        return;\n      }\n\n      this[property] = value;\n\n      if (property === 'axeThreshold') {\n        const gps = this.getGamepads();\n        const ids = Object.keys(gps);\n        for (let x = 0; x < ids.length; x++) {\n          gps[ids[x]].set('axeThreshold', this.axeThreshold);\n        }\n      }\n    } else {\n      Object(_tools__WEBPACK_IMPORTED_MODULE_0__[\"error\"])(_constants__WEBPACK_IMPORTED_MODULE_1__[\"MESSAGES\"].INVALID_PROPERTY);\n    }\n  },\n  checkStatus: function() {\n    const requestAnimationFrame =\n      window.requestAnimationFrame || window.webkitRequestAnimationFrame;\n    const gamepadIds = Object.keys(gameControl.gamepads);\n\n    gameControl.onBeforeCycle();\n\n    for (let x = 0; x < gamepadIds.length; x++) {\n      gameControl.gamepads[gamepadIds[x]].checkStatus();\n    }\n\n    gameControl.onAfterCycle();\n\n    if (gamepadIds.length > 0) {\n      requestAnimationFrame(gameControl.checkStatus);\n    }\n  },\n  init: function() {\n    window.addEventListener('gamepadconnected', e => {\n      const egp = e.gamepad || e.detail.gamepad;\n      Object(_tools__WEBPACK_IMPORTED_MODULE_0__[\"log\"])(_constants__WEBPACK_IMPORTED_MODULE_1__[\"MESSAGES\"].ON);\n      if (!window.gamepads) window.gamepads = {};\n      if (egp) {\n        if (!window.gamepads[egp.index]) {\n          window.gamepads[egp.index] = egp;\n          const gp = _gamepad__WEBPACK_IMPORTED_MODULE_2__[\"default\"].init(egp);\n          gp.set('axeThreshold', this.axeThreshold);\n          this.gamepads[gp.id] = gp;\n          this.onConnect(this.gamepads[gp.id]);\n        }\n        if (Object.keys(this.gamepads).length === 1) this.checkStatus();\n      }\n    });\n    window.addEventListener('gamepaddisconnected', e => {\n      const egp = e.gamepad || e.detail.gamepad;\n      Object(_tools__WEBPACK_IMPORTED_MODULE_0__[\"log\"])(_constants__WEBPACK_IMPORTED_MODULE_1__[\"MESSAGES\"].OFF);\n      if (egp) {\n        delete window.gamepads[egp.index];\n        delete this.gamepads[egp.index];\n        this.onDisconnect(egp.index);\n      }\n    });\n  },\n  on: function(eventName, callback) {\n    switch (eventName) {\n      case 'connect':\n        this.onConnect = callback;\n        break;\n      case 'disconnect':\n        this.onDisconnect = callback;\n        break;\n      case 'beforeCycle':\n      case 'beforecycle':\n        this.onBeforeCycle = callback;\n        break;\n      case 'afterCycle':\n      case 'aftercycle':\n        this.onAfterCycle = callback;\n        break;\n      default:\n        Object(_tools__WEBPACK_IMPORTED_MODULE_0__[\"error\"])(_constants__WEBPACK_IMPORTED_MODULE_1__[\"MESSAGES\"].UNKNOWN_EVENT);\n        break;\n    }\n    return this;\n  },\n  off: function(eventName) {\n    switch (eventName) {\n      case 'connect':\n        this.onConnect = function() {};\n        break;\n      case 'disconnect':\n        this.onDisconnect = function() {};\n        break;\n      case 'beforeCycle':\n      case 'beforecycle':\n        this.onBeforeCycle = function() {};\n        break;\n      case 'afterCycle':\n      case 'aftercycle':\n        this.onAfterCycle = function() {};\n        break;\n      default:\n        Object(_tools__WEBPACK_IMPORTED_MODULE_0__[\"error\"])(_constants__WEBPACK_IMPORTED_MODULE_1__[\"MESSAGES\"].UNKNOWN_EVENT);\n        break;\n    }\n    return this;\n  }\n};\n\ngameControl.init();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (gameControl);\n\n\n//# sourceURL=webpack:///./src/gamecontrol.js?");

/***/ }),

/***/ "./src/gamepad.js":
/*!************************!*\
  !*** ./src/gamepad.js ***!
  \************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _tools__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./tools */ \"./src/tools.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ \"./src/constants.js\");\n\n\n\nconst gamepad = {\n  init: function(gpad) {\n    let gamepadPrototype = {\n      id: gpad.index,\n      buttons: gpad.buttons.length,\n      axes: Math.floor(gpad.axes.length / 2),\n      axeValues: [],\n      axeThreshold: [1.0],\n      hapticActuator: null,\n      vibrationMode: -1,\n      vibration: false,\n      mapping: gpad.mapping,\n      buttonActions: {},\n      axesActions: {},\n      pressed: {},\n      set: function(property, value) {\n        const properties = ['axeThreshold'];\n        if (properties.indexOf(property) >= 0) {\n          if (property === 'axeThreshold' && (!parseFloat(value) || value < 0.0 || value > 1.0)) {\n            Object(_tools__WEBPACK_IMPORTED_MODULE_0__[\"error\"])(_constants__WEBPACK_IMPORTED_MODULE_1__[\"MESSAGES\"].INVALID_VALUE_NUMBER);\n            return;\n          }\n          this[property] = value;\n        } else {\n          Object(_tools__WEBPACK_IMPORTED_MODULE_0__[\"error\"])(_constants__WEBPACK_IMPORTED_MODULE_1__[\"MESSAGES\"].INVALID_PROPERTY);\n        }\n      },\n      vibrate: function(value = 0.75, duration = 500) {\n        if (this.hapticActuator) {\n          switch (this.vibrationMode) {\n            case 0:\n              return this.hapticActuator.pulse(value, duration);\n            case 1:\n              return this.hapticActuator.playEffect('dual-rumble', {\n                duration: duration,\n                strongMagnitude: value,\n                weakMagnitude: value\n              });\n          }\n        }\n      },\n      triggerDirectionalAction: function(id, axe, condition, x, index) {\n        if (condition && x % 2 === index) {\n          if (!this.pressed[`${id}${axe}`]) {\n            this.pressed[`${id}${axe}`] = true;\n            this.axesActions[axe][id].before();\n          }\n          this.axesActions[axe][id].action();\n        } else if (this.pressed[`${id}${axe}`] && x % 2 === index) {\n          delete this.pressed[`${id}${axe}`];\n          this.axesActions[axe][id].after();\n        }\n      },\n      checkStatus: function() {\n        let gp = {};\n        const gps = navigator.getGamepads\n          ? navigator.getGamepads()\n          : navigator.webkitGetGamepads\n          ? navigator.webkitGetGamepads()\n          : [];\n\n        if (gps.length) {\n          gp = gps[this.id];\n          if (gp.buttons) {\n            for (let x = 0; x < this.buttons; x++) {\n              if (gp.buttons[x].pressed === true) {\n                if (!this.pressed[`button${x}`]) {\n                  this.pressed[`button${x}`] = true;\n                  this.buttonActions[x].before();\n                }\n                this.buttonActions[x].action();\n              } else if (this.pressed[`button${x}`]) {\n                delete this.pressed[`button${x}`];\n                this.buttonActions[x].after();\n              }\n            }\n          }\n          if (gp.axes) {\n            const modifier = gp.axes.length % 2; // Firefox hack: detects one additional axe\n            for (let x = 0; x < this.axes * 2; x++) {\n              const val = gp.axes[x + modifier].toFixed(4);\n              const axe = Math.floor(x / 2);\n              this.axeValues[axe][x % 2] = val;\n\n              this.triggerDirectionalAction('right', axe, val >= this.axeThreshold[0], x, 0);\n              this.triggerDirectionalAction('left', axe, val <= -this.axeThreshold[0], x, 0);\n              this.triggerDirectionalAction('down', axe, val >= this.axeThreshold[0], x, 1);\n              this.triggerDirectionalAction('up', axe, val <= -this.axeThreshold[0], x, 1);\n            }\n          }\n        }\n      },\n      associateEvent: function(eventName, callback, type) {\n        if (eventName.match(/^button\\d+$/)) {\n          const buttonId = parseInt(eventName.match(/^button(\\d+)$/)[1]);\n          if (buttonId >= 0 && buttonId < this.buttons) {\n            this.buttonActions[buttonId][type] = callback;\n          } else {\n            Object(_tools__WEBPACK_IMPORTED_MODULE_0__[\"error\"])(_constants__WEBPACK_IMPORTED_MODULE_1__[\"MESSAGES\"].INVALID_BUTTON);\n          }\n        } else if (eventName === 'start') {\n          this.buttonActions[9][type] = callback;\n        } else if (eventName === 'select') {\n          this.buttonActions[8][type] = callback;\n        } else if (eventName === 'r1') {\n          this.buttonActions[5][type] = callback;\n        } else if (eventName === 'r2') {\n          this.buttonActions[7][type] = callback;\n        } else if (eventName === 'l1') {\n          this.buttonActions[4][type] = callback;\n        } else if (eventName === 'l2') {\n          this.buttonActions[6][type] = callback;\n        } else if (eventName === 'power') {\n          if (this.buttons >= 17) {\n            this.buttonActions[16][type] = callback;\n          } else {\n            Object(_tools__WEBPACK_IMPORTED_MODULE_0__[\"error\"])(_constants__WEBPACK_IMPORTED_MODULE_1__[\"MESSAGES\"].INVALID_BUTTON);\n          }\n        } else if (eventName.match(/^(up|down|left|right)(\\d+)$/)) {\n          const matches = eventName.match(/^(up|down|left|right)(\\d+)$/);\n          const direction = matches[1];\n          const axe = parseInt(matches[2]);\n          if (axe >= 0 && axe < this.axes) {\n            this.axesActions[axe][direction][type] = callback;\n          } else {\n            Object(_tools__WEBPACK_IMPORTED_MODULE_0__[\"error\"])(_constants__WEBPACK_IMPORTED_MODULE_1__[\"MESSAGES\"].INVALID_BUTTON);\n          }\n        } else if (eventName.match(/^(up|down|left|right)$/)) {\n          const direction = eventName.match(/^(up|down|left|right)$/)[1];\n          this.axesActions[0][direction][type] = callback;\n        }\n        return this;\n      },\n      on: function(eventName, callback) {\n        return this.associateEvent(eventName, callback, 'action');\n      },\n      off: function(eventName) {\n        return this.associateEvent(eventName, function() {}, 'action');\n      },\n      after: function(eventName, callback) {\n        return this.associateEvent(eventName, callback, 'after');\n      },\n      before: function(eventName, callback) {\n        return this.associateEvent(eventName, callback, 'before');\n      }\n    };\n\n    for (let x = 0; x < gamepadPrototype.buttons; x++) {\n      gamepadPrototype.buttonActions[x] = Object(_tools__WEBPACK_IMPORTED_MODULE_0__[\"emptyEvents\"])();\n    }\n    for (let x = 0; x < gamepadPrototype.axes; x++) {\n      gamepadPrototype.axesActions[x] = {\n        down: Object(_tools__WEBPACK_IMPORTED_MODULE_0__[\"emptyEvents\"])(),\n        left: Object(_tools__WEBPACK_IMPORTED_MODULE_0__[\"emptyEvents\"])(),\n        right: Object(_tools__WEBPACK_IMPORTED_MODULE_0__[\"emptyEvents\"])(),\n        up: Object(_tools__WEBPACK_IMPORTED_MODULE_0__[\"emptyEvents\"])()\n      };\n      gamepadPrototype.axeValues[x] = [0, 0];\n    }\n\n    // check if vibration actuator exists\n    if (gpad.hapticActuators) {\n      // newer standard\n      if (typeof gpad.hapticActuators.pulse === 'function') {\n        gamepadPrototype.hapticActuator = gpad.hapticActuators;\n        gamepadPrototype.vibrationMode = 0;\n        gamepadPrototype.vibration = true;\n      } else if (gpad.hapticActuators[0] && typeof gpad.hapticActuators[0].pulse === 'function') {\n        gamepadPrototype.hapticActuator = gpad.hapticActuators[0];\n        gamepadPrototype.vibrationMode = 0;\n        gamepadPrototype.vibration = true;\n      }\n    } else if (gpad.vibrationActuator) {\n      // old chrome stuff\n      if (typeof gpad.vibrationActuator.playEffect === 'function') {\n        gamepadPrototype.hapticActuator = gpad.vibrationActuator;\n        gamepadPrototype.vibrationMode = 1;\n        gamepadPrototype.vibration = true;\n      }\n    }\n\n    return gamepadPrototype;\n  }\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (gamepad);\n\n\n//# sourceURL=webpack:///./src/gamepad.js?");

/***/ }),

/***/ "./src/index.js":
/*!**********************!*\
  !*** ./src/index.js ***!
  \**********************/
/*! no exports provided */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _tools__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./tools */ \"./src/tools.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ \"./src/constants.js\");\n/* harmony import */ var _gamecontrol__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./gamecontrol */ \"./src/gamecontrol.js\");\n// This file is the entry point\n\n\n\n\nif (Object(_tools__WEBPACK_IMPORTED_MODULE_0__[\"isGamepadSupported\"])()) {\n  window.gameControl = _gamecontrol__WEBPACK_IMPORTED_MODULE_2__[\"default\"];\n} else {\n  Object(_tools__WEBPACK_IMPORTED_MODULE_0__[\"error\"])(_constants__WEBPACK_IMPORTED_MODULE_1__[\"MESSAGES\"].NO_SUPPORT);\n}\n\n\n//# sourceURL=webpack:///./src/index.js?");

/***/ }),

/***/ "./src/tools.js":
/*!**********************!*\
  !*** ./src/tools.js ***!
  \**********************/
/*! exports provided: isGamepadSupported, log, error, emptyEvents */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isGamepadSupported\", function() { return isGamepadSupported; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"log\", function() { return log; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"error\", function() { return error; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"emptyEvents\", function() { return emptyEvents; });\nconst log = (message, type = 'log') => {\n  if (type === 'error') {\n    if (console && typeof console.error === 'function') console.error(message);\n  } else {\n    if (console && typeof console.info === 'function') console.info(message);\n  }\n};\n\nconst error = message => log(message, 'error');\n\nconst isGamepadSupported = () =>\n  (navigator.getGamepads && typeof navigator.getGamepads === 'function') ||\n  (navigator.getGamepads && typeof navigator.webkitGetGamepads === 'function') ||\n  false;\n\nconst emptyEvents = () => ({ action: () => {}, after: () => {}, before: () => {} });\n\n\n\n\n//# sourceURL=webpack:///./src/tools.js?");

/***/ })

/******/ });