Taula de continguts:

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

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

Vídeo: Controlador Joystick habilitat per Bluetooth: 9 passos (amb imatges)
Vídeo: Control Position and Speed of Stepper motor with L298N module using Arduino 2024, De novembre
Anonim
Controlador de joystick habilitat per Bluetooth
Controlador de joystick habilitat per Bluetooth

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

Materials necessaris
Materials necessaris
Materials necessaris
Materials necessaris
Materials necessaris
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

Prepareu el joystick per a Bluefruit EZ Key Jumper Wires
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

Recinte de preparació
Recinte de preparació

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

Instal·leu el joystick, la clau Bluefruit EZ i la placa USB Breakout
Instal·leu el joystick, la clau Bluefruit EZ i la placa USB Breakout
Instal·leu el joystick, la clau Bluefruit EZ i la placa USB Breakout
Instal·leu el joystick, la clau Bluefruit EZ i la placa USB Breakout
Instal·leu el joystick, la clau Bluefruit EZ i la placa USB Breakout
Instal·leu el joystick, la clau Bluefruit EZ i la placa 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

GUI EZ Key
GUI EZ Key

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

Clau EZ de Bluefruit Power i Parell
Clau EZ de Bluefruit Power i Parell
Clau EZ de Bluefruit Power i Parell
Clau EZ de Bluefruit Power i Parell
Clau EZ de Bluefruit Power i Parell
Clau EZ de Bluefruit Power i Parell

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

Tornant a mapar els botons de la tecla EZ de Bluefruit
Tornant 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

Controleu l’esbós P5.js existent amb el navegador web Firefox a pantalla completa
Controleu l’esbós 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

Editeu, reviseu o creeu la vostra pròpia aplicació web
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ò.

Recomanat: