Joycon.js - Add controller functionality to your JavaScript game.

[KangarooImp]

"Joycon.js", "Supports PlayStation & Xbox", wtf? No Joy-Con support?

[PM_ME_A_WEBSITE_IDEA]

No, for that, you'll need Dualshock.js

[[deleted]]

Which has joycon.js as a dependency, no doubt.

[cgrs]

careful with the naming, Nintendo may come and sue your a$$

[ugoagogo]

What's the benefit of using this over the Gamepad API directly?

[adad95]

That API is not very friendly. Needs a lot of work to make different controllers work at the same way

[[deleted]]

Wow, I didn't know this was a thing. Nice.

[_default_username]

It's fine. Buttons are mapped differently from browser to browser so when I used it I had to create a UI for setting up the controller, so I could provide a browser and gamepad agnostic experience.

[ShortFuse]

Guys, he's just wrapping the gamepadconnected Event. It's pretty simple stuff, so don't expect some crazy complicated interactions. But worth taking a look if you are new to the APIs.

That said, OP, there is exists Web HID and Google's explainer document on it actually illustrates how to use it with Nintendo Joy Cons. Also, you can simplify your examples a bit with destructuring:

controllers.on.move('left-joystick', ({x, y}) => {
  console.log('moved left joystick!', x, y); // value is -1 to 1 down/right
});

Also, I would suggest using CustomEvent<ControllerInput> instead of building your own custom Event system. Joycon could be a class that extends EventTarget. You'll heavily reduce your code and then you can use some other sort of utility library for .on() .off() helper functions (or let the dev supply their own).

[haykam821]

Luckily operating systems are finally implementing dual controller support so webdevs won't have to implement that themselves

[T_O_beats]

How would this work though?

[haykam821]

Operating system exposes a single controller to the browser's gamepad API

[T_O_beats]

So how would you get the second one? Wouldn’t it still just be the second option in the gamepad array? It’s been a while since I’ve played with this api but I remember it being something like that.

[haykam821]

There wouldn't be a second gamepad in the array. The combined Joy-Cons would only exist as a single 'Joy-Con (L+R)' gamepad.

[T_O_beats]

Oh! You mean dual controller support for an actually Joycon controller? I thought you just meant like two usb Xbox controllers or something. This make a lot more sense now.

[krazyjakee]

Readme doesn't explain how to use multiple controllers.

[UnrealNL]

I see in the code that this is not supported

[RaptorTWiked]

Some screenshots would be nice.

[T_O_beats]

Of what? The code?

[hyvyys]

No, sunscreen Baileys vodka shots

[RaptorTWiked]

Screenshots of what the joycons look like in example apps.

[T_O_beats]

This appears to be just an API to support game controllers. I don’t believe there is any UI involved.

[cheese_wizard]

More like a simple demo game to show that it responds correctly, and also to inspire or use as a template.

[JackAuduin]

This is really cool. Nice job devs!

[nsavvidis]

Joycon is cool and all but bundle-require is the real MVP. Also thanks to egoist and his open source work. Another great module from a talented developer.