mylingo3d/src/api/gamepad.ts

Lingo3D is a React/Vue 3d game development framework that ships with a complete visual editor

import { onBeforeRender } from "../events/onBeforeRender"

const gamepad = {}
export default gamepad

"getGamepads" in navigator &&
    onBeforeRender(() => {
        for (const pad of navigator.getGamepads()) {
            if (!pad) continue

            for (let i = 0; i < pad.buttons.length; i++) {
                const button = pad.buttons[i]
                const pct = Math.round(button.value * 100) + "%"

                button.pressed &&
                    console.log(i, button.value, button.pressed, pct)
            }
            for (let i = 0; i < pad.axes.length; i++) {
                const val = Number(pad.axes[i].toFixed(2))

                val !== 0 && console.log(i, val)
            }
        }
    })