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

Базовая Широко доступная

Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с марта 2017 года.

Безопасный контекст: Эта функция доступна только в безопасных контекстах (HTTPS) в некоторых или всех поддерживающих браузерах.

Свойство Gamepad.axes интерфейса Gamepad возвращает массив, представляющий контроллеры с осями, присутствующими на устройстве (например, аналоговые стики).

Каждый элемент массива — число с плавающей запятой в диапазоне от -1,0 до 1,0, представляющее положение оси от минимального значения (-1,0) до максимального (1,0).

Значение

Массив чисел.

Примеры

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

  let a = 0;
  let b = 0;
  if (gp.axes[0] !== 0) {
    b -= gp.axes[0];
  } else if (gp.axes[1] !== 0) {
    a += gp.axes[1];
  } else if (gp.axes[2] !== 0) {
    b += gp.axes[2];
  } else if (gp.axes[3] !== 0) {
    a -= gp.axes[3];
  }

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

  const start = requestAnimationFrame(gameLoop);
}

Спецификации

Спецификация
Gamepad # dom-gamepad-axes

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`axes`	21	12	29	15	10.1	25	32	14	10.3	1.5	4.4

См. также

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

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Gamepad/axes