coderef

Gamepad VR hands and posesLimited availability

The hand and pose properties of a Gamepad object represent the position in space and the hand that WebVR controllers are held in.

Not yet supported in all major browsers — check the table and provide a fallback.

How to use ↓Compare browsers

Browser support

DesktopChrome
✕Not supportedup to 155
Current: 155
Edge
✕Not supportedup to 154
Current: 154
Firefox
1–54Not supported
55+Supportedsince Aug 8, 2017
Current: 157
Safari
✕Not supportedup to 27
Current: 27
MobileChrome Android
✕Not supportedup to 155
Current: 155
Firefox Android
4–54Not supported
55+Supportedsince Aug 8, 2017
Current: 157
Safari iOS
✕Not supportedup to 27
Current: 27

How to use

Not supported in Chrome, Edge, Safari, Chrome Android, Safari iOS. Use feature detection below and provide a fallback (or a polyfill) for those browsers.

Example

Full syntax and examples are on MDN: hand.

Feature detection

JS · check before using
if ("GamepadPose" in globalThis) {
  // GamepadPose is available
} else {
  // load a polyfill or use a fallback
}

Documentation (MDN)

Specification

Sub-features

Support for each part of the feature (11). The overall table above shows when the whole feature works.

Sub-featureChromeEdgeFirefoxSafariChrome AndroidFirefox AndroidSafari iOS
Gamepad.hand✕✕55✕✕55✕
Gamepad.pose✕✕55✕✕55✕
GamepadPose✕✕55✕✕55✕
GamepadPose.angularAcceleration✕✕55✕✕55✕
GamepadPose.angularVelocity✕✕55✕✕55✕
GamepadPose.hasOrientation✕✕55✕✕55✕
GamepadPose.hasPosition✕✕55✕✕55✕
GamepadPose.linearAcceleration✕✕55✕✕55✕
GamepadPose.linearVelocity✕✕55✕✕55✕
GamepadPose.orientation✕✕55✕✕55✕
GamepadPose.position✕✕55✕✕55✕