Gamepad.axes
The Gamepad.axes
property of the Gamepad
interface returns an array representing the controls with axes present on the device (e.g. analog thumb sticks).-
Each entry in the array is a floating point value in the range -1.0 – 1.0, representing the axis position from the lowest value (-1.0) to the highest value (1.0).
Syntax
JavaScript
Copy Code
<span id="idl-def-Gamepad" class="idlInterface">readonly attribute double[] axes;</span>
Example
JavaScript
Copy Code
function gameLoop() { if(navigator.webkitGetGamepads) { var gp = navigator.webkitGetGamepads()[0]; } else { var gp = navigator.getGamepads()[0]; } if(gp.axes[0] != 0) { b -= gp.axes[0]; } else if(gp.axes[1] != 0) { a += gp.axes[1]; } else if(gp.axes[2] != 0) { b += gp.axes[2]; } else if(gp.axes[3] != 0) { a -= gp.axes[3]; } ball.style.left = a*2 + "px"; ball.style.top = b*2 + "px"; var start = rAF(gameLoop); };
Value
An array of double
values.
Specifications
Specification | Status | Comment |
---|---|---|
Gamepad The definition of 'Gamepad.axes' in that specification. |
Working Draft | Initial definition |
Browser compatibility
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
General support | 21.0 webkit 35.0 |
29.0 (29.0) | Not supported | 15.0 webkit 22.0 |
Not supported |
Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
General support | Not supported | 32.0 (32.0) | Not supported | Not supported | Not supported |
See also
License
© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/api/gamepad/axes