API de CONTROLES em Javascript Puro. Programando com a Gamepad API.

Channel:
Brazil Manual do Código
Subscribers:
21,200
Published on ● Video Link: https://www.youtube.com/watch?v=gFlK3OU7kGw


Duration: 29:10
764 views
68

Neste vídeo eu mostro como acessar a Api de controles no browser usando Javascript puro. Mostro como facilmente acessar os eixos e botões em um controle de Xbox 360.
Nos browsers atuais é muito simples acessar os controles, e com poucas linhas de código é possível adicionar o input de qualquer gamepad na aplicação sendo desenvolvida.
No vídeo eu faço uma aplicação visual onde mostro os pads se movendo e o estado dos botões. A parte gráfica eu faço usando a biblioteca P5.js, que simplifica bastante essa parte gráfica e ajuda na explicação.
O código da classe criada no vídeo eu coloquei no github, e a ideia é ir aprimorando com o tempo, adicionando mapeamentos para mais controles e adicionando suporte a múltiplos controles.

#gamepad #javascript #gamepadapi



Other Videos By Manual do Código


2021-06-28Introdução a ASSEMBLY de SNES e MEGA DRIVE
2021-06-28Python para Projetos com Áudio: Adicionando Fading em Músicas (Abaixar o Volume)
2021-06-24Adicionando Controles no Raycasting - Usando a API de Gamepad
2021-06-18MAPA DE MEMÓRIA DO SNES. Fundamental para Programação neste Console.
2021-06-17Raycasting - Programando a Intensidade de Controles.
2021-06-16Algoritmo - Ciclo Único em Array. Questão de Entrevista.
2021-06-16Girando com o MOUSE em Jogos 3D. Capturando o Ponteiro no Raycasting.
2021-06-15MIRRORs de Memória. Consoles Antigos e Programação Baixo Nível.
2021-06-10Adicionando MOUSE no Raycasting. Muito Simples.
2021-06-02Mapa de Memória do Mega Drive. Importante para Desenvolver Jogos.
2021-05-27API de CONTROLES em Javascript Puro. Programando com a Gamepad API.
2021-05-26Como Instalar o Compilador de C/C++ CLANG no Windows em Múltiplas Versões. 32 e 64 bits. LLVM.
2021-05-26Frames por Segundo em Jogos. Programando do Jeito Certo.
2021-05-25Mapa de Memória em Programação. Introdução.
2021-05-24Programando o METRALHAR em Jogos (Strafe). Andando para os Lados.
2021-05-24Conversão de Áudio em Python. Conversão de PASTAS e Múltiplos Formatos (Mp3, Wav, etc.)
2021-05-11Rotação de Personagens em Jogos. Implementando em Raycasting.
2021-05-10A Memória do Snes é Dividida em BANCOS. Entendendo a Lógica.
2021-05-03Programando Movimento pra Frente e pra Trás no Raycasting.
2021-04-29Rotacionando Coisas em Programação. Matriz de Rotação 2D.
2021-04-27REGISTRADORES do SNES. Programação ASSEMBLY pra SNES.


Tags:
gamepad
gamepad api
javascript
gamepad javascript
controle javascript
joystick
joystick javascript
api de controles
api de controle em javascript
programando controles javascript
controle no browser
gamepad browser
gamepad chrome
programar controles
api
addeventlistener
gamepadconnected
gamepaddisconnected
javascript bind
p5.js
navigator.getGamepads
getGamepads
objeto navigator
game pad
controle xbox javascript
controle ps3 javascript
controle ps4 chrome