Fix Game Pad Component

[geyang]

No description provided.

[marctuscher]

Hi @geyang,

I love vuer, I am currently building a teleop setup with it. And I realized the gamepad component doesn't work at this point (or I am using it in the wrong way :D).

Any updates on this? Would love to support, but it seems to be a client problem. I couldn't find the client code.

Cheers

[geyang]

Hi @marctuscher, here is the code for the Gamepad component : )

import { useGamepads } from 'react-gamepads';
import { ClientEvent, VuerProps } from '../../vuer/interfaces';
import { SocketContextType, useSocket } from '../../vuer/websocket';

export function Gamepad({ _key: key, children }: VuerProps) {
  const { sendMsg } = useSocket() as SocketContextType;
  useGamepads((gamepads) => {
    const { axes, buttons } = gamepads[0] as Gamepad;
    sendMsg({
      ts: Date.now(),
      etype: 'GAMEPADS',
      key,
      value: { axes, buttons: buttons.map((b) => b.value) },
    } as ClientEvent);
  });
  return <>{children}</>;
}

We currently do not have an example in the documentation, if you get this work feel free to add an example under docs/examples/0xxx_gamepad.md.