Джойстик: свойство buttons

Свойство buttons интерфейса Gamepad возвращает массив объектов gamepadButton, представляющих кнопки, присутствующие на устройстве.

Каждый элемент массива равен 0 , если кнопка не нажата, и отличен от нуля (обычно 1.0) если кнопка нажата.

Каждый объект gamepadButton имеет два свойства:

pressed

Булево значение, указывающее, нажата ли кнопка в данный момент (true) или не нажата (false).

value

Значение с плавающей точкой, используемое для представления аналоговых кнопок, таких как спусковые крючки на многих современных джойстиках. Значения нормализованы к диапазону 0,0 – 1,0, где 0,0 соответствует не нажатой кнопке, а 1,0 – полностью нажатой кнопке.

Массив объектов gamepadButton.

В зависимости от типа кнопки, нам нужно получить доступ к свойствам GamepadButton.value или GamepadButton.pressed. Этот пример поддерживает оба варианта:

function gameLoop() {
  const gp = navigator.getGamepads()[0];

  if (gp.buttons[0].value > 0 || gp.buttons[0].pressed) {
    b--;
  } else if (gp.buttons[1].value > 0 || gp.buttons[1].pressed) {
    a++;
  } else if (gp.buttons[2].value > 0 || gp.buttons[2].pressed) {
    b++;
  } else if (gp.buttons[3].value > 0 || gp.buttons[3].pressed) {
    a--;
  }

  ball.style.left = `${a * 2}px`; // ball is a UI widget
  ball.style.top = `${b * 2}px`;

  requestAnimationFrame(gameLoop);
}

Использование API джойстика