Gamepad :不触发按钮事件

Question

我有一个蓝牙控制器，我用这个Gamepad测试器测试了所有的按钮数：http://html5gamepad.com/，所以我很确定按钮的值是正确的。然而，似乎没有什么触发，游戏垫显示是“连接”，只是按钮事件不工作。以下是代码：

function gameLoop() {
  if (navigator.webkitGetGamepads) {
    var wgp = navigator.webkitGetGamepads()[0];

    if (wgp.buttons[12] == 1 || wgp.buttons[4] == 1) {
      console.log('move');
    }
};

gameLoop();

我哪里出问题了？我使用Chrome，所以我有webkit前缀。游戏垫测试器会不会给我看错按钮了？谢谢你的帮助。

Answer 1

也有类似的问题。检查gamepad.js/all.js.cofee上的代码时强调，我们需要在每个更新周期从navigator检索游戏垫(它们不会自动更新)，确保您的gameLoop()被反复调用。例如，在window.setInterval(gameLoop, 100)或window.requestAnimationFrame(gameLoop)中

参考：

import * as React from 'react';

interface SampleComponentState {}
class SampleComponent extends React.Component<React.CSSProperties, SampleComponentState>{

    private gamepadUpdateToken: number | null
    constructor(props?: React.CSSProperties){
        super(props)
    }

    private handleGamepad() {
        const gamepads: Gamepad[] = navigator.getGamepads ? 
            navigator.getGamepads() : 
            ((navigator as any).webkitGetGamepads ? (navigator as any).webkitGetGamepads() : [])
        if (gamepads.length == 0){ return }

        gamepads[0].buttons.forEach((button, index) => {
            if (button.pressed){
                console.log(`Pressed button ${index}`)
            }
        })

        gamepads[0].axes.forEach((axe, index) => {
            if (axe != 0){
                console.log(`Axe ${index} moved: ${axe}`)
            }
        })
    }

    componentDidMount(){
        this.gamepadUpdateToken = window.setInterval(this.handleGamepad, 100)
        window.addEventListener("gamepadconnected", (event: any) => {
            const newGamapad: Gamepad = event.gamepad
            console.log(newGamapad)
        })
    }

    componentWillUnmount() {
        window.removeEventListener("gamepadconnected")
        if (this.gamepadUpdateToken != null){
            window.clearInterval(this.gamepadUpdateToken)
        }
    }

    render(){
        return (
            <div>
            </div>
        )
    }
}