Тёмный

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

Manual do Código
Подписаться 19 тыс.
Просмотров 1,1 тыс.
50% 1

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

Наука

Опубликовано:

 

26 май 2021

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 16   
3 года назад
Código: editor.p5js.org/ManualDoCodigo/sketches/EgblY2lYk Documentação: developer.mozilla.org/en-US/docs/Web/API/Gamepad_API/Using_the_Gamepad_API Curso de Javascript com P5.js: ru-vid.com/group/PLLFRf_pkM7b5TmuX6XkdUS1xwQmoOONS-
@alx_abreu
@alx_abreu Год назад
Cara isso deu muitas possibilidades novas! o Meu gamepad é um Logitech F710, ele funciona como um controle de Xbox porém tem o Layout de um controle de PSX! o Windows reconhece ele como um controle de Xbox hahaha! Depois irei estudar com calma e ver se consigo implementar alguma coisa relacionada a isso em meu portifólio! Eu também tenho um Logitech G29!, isso dá de fazer muito mais coisas no futuro!
@alx_abreu
@alx_abreu Год назад
@Manual do Código, parece que o recurso não funciona como o teclado pelo navegador! será que há uma maneira de fazer ele funcionar igual?
@vendasuperforma
@vendasuperforma 3 года назад
Show de bola, aula top.
3 года назад
Valeu Marcelo.....
@rogeriopst450
@rogeriopst450 3 года назад
sem duvidas..
@broolly_
@broolly_ Год назад
Hello ! How to merge gamepad and key ? Example : Space = A
@LUCASZATUR
@LUCASZATUR Год назад
Mano eu queria saber de tem como reprogramar um gamepad. Pra enviar um comamdo diferente quando eu aperto um botão?? Sabe me dizer se tem como?
@sigaoluiz
@sigaoluiz 11 месяцев назад
Excelente. Meu único problema é que com o controle do XBOX, quando clico em alguns botões ocorre algumas ações no navegador. Como por exemplo no RT que ocorre o mesmo de clicar com o botão direito no navegador e o joystick direito que mexe no mouse. Estou procurando como resolver isso, se alguém souber, agradeço muito pela dica.
3 года назад
Esta parte de controles eh bem chatinha eu penei bastante para fazer reconhecimento de controles (PS4, Xbox, ... ) no jogo que estou fazendo (jogo de nave nesta pegada do mega drive).
3 года назад
Legal, está fazendo em que linguagem?
3 года назад
@ Gml do game maker, mas agora uso o repositório input do Juju Adams, lá já tem uma compatibilidade de mais de 100 controles dentre eles os de consoles atuais tbm.
@rogeriopst450
@rogeriopst450 3 года назад
n sabia q tinha essa api no navegador. na hora, ja abri o meu console do navegador e testei navigator.gamePads(). da hora. vlw. parabens. por baixo dos panos, eh mto complexo o q essa API faz p se conectar c o controle? o controle precisa ser bluetooth ou pode ser com fio? parabens novamente.
3 года назад
Olá, por baixo dos panos é código do Browser mesmo. Não sei o que é feito lá dentro do browser, mas provavelmente quem deve fazer o trabalho pesado é o sistema operacional, que contém o driver e toda a Api para as aplicações usarem. O browser deve usar a api do sistema operacional pra incorporar os controles no fluxo do código. Dá pra ser com fio tb. Como eu disse se o controle for reconhecido no Windows (Linux, etc...) o browser acho que vai detectar de boa. Mas não sei dizer se tem algum detalhe a mais nessas entranhas aí. Abraço....
@eltrem_th
@eltrem_th 3 года назад
Chato é essas paradas de Direct input X o outro que esqueci o nome
3 года назад
É, mas na verdade isso está aí pra te ajudar, pra vc não ter que lidar com o hardware diretamente e ter todo um código de controle por baixo. Abraço.....
Далее
Você é PROGRAMADOR? Então encontre esse QRCODE.
24:24
Best Toilet Gadgets and #Hacks you must try!!💩💩
00:49
How To Access Any Forked GitHub Repositories Data
9:31
Criando um projeto em RUST do Zero e explicando TUDO
30:56
Um Modo pouco usado em PROGRAMAÇÃO de MEGA DRIVE.
12:56
ENGENHARIA DE COMPUTAÇÃO NA UNICAMP. Valeu a pena?
13:48
Filtrando elementos na DOM com JavaScript PURO!
24:56
ЗАБЫТЫЙ IPHONE 😳
0:31
Просмотров 12 тыс.
Красиво, но телефон жаль
0:32
Просмотров 1,5 млн