The Mozilla MozVR team was demonstrating the open WebVR standard as well as A-Frame at GDC a few weeks ago and people were intrigued; some were surprised the web could handle VR, some probably just thought our VR line was smaller (it was by miles), and others saw the Xbox controller next the VR headsets and wanted to know how Microsoft Xbox controller + VR + Mac + browser even worked. I was so excited about all of this that I jumped on it immediately upon return from GDC. Let's see how it all works!

Microsoft Xbox One Controller For Mac Os

Step One: Xbox Controller Driver (360Controller)

The Xbox One controller is one of the finest handheld controllers on the market. It’s a case study in usability and ergonomics. The total lack of major changes over the years is a testament of just how “right” Microsoft made the Xbox controller. An Xbox Wireless Controller purchased in or after June 2015 can take updates wirelessly without connecting with a USB cable. This controller has a small, circular 3.5-mm port on the bottom of the controller (controllers without this port must update via USB cable). Follow these instructions here for getting a Xbox 360 Controller on Mac help. Here’s is a quick guide to connecting a Xbox One controller to a Mac, so you can start playing Xbox One games on your computer without the mouse and keyboard. This process will allow you to use a Xbox One controller on Mac with OS X Mavericks and OS X Yosemite.

The 360Controller project provides a list of Mac driver releases for the Xbox, Xbox 360, and Xbox One. The latest (0.15.0) is required for Xbox One support. Download and install the package provided and you'll see a 'Xbox 360 Controllers' label and icon in your System Preferences app. This preferences pane provides information about the Xbox controller selected and also provides controls for overriding settings:

Supported Bluetooth controller, and Microsoft Account with Xbox profile required. Some games and online multiplayer require Xbox Game Pass Ultimate or Xbox Live Gold (memberships sold separately). Includes participating Xbox One games. Requires Xbox One console turned on or in Instant-On mode, and high-speed internet (ISP fees may apply).
Adding Xbox controller support to macOS. The “Xbox Controller Driver for macOS” is a free piece of software that allows you to interact with your Mac, using a range of Microsoft Xbox controllers. In this article, we’ll be focusing on adding support for the Xbox One controller, but it’s also worth noting that this driver supports.

Connect Xbox One Controller To Mac

You must connect your Xbox controller via USB for the Mac to detect the controller -- wireless wont work. Press the buttons and watch each button's representation in the app light up. You can even press the left and right trigger buttons and the Xbox controller will shake. Solid!

Connecting Xbox One Controller To Mac

Step Two: Gamepad API

The JavaScript GamePad API provides access to controllers within the browser. Start by calling `navigator.getGamepads()` to get a listing of gamepads plugged in:

Microsoft Xbox One Controller For Mac Download

The user may plug in a device during gameplay (or any time for that matter) so you can use two handy event listeners to detect connection and disconnection:

A GamePad object provides the following information:

The buttons property is interesting: an array of GamepadButton objects, each having a boolean pressed values describing if the button is currently being pressed. You're were probably hoping (like I did) that there would be an event listener for button presses but there isn't -- you have to do button press checks within your game's loop (requestAnimationFrame). It's likely done that way so that lag, latency, etc. don't cause havoc between a listener and game state. Here's a quick example:

Xbox One Controller On Mac

You can see more button press and reaction examples on MDN. You can also check out HTML5 Gamepad Tester to experiment with button pressing and axis state for any given controller.

Xbox One Wireless Controller Mac

Step 3: The Game: Tanx

Update Xbox One Controller Mac

The game showcased with VR + Xbox controller + Gamepad API was a special 3D build of Tanx by PlayCanvas. The visual was amazing and people loved the game in an enhanced 3D state. Sorry, I don't have a link to a public version at this time!

There you have it -- you can connect your Xbox controller to Mac and play HTML5 games that support the Gamepad API with a special driver and a bit of JavaScript magic!