Controlador de joystick habilitado para Bluetooth: 9 etapas (com imagens)

2025 Autor: John Day | [email protected]. Última modificação: 2025-01-23 15:03

Surpreenda seus amigos e surpreenda sua família ao conferir o "HypnoEllipse", um aplicativo A / V da web interativo. Construa um gabinete de joystick habilitado para Bluetooth, conecte-o ao navegador da web e realize a auto-hipnose se revezando.

Este é um joystick conectado por Bluetooth, que envia mensagens HID (teclado / mouse) para um esboço p5.js, que apresenta uma ilusão de ótica giratória e uma amostra de som giratória.

Etapa 1: Materiais necessários

Ferramentas

ferro de solda

solda

descascadores de arame

furar

broca 1/4"

serra copo 3/4”

Peças

Computador habilitado para Bluetooth

Gabinete

www.adafruit.com/product/905

Bluefruit EZ-Key

www.adafruit.com/product/1535

mini placa de ensaio modular

www.sparkfun.com/products/12047

fios de ligação

www.sparkfun.com/products/8431

controle de video game

www.sparkfun.com/products/9182

Placa de breakout micro-B USB

www.sparkfun.com/products/1833

Bateria microUSB recarregável 5vdc

www.sparkfun.com/products/14167

PROGRAMAS

Aplicativo da web Hypnoellipse

hypnoellipse.netlify.com/

Processando 1.5.1 (para remapear a chave EZ)

processing.org/download/?processing

Controle P5 (Biblioteca de processamento)

www.sojamo.de/libraries/controlP5/

Firefoxhttps://www.mozilla.org/en-US/firefox/new/

Se você quiser fazer sua própria versão do Hypnoellipse!

p5.js

p5js.org/download/

Editor Atom

atom.io/

Etapa 2: preparar o joystick para os fios de jumper da chave Bluefruit EZ

Corte e descasque uma extremidade de cada um dos quatro pares de fios de jumper de cores diferentes.

Cada um dos pares de cores corresponde à direção exclusiva (esquerda, direita, para cima, para baixo) do joystick - um de cada par vai para uma entrada da tecla EZ e o outro para GND.

Com isso em mente, solde cuidadosamente os fios do jumper no joystick.

Etapa 3: Prepare o gabinete

Você precisará de um orifício de 1/2 "na lateral do gabinete para o cabo microUSB e quatro orifícios de 1/4" na tampa superior para montar o joystick. O próprio joystick precisará de um furo de 3/4 ".

Usei um pedaço de papel e lápis para traçar os orifícios exigidos pela montagem do joystick, antes de perfurar a parte superior do invólucro de plástico.

Etapa 4: instalar o joystick, a chave Bluefruit EZ e a placa USB Breakout

Certifique-se de determinar cuidadosamente como os quatro jumpers de fios de cores exclusivas do joystick se conectam aos pinos # 0 - # 4 na chave EZ. Isso define como os quatro microinterruptores no joystick irão alterar os valores de mouseX e mouseY no esboço de p5.js.

Depois de determinar a orientação do seu gabinete, prossiga no sentido horário em torno das conexões do joystick, anexando os jumpers às entradas da chave EZ e revise conforme necessário (método de tentativa e erro!).

Os pinos de aterramento do joystick formam um barramento de aterramento junto com um pino de aterramento da Chave Bluefruit EZ.

O aterramento e + 5vdc do conector microUSB também serão conectados à chave Bluefruit EZ.

Etapa 5: EZ Key GUI

Você precisará usar uma versão mais antiga do Processing 2.2.1 para executar esta ferramenta GUI.

Os contatos do joystick para cima / para baixo / esquerda / direita emularão os movimentos do mouseX e mouseY para controlar o esboço de p5.js (HypnoEllipse).

Este tutorial Adafruit fornece todas as informações necessárias para usar o Bluefruit EZ-Key:

learn.adafruit.com/introducing-bluefruit-ez-key-diy-bluetooth-hid-keyboard

Etapa 6: Ligue e emparelhe a chave Bluefruit EZ

Ligue o Bluefruit EZ-Key e pressione o botão de par.

Você deve ver o LED vermelho piscar. Em seguida, pressione o mini botão na tecla EZ por 5 segundos e solte. Isso apagará as informações de emparelhamento anteriores e permitirá que você emparelhe novamente com o computador. O LED vermelho piscará agora.

Ligue o Bluetooth nas Preferências do Sistema e clique em "Configurar Novo Dispositivo".

Deixe o assistente funcionar até localizar e exibir o módulo EZ-Key - selecione-o e clique em "Continuar".

Etapa 7: Remapeando os botões no Bluefruit EZ-Key

Na captura de tela, observe os valores mouseX e mouseY associados aos pinos-chave:

pino 0: x5

pino 1: x-5

pin2: y5

pin3: y-5

Baixe a biblioteca ControlP5:

www.sojamo.de/libraries/controlP5/

Baixe o arquivo zip com o código de remapeador sem fio:

learn.adafruit.com/system/assets/assets/000/013/042/original/GUI_EZKey_remapper_12-20-13.zip?1387568625

Descompacte e abra o GUI_EZKey_remapper.pde em Processing.

Verifique novamente se o Bluefruit está emparelhado com o seu computador.

Selecione Sketch -> Run para iniciar o remapeador gráfico.

Agora escolha os pinos e usando os menus selecione os relatórios do mouse.

Em seguida, clique em "SEND_MAP" para enviá-lo para o seu Bluefruit EZ-Key.

Um relatório de texto na janela de processamento deve indicar que encontrou um Bluefruit e que enviou dados com uma correspondência de soma de verificação.

Etapa 8: controle o esboço P5.js existente com o navegador Firefox em tela inteira

Aqui está meu esboço de p5.js hospedado no Netlify:

hypnoellipse.netlify.com

Você pode experimentar com o mouse, antes de construir e conectar a interface do joystick, para ver e ouvir as variações do padrão audiovisual.

Etapa 9: edite, revise ou crie seu próprio aplicativo da web

Aqui está o código do próprio aplicativo da web:

github.com/dkonha01/HypnoEllipse

Você pode desenvolver facilmente sua própria versão, tentando alterar os valores nas linhas 44, 51 e 66 do sketch.js - verifique as linhas comentadas para exemplos disso.