babylon.gamepads.ts 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514
  1. module BABYLON {
  2. export class Gamepads {
  3. private babylonGamepads: Array<Gamepad> = [];
  4. private oneGamepadConnected: boolean = false;
  5. private isMonitoring: boolean = false;
  6. private gamepadEventSupported: boolean = 'GamepadEvent' in window;
  7. private gamepadSupportAvailable: boolean = <boolean> (navigator.getGamepads ||
  8. !!navigator.webkitGetGamepads || !!navigator.msGetGamepads || !!navigator.webkitGamepads);
  9. private _callbackGamepadConnected: (gamepad: Gamepad) => void;
  10. private buttonADataURL: string = "data:image/png;base64,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";
  11. private static gamepadDOMInfo: HTMLElement;
  12. constructor(ongamedpadconnected: (gamepad: Gamepad) => void) {
  13. this._callbackGamepadConnected = ongamedpadconnected;
  14. if (this.gamepadSupportAvailable) {
  15. // Checking if the gamepad connected event is supported (like in Firefox)
  16. if (this.gamepadEventSupported) {
  17. window.addEventListener('gamepadconnected', (evt) => {
  18. this._onGamepadConnected(evt);
  19. }, false);
  20. window.addEventListener('gamepaddisconnected',
  21. (evt) => {
  22. this._onGamepadDisconnected(evt);
  23. }, false);
  24. }
  25. else {
  26. this._startMonitoringGamepads();
  27. }
  28. if (!this.oneGamepadConnected) {
  29. this._insertGamepadDOMInstructions();
  30. }
  31. }
  32. else {
  33. this._insertGamepadDOMNotSupported();
  34. }
  35. }
  36. private _insertGamepadDOMInstructions() {
  37. Gamepads.gamepadDOMInfo = <HTMLDivElement>document.createElement("div");
  38. var buttonAImage = <HTMLImageElement>document.createElement("img");
  39. buttonAImage.src = this.buttonADataURL;
  40. var spanMessage = <HTMLSpanElement>document.createElement("span");
  41. spanMessage.innerHTML = "<strong>to activate gamepad</strong>";
  42. Gamepads.gamepadDOMInfo.appendChild(buttonAImage);
  43. Gamepads.gamepadDOMInfo.appendChild(spanMessage);
  44. Gamepads.gamepadDOMInfo.style.position = "absolute";
  45. Gamepads.gamepadDOMInfo.style.width = "100%";
  46. Gamepads.gamepadDOMInfo.style.height = "48px";
  47. Gamepads.gamepadDOMInfo.style.bottom = "0px";
  48. Gamepads.gamepadDOMInfo.style.backgroundColor = "rgba(1, 1, 1, 0.15)";
  49. Gamepads.gamepadDOMInfo.style.textAlign = "center";
  50. Gamepads.gamepadDOMInfo.style.zIndex = "10";
  51. buttonAImage.style.position = "relative";
  52. buttonAImage.style.bottom = "8px";
  53. spanMessage.style.position = "relative";
  54. spanMessage.style.fontSize = "32px";
  55. spanMessage.style.bottom = "32px";
  56. spanMessage.style.color = "green";
  57. document.body.appendChild(Gamepads.gamepadDOMInfo);
  58. }
  59. private _insertGamepadDOMNotSupported() {
  60. Gamepads.gamepadDOMInfo = <HTMLDivElement>document.createElement("div");
  61. var spanMessage = <HTMLSpanElement>document.createElement("span");
  62. spanMessage.innerHTML = "<strong>gamepad not supported</strong>";
  63. Gamepads.gamepadDOMInfo.appendChild(spanMessage);
  64. Gamepads.gamepadDOMInfo.style.position = "absolute";
  65. Gamepads.gamepadDOMInfo.style.width = "100%";
  66. Gamepads.gamepadDOMInfo.style.height = "40px";
  67. Gamepads.gamepadDOMInfo.style.bottom = "0px";
  68. Gamepads.gamepadDOMInfo.style.backgroundColor = "rgba(1, 1, 1, 0.15)";
  69. Gamepads.gamepadDOMInfo.style.textAlign = "center";
  70. Gamepads.gamepadDOMInfo.style.zIndex = "10";
  71. spanMessage.style.position = "relative";
  72. spanMessage.style.fontSize = "32px";
  73. spanMessage.style.color = "red";
  74. document.body.appendChild(Gamepads.gamepadDOMInfo);
  75. }
  76. private _onGamepadConnected(evt) {
  77. var newGamepad = this._addNewGamepad(evt.gamepad);
  78. if (this._callbackGamepadConnected) this._callbackGamepadConnected(newGamepad);
  79. this._startMonitoringGamepads();
  80. }
  81. private _addNewGamepad(gamepad): Gamepad {
  82. if (!this.oneGamepadConnected) {
  83. this.oneGamepadConnected = true;
  84. if (Gamepads.gamepadDOMInfo) {
  85. document.body.removeChild(Gamepads.gamepadDOMInfo);
  86. Gamepads.gamepadDOMInfo = null;
  87. }
  88. }
  89. var newGamepad;
  90. if ((<string>gamepad.id).search("Xbox 360") !== -1 || (<string>gamepad.id).search("xinput") !== -1) {
  91. newGamepad = new BABYLON.Xbox360Pad(gamepad.id, gamepad.index, gamepad);
  92. }
  93. else {
  94. newGamepad = new BABYLON.GenericPad(gamepad.id, gamepad.index, gamepad);
  95. }
  96. this.babylonGamepads.push(newGamepad);
  97. return newGamepad;
  98. }
  99. private _onGamepadDisconnected(evt) {
  100. // Remove the gamepad from the list of gamepads to monitor.
  101. for (var i in this.babylonGamepads) {
  102. if (this.babylonGamepads[i].index == evt.gamepad.index) {
  103. this.babylonGamepads.splice(i, 1);
  104. break;
  105. }
  106. }
  107. // If no gamepads are left, stop the polling loop.
  108. if (this.babylonGamepads.length == 0) {
  109. this._stopMonitoringGamepads();
  110. }
  111. }
  112. private _startMonitoringGamepads() {
  113. if (!this.isMonitoring) {
  114. this.isMonitoring = true;
  115. this._checkGamepadsStatus();
  116. }
  117. }
  118. private _stopMonitoringGamepads() {
  119. this.isMonitoring = false;
  120. }
  121. private _checkGamepadsStatus() {
  122. // updating gamepad objects
  123. this._updateGamepadObjects();
  124. for (var i in this.babylonGamepads) {
  125. this.babylonGamepads[i].update();
  126. }
  127. if (this.isMonitoring) {
  128. if (window.requestAnimationFrame) {
  129. window.requestAnimationFrame(() => { this._checkGamepadsStatus(); });
  130. } else if (window.mozRequestAnimationFrame) {
  131. window.mozRequestAnimationFrame(() => { this._checkGamepadsStatus(); });
  132. } else if (window.webkitRequestAnimationFrame) {
  133. window.webkitRequestAnimationFrame(() => { this._checkGamepadsStatus(); });
  134. }
  135. }
  136. }
  137. // This function is called only on Chrome, which does not yet support
  138. // connection/disconnection events, but requires you to monitor
  139. // an array for changes.
  140. private _updateGamepadObjects() {
  141. var gamepads = navigator.getGamepads ? navigator.getGamepads() : (navigator.webkitGetGamepads ? navigator.webkitGetGamepads() : []);
  142. for (var i = 0; i < gamepads.length; i++) {
  143. if (gamepads[i]) {
  144. if (!(gamepads[i].index in this.babylonGamepads)) {
  145. var newGamepad = this._addNewGamepad(gamepads[i]);
  146. if (this._callbackGamepadConnected) {
  147. this._callbackGamepadConnected(newGamepad);
  148. }
  149. }
  150. else {
  151. this.babylonGamepads[i].browserGamepad = gamepads[i];
  152. }
  153. }
  154. }
  155. }
  156. }
  157. export class StickValues {
  158. constructor(public x, public y) {
  159. }
  160. }
  161. export class Gamepad {
  162. private _leftStick: StickValues;
  163. private _rightStick: StickValues;
  164. private _onleftstickchanged: (values: StickValues) => void;
  165. private _onrightstickchanged: (values: StickValues) => void;
  166. constructor(public id: string, public index: number, public browserGamepad) {
  167. if (this.browserGamepad.axes.length >= 2) {
  168. this._leftStick = { x: this.browserGamepad.axes[0], y: this.browserGamepad.axes[1] };
  169. }
  170. if (this.browserGamepad.axes.length >= 4) {
  171. this._rightStick = { x: this.browserGamepad.axes[2], y: this.browserGamepad.axes[3] };
  172. }
  173. }
  174. public onleftstickchanged(callback: (values: StickValues) => void) {
  175. this._onleftstickchanged = callback;
  176. }
  177. public onrightstickchanged(callback: (values: StickValues) => void) {
  178. this._onrightstickchanged = callback;
  179. }
  180. public get leftStick(): StickValues {
  181. return this._leftStick;
  182. }
  183. public set leftStick(newValues: StickValues) {
  184. if (this._onleftstickchanged && (this._leftStick.x !== newValues.x || this._leftStick.y !== newValues.y)) {
  185. this._onleftstickchanged(newValues);
  186. }
  187. this._leftStick = newValues;
  188. }
  189. public get rightStick(): StickValues {
  190. return this._rightStick;
  191. }
  192. public set rightStick(newValues: StickValues) {
  193. if (this._onrightstickchanged && (this._rightStick.x !== newValues.x || this._rightStick.y !== newValues.y)) {
  194. this._onrightstickchanged(newValues);
  195. }
  196. this._rightStick = newValues;
  197. }
  198. public update() {
  199. if (this._leftStick) {
  200. this.leftStick = { x: this.browserGamepad.axes[0], y: this.browserGamepad.axes[1] };
  201. }
  202. if (this._rightStick) {
  203. this.rightStick = { x: this.browserGamepad.axes[2], y: this.browserGamepad.axes[3] };
  204. }
  205. }
  206. }
  207. export class GenericPad extends Gamepad {
  208. private _buttons: Array<number>;
  209. private _onbuttondown: (buttonPressed: number) => void;
  210. private _onbuttonup: (buttonReleased: number) => void;
  211. public onbuttondown(callback: (buttonPressed: number) => void) {
  212. this._onbuttondown = callback;
  213. }
  214. public onbuttonup(callback: (buttonReleased: number) => void) {
  215. this._onbuttonup = callback;
  216. }
  217. constructor(public id: string, public index: number, public gamepad) {
  218. super(id, index, gamepad);
  219. this._buttons = new Array(gamepad.buttons.length);
  220. }
  221. private _setButtonValue(newValue: number, currentValue: number, buttonIndex: number): number {
  222. if (newValue !== currentValue) {
  223. if (this._onbuttondown && newValue === 1) {
  224. this._onbuttondown(buttonIndex);
  225. }
  226. if (this._onbuttonup && newValue === 0) {
  227. this._onbuttonup(buttonIndex);
  228. }
  229. }
  230. return newValue;
  231. }
  232. public update() {
  233. super.update();
  234. for (var index = 0; index < this._buttons.length; index++) {
  235. this._buttons[index] = this._setButtonValue(this.gamepad.buttons[index].value, this._buttons[index], index);
  236. }
  237. }
  238. }
  239. export enum Xbox360Button {
  240. A,
  241. B,
  242. X,
  243. Y,
  244. Start,
  245. Back,
  246. LB,
  247. RB,
  248. LeftStick,
  249. RightStick
  250. }
  251. export enum Xbox360Dpad {
  252. Up,
  253. Down,
  254. Left,
  255. Right
  256. }
  257. export class Xbox360Pad extends Gamepad {
  258. private _leftTrigger: number = 0;
  259. private _rightTrigger: number = 0;
  260. private _onlefttriggerchanged: (value: number) => void;
  261. private _onrighttriggerchanged: (value: number) => void;
  262. private _onbuttondown: (buttonPressed: Xbox360Button) => void;
  263. private _onbuttonup: (buttonReleased: Xbox360Button) => void;
  264. private _ondpaddown: (dPadPressed: Xbox360Dpad) => void;
  265. private _ondpadup: (dPadReleased: Xbox360Dpad) => void;
  266. private _buttonA: number = 0;
  267. private _buttonB: number = 0;
  268. private _buttonX: number = 0;
  269. private _buttonY: number = 0;
  270. private _buttonBack: number = 0;
  271. private _buttonStart: number = 0;
  272. private _buttonLB: number = 0;
  273. private _buttonRB: number = 0;
  274. private _buttonLeftStick: number = 0;
  275. private _buttonRightStick: number = 0;
  276. private _dPadUp: number = 0;
  277. private _dPadDown: number = 0;
  278. private _dPadLeft: number = 0;
  279. private _dPadRight: number = 0;
  280. public onlefttriggerchanged(callback: (value: number) => void) {
  281. this._onlefttriggerchanged = callback;
  282. }
  283. public onrighttriggerchanged(callback: (value: number) => void) {
  284. this._onrighttriggerchanged = callback;
  285. }
  286. public get leftTrigger(): number {
  287. return this._leftTrigger;
  288. }
  289. public set leftTrigger(newValue: number) {
  290. if (this._onlefttriggerchanged && this._leftTrigger !== newValue) {
  291. this._onlefttriggerchanged(newValue);
  292. }
  293. this._leftTrigger = newValue;
  294. }
  295. public get rightTrigger(): number {
  296. return this._rightTrigger;
  297. }
  298. public set rightTrigger(newValue: number) {
  299. if (this._onrighttriggerchanged && this._rightTrigger !== newValue) {
  300. this._onrighttriggerchanged(newValue);
  301. }
  302. this._rightTrigger = newValue;
  303. }
  304. public onbuttondown(callback: (buttonPressed: Xbox360Button) => void) {
  305. this._onbuttondown = callback;
  306. }
  307. public onbuttonup(callback: (buttonReleased: Xbox360Button) => void) {
  308. this._onbuttonup = callback;
  309. }
  310. public ondpaddown(callback: (dPadPressed: Xbox360Dpad) => void) {
  311. this._ondpaddown = callback;
  312. }
  313. public ondpadup(callback: (dPadReleased: Xbox360Dpad) => void) {
  314. this._ondpadup = callback;
  315. }
  316. private _setButtonValue(newValue: number, currentValue: number, buttonType: Xbox360Button): number {
  317. if (newValue !== currentValue) {
  318. if (this._onbuttondown && newValue === 1) {
  319. this._onbuttondown(buttonType);
  320. }
  321. if (this._onbuttonup && newValue === 0) {
  322. this._onbuttonup(buttonType);
  323. }
  324. }
  325. return newValue;
  326. }
  327. private _setDPadValue(newValue: number, currentValue: number, buttonType: Xbox360Dpad): number {
  328. if (newValue !== currentValue) {
  329. if (this._ondpaddown && newValue === 1) {
  330. this._ondpaddown(buttonType);
  331. }
  332. if (this._ondpadup && newValue === 0) {
  333. this._ondpadup(buttonType);
  334. }
  335. }
  336. return newValue;
  337. }
  338. public get buttonA(): number {
  339. return this._buttonA;
  340. }
  341. public set buttonA(value) {
  342. this._buttonA = this._setButtonValue(value, this._buttonA, Xbox360Button.A);
  343. }
  344. public get buttonB(): number {
  345. return this._buttonB;
  346. }
  347. public set buttonB(value) {
  348. this._buttonB = this._setButtonValue(value, this._buttonB, Xbox360Button.B);
  349. }
  350. public get buttonX(): number {
  351. return this._buttonX;
  352. }
  353. public set buttonX(value) {
  354. this._buttonX = this._setButtonValue(value, this._buttonX, Xbox360Button.X);
  355. }
  356. public get buttonY(): number {
  357. return this._buttonY;
  358. }
  359. public set buttonY(value) {
  360. this._buttonY = this._setButtonValue(value, this._buttonY, Xbox360Button.Y);
  361. }
  362. public get buttonStart(): number {
  363. return this._buttonStart;
  364. }
  365. public set buttonStart(value) {
  366. this._buttonStart = this._setButtonValue(value, this._buttonStart, Xbox360Button.Start);
  367. }
  368. public get buttonBack(): number {
  369. return this._buttonBack;
  370. }
  371. public set buttonBack(value) {
  372. this._buttonBack = this._setButtonValue(value, this._buttonBack, Xbox360Button.Back);
  373. }
  374. public get buttonLB(): number {
  375. return this._buttonLB;
  376. }
  377. public set buttonLB(value) {
  378. this._buttonLB = this._setButtonValue(value, this._buttonLB, Xbox360Button.LB);
  379. }
  380. public get buttonRB(): number {
  381. return this._buttonRB;
  382. }
  383. public set buttonRB(value) {
  384. this._buttonRB = this._setButtonValue(value, this._buttonRB, Xbox360Button.RB);
  385. }
  386. public get buttonLeftStick(): number {
  387. return this._buttonLeftStick;
  388. }
  389. public set buttonLeftStick(value) {
  390. this._buttonLeftStick = this._setButtonValue(value, this._buttonLeftStick, Xbox360Button.LeftStick);
  391. }
  392. public get buttonRightStick(): number {
  393. return this._buttonRightStick;
  394. }
  395. public set buttonRightStick(value) {
  396. this._buttonRightStick = this._setButtonValue(value, this._buttonRightStick, Xbox360Button.RightStick);
  397. }
  398. public get dPadUp(): number {
  399. return this._dPadUp;
  400. }
  401. public set dPadUp(value) {
  402. this._dPadUp = this._setDPadValue(value, this._dPadUp, Xbox360Dpad.Up);
  403. }
  404. public get dPadDown(): number {
  405. return this._dPadDown;
  406. }
  407. public set dPadDown(value) {
  408. this._dPadDown = this._setDPadValue(value, this._dPadDown, Xbox360Dpad.Down);
  409. }
  410. public get dPadLeft(): number {
  411. return this._dPadLeft;
  412. }
  413. public set dPadLeft(value) {
  414. this._dPadLeft = this._setDPadValue(value, this._dPadLeft, Xbox360Dpad.Left);
  415. }
  416. public get dPadRight(): number {
  417. return this._dPadRight;
  418. }
  419. public set dPadRight(value) {
  420. this._dPadRight = this._setDPadValue(value, this._dPadRight, Xbox360Dpad.Right);
  421. }
  422. public update() {
  423. super.update();
  424. this.buttonA = this.browserGamepad.buttons[0].value;
  425. this.buttonB = this.browserGamepad.buttons[1].value;
  426. this.buttonX = this.browserGamepad.buttons[2].value;
  427. this.buttonY = this.browserGamepad.buttons[3].value;
  428. this.buttonLB = this.browserGamepad.buttons[4].value;
  429. this.buttonRB = this.browserGamepad.buttons[5].value;
  430. this.leftTrigger = this.browserGamepad.buttons[6].value;
  431. this.rightTrigger = this.browserGamepad.buttons[7].value;
  432. this.buttonBack = this.browserGamepad.buttons[8].value;
  433. this.buttonStart = this.browserGamepad.buttons[9].value;
  434. this.buttonLeftStick = this.browserGamepad.buttons[10].value;
  435. this.buttonRightStick = this.browserGamepad.buttons[11].value;
  436. this.dPadUp = this.browserGamepad.buttons[12].value;
  437. this.dPadDown = this.browserGamepad.buttons[13].value;
  438. this.dPadLeft = this.browserGamepad.buttons[14].value;
  439. this.dPadRight = this.browserGamepad.buttons[15].value;
  440. }
  441. }
  442. }
  443. // Mixins
  444. //interface Window {
  445. // webkitRequestAnimationFrame(func: any): any;
  446. // mozRequestAnimationFrame(func: any): any;
  447. // oRequestAnimationFrame(func: any): any;
  448. // WebGLRenderingContext: WebGLRenderingContext;
  449. // MSGesture: MSGesture;
  450. // ongamepadconnected(func?: any): any;
  451. //}
  452. interface Navigator {
  453. getGamepads(func?: any): any;
  454. webkitGetGamepads(func?: any): any
  455. msGetGamepads(func?: any): any;
  456. webkitGamepads(func?: any): any;
  457. }