Controlador Joystick habilitat per Bluetooth: 9 passos (amb imatges)

2025 Autora: John Day | [email protected]. Última modificació: 2025-01-23 14:38

Sorprengui els seus amics i sorprengui a la seva família quan comprovin l '"HypnoEllipse", una aplicació web interactiva d'A / V. Construïu un recinte de joystick habilitat per Bluetooth, connecteu-lo al navegador web i, per torns, realitzeu una autohipnosi.

Es tracta d’un joystick connectat a Bluetooth, que envia missatges HID (teclat / ratolí) a un esbós de p5.js, que presenta una il·lusió òptica giratòria i una mostra de so remolí.

Pas 1: materials necessaris

Eines

soldadura de ferro

soldar

peladors de filferro

trepant

broca 1/4"

serra de forat de 3/4"

Parts

Ordinador habilitat per Bluetooth

Recinte

www.adafruit.com/product/905

Bluefruit EZ-Key

www.adafruit.com/product/1535

mini tauler modular

www.sparkfun.com/products/12047

cables de pont

www.sparkfun.com/products/8431

joystick

www.sparkfun.com/products/9182

Tauler USB breakout micro-B

www.sparkfun.com/products/1833

Bateria recarregable microUSB de 5vdc

www.sparkfun.com/products/14167

PROGRAMARI

Aplicació web Hypnoellipse

hypnoellipse.netlify.com/

S'està processant 1.5.1 (per tornar a mapar la clau EZ)

processing.org/download/?processing

Control P5 (biblioteca de processament)

www.sojamo.de/libraries/controlP5/

Firefox

Si voleu fer la vostra pròpia versió de l’Hipnoellipse!

p5.js

p5js.org/download/

Editor d’àtoms

atom.io/

Pas 2: prepareu el joystick per a Bluefruit EZ Key Jumper Wires

Talla i tira un extrem de cadascun dels quatre parells de cables de pont de colors diferents.

Cadascun dels parells de colors correspon a la direcció única del joystick (esquerra, dreta, amunt, avall): un de cada parell passa a una entrada de tecla EZ i l'altre a GND.

Amb aquesta ment, soldeu acuradament els cables del jumper al joystick.

Pas 3: preparació del recinte

Necessitareu un forat de 1/2 "al lateral del recinte per al cable microUSB i quatre forats de 1/4" a la coberta superior per muntar el joystick. El joystick en si mateix necessitarà un forat de 3/4 ".

Vaig utilitzar un tros de paper i un llapis per rastrejar els forats necessaris per al conjunt del joystick, abans de perforar-los a la part superior del recinte de plàstic.

Pas 4: instal·leu el joystick, la clau Bluefruit EZ i el tauler USB Breakout

Assegureu-vos de determinar acuradament com es connecten els quatre ponts de filferro de colors únics del joystick als passadors # 0 - # 4 de la tecla EZ. Això defineix com els quatre microinterruptors del joystick alteraran els valors de mouseX i mouseY a l'esbós de p5.js.

Un cop hàgiu determinat l'orientació del vostre recinte, procediu en sentit horari al voltant de les connexions del joystick, connectant els ponts a les entrades de la tecla EZ i reviseu-ho segons sigui necessari (mètode de prova i error).

Els passadors de terra del joystick formen un bus de terra juntament amb un pas de terra de la clau Bluefruit EZ.

La terra i + 5vdc del connector microUSB també es connectaran a la clau Bluefruit EZ.

Pas 5: EI de la clau GUI

Haureu d’utilitzar una versió anterior de Processing 2.2.1 per executar aquesta eina GUI.

Els contactes amunt / avall / esquerra / dreta del joystick emularan els moviments mouseX i mouseY per controlar l'esbós de p5.js (HypnoEllipse).

Aquest tutorial d'Adafruit proporciona tota la informació necessària per utilitzar Bluefruit EZ-Key:

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

Pas 6: alimentació i emparellament de la clau EZ de Bluefruit

Engegueu la tecla Bluefruit EZ i premeu el botó de parell.

Hauríeu de veure parpellejar el LED vermell. A continuació, premeu el botó mini de la tecla EZ durant 5 segons i deixeu-ho anar, per esborrar la informació de parellatge anterior i us permetrà tornar a aparellar al vostre ordinador. El LED vermell parpellejarà ara.

Activeu Bluetooth a Preferències del sistema i feu clic a "Configura un dispositiu nou".

Deixeu que l'assistent funcioni fins que localitzi i mostri el mòdul EZ-Key; seleccioneu-lo i feu clic a "Continua".

Pas 7: tornar a mapar els botons de la tecla EZ de Bluefruit

A la captura de pantalla, observeu els valors mouseX i mouseY associats amb els pins de les tecles:

pin 0: x5

pin 1: x-5

pin2: y5

pin3: y-5

Descarregueu el ControlP5 LIbrary:

www.sojamo.de/libraries/controlP5/

Baixeu el fitxer zip amb el codi de remapper sense fils:

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

Descomprimiu i obriu GUI_EZKey_remapper.pde a Processament.

Comproveu que Bluefruit està vinculat al vostre ordinador.

Seleccioneu Esbós -> Executa per iniciar el remapador gràfic.

Ara trieu els pins i, mitjançant els menús, seleccioneu els informes del ratolí.

A continuació, feu clic a "SEND_MAP" per enviar-lo a la vostra clau EZ de Bluefruit.

Un informe de text a la finestra de processament hauria d’indicar que ha trobat un Bluefruit i que ha enviat dades amb un Checksum Match.

Pas 8: Controleu el Sketch P5.js existent amb el navegador web Firefox a pantalla completa

Aquí teniu el meu esbós de p5.js allotjat a Netlify:

hypnoellipse.netlify.com

Podeu experimentar amb el ratolí abans de construir i connectar la interfície del joystick per veure i escoltar les variacions del patró audiovisual.

Pas 9: editeu, reviseu o creeu la vostra pròpia aplicació web

Aquí teniu el codi de la pròpia aplicació web:

github.com/dkonha01/HypnoEllipse

Podeu desenvolupar la vostra pròpia versió fàcilment, provant de canviar els valors de les línies 44, 51 i 66 de sketch.js; consulteu les línies comentades per obtenir exemples d’això.