Sommario:

Controller joystick abilitato Bluetooth: 9 passaggi (con immagini)
Controller joystick abilitato Bluetooth: 9 passaggi (con immagini)

Video: Controller joystick abilitato Bluetooth: 9 passaggi (con immagini)

Video: Controller joystick abilitato Bluetooth: 9 passaggi (con immagini)
Video: Trucco per il Controller!! 2024, Novembre
Anonim
Controller joystick abilitato Bluetooth
Controller joystick abilitato Bluetooth

Stupisci i tuoi amici e stupisci la tua famiglia, quando danno un'occhiata a "HypnoEllipse", un'app web A/V interattiva. Costruisci un joystick abilitato per Bluetooth, collegalo al browser web e, a turno, esegui l'autoipnosi.

Questo è un joystick connesso tramite Bluetooth, che invia messaggi HID (tastiera/mouse) a uno sketch p5.js, che presenta un'illusione ottica rotante e un campione sonoro vorticoso.

Passaggio 1: materiali necessari

Materiale necessario
Materiale necessario
Materiale necessario
Materiale necessario
Materiale necessario
Materiale necessario

Utensili

saldatore

saldare

spelafili

trapano

punta da trapano 1/4"

sega a tazza 3/4”

Parti

Computer abilitato Bluetooth

Allegato

www.adafruit.com/product/905

Tasto EZ Bluefruit

www.adafruit.com/product/1535

mini breadboard modulare

www.sparkfun.com/products/12047

cavi per ponticelli

www.sparkfun.com/products/8431

telecomando da gioco

www.sparkfun.com/products/9182

Scheda breakout USB micro-B

www.sparkfun.com/products/1833

Batteria ricaricabile microUSB 5vdc

www.sparkfun.com/products/14167

SOFTWARE

Applicazione web Hypnoellipse

hypnoellipse.netlify.com/

Elaborazione 1.5.1 (per rimappare EZ Key)

processing.org/download/?processing

Controllo P5 (libreria di elaborazione)

www.sojamo.de/libraries/controlP5/

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

Se vuoi creare la tua versione dell'Hypnoellipse!

p5.js

p5js.org/download/

Editor Atom

atom.io/

Passaggio 2: preparare il joystick ai cavi del ponticello della chiave EZ di Bluefruit

Preparare il joystick ai cavi del ponticello della chiave EZ Bluefruit
Preparare il joystick ai cavi del ponticello della chiave EZ Bluefruit

Tagliare e spellare un'estremità di ciascuna delle quattro coppie di cavi per ponticelli di colore diverso.

Ciascuna delle coppie di colori corrisponde alla direzione univoca del joystick (sinistra, destra, su, giù): una di ciascuna coppia va a un ingresso del tasto EZ e l'altra a GND.

Con questa mente, saldare con cura i fili del ponticello al joystick.

Passaggio 3: preparazione dell'involucro

Preparazione allegato
Preparazione allegato

Avrai bisogno di un foro da 1/2" sul lato della custodia per il cavo microUSB e quattro fori da 1/4" nel coperchio superiore per montare il joystick. Il joystick stesso avrà bisogno di un foro da 3/4".

Ho usato un pezzo di carta e una matita per tracciare i fori richiesti dall'assieme del joystick, prima di forare effettivamente la parte superiore dell'involucro di plastica.

Passaggio 4: installare il joystick, la chiave EZ Bluefruit e la scheda breakout USB

Installa Joystick, Bluefruit EZ Key e USB Breakout Board
Installa Joystick, Bluefruit EZ Key e USB Breakout Board
Installa Joystick, Bluefruit EZ Key e USB Breakout Board
Installa Joystick, Bluefruit EZ Key e USB Breakout Board
Installa Joystick, Bluefruit EZ Key e USB Breakout Board
Installa Joystick, Bluefruit EZ Key e USB Breakout Board

Assicurati di determinare con attenzione come i quattro ponticelli di colore univoco del joystick si collegano ai pin #0 - #4 sulla chiave EZ. Questo definisce come i quattro microinterruttori sul joystick altereranno i valori di mouseX e mouseY nello sketch p5.js.

Una volta determinato l'orientamento della custodia, procedere in senso orario attorno alle connessioni del joystick, collegando i ponticelli agli ingressi della chiave EZ e rivedendo se necessario (metodo per tentativi ed errori!).

I pin di terra del joystick formano un bus di terra insieme a un pin di terra della Bluefruit EZ Key.

La terra e +5vdc dal connettore microUSB si collegheranno anche alla Bluefruit EZ Key.

Passaggio 5: GUI del tasto EZ

GUI del tasto EZ
GUI del tasto EZ

Sarà necessario utilizzare una versione precedente di Processing 2.2.1 per eseguire questo strumento GUI.

I contatti del joystick su/giù/sinistra/destra emuleranno i movimenti del mouseX e del mouseY per controllare lo schizzo p5.js (HypnoEllipse).

Questo tutorial di Adafruit fornisce tutte le informazioni necessarie per utilizzare la Bluefruit EZ-Key:

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

Passaggio 6: alimentazione e associazione della chiave EZ Bluefruit

Accendi e accoppia Bluefruit EZ Key
Accendi e accoppia Bluefruit EZ Key
Accendi e accoppia Bluefruit EZ Key
Accendi e accoppia Bluefruit EZ Key
Accendi e accoppia Bluefruit EZ Key
Accendi e accoppia Bluefruit EZ Key

Accendi la Bluefruit EZ-Key e premi il pulsante di associazione.

Dovresti vedere il LED rosso lampeggiare. Quindi premi il mini pulsante sulla chiave EZ per 5 secondi e rilascia, questo cancellerà le informazioni di abbinamento precedenti e ti consentirà di ricollegare il tuo computer. Il LED rosso ora lampeggerà.

Attiva il Bluetooth in Preferenze di Sistema e fai clic su "Configura nuovo dispositivo".

Lascia che l'assistente funzioni finché non individua e visualizza il modulo EZ-Key: selezionalo e fai clic su "Continua".

Passaggio 7: rimappatura dei pulsanti sulla Bluefruit EZ-Key

Rimappatura dei pulsanti sulla Bluefruit EZ-Key
Rimappatura dei pulsanti sulla Bluefruit EZ-Key

Nello screenshot nota i valori mouseX e mouseY associati ai pin chiave:

pin 0: x5

pin 1: x-5

pin2: y5

pin3: y-5

Scarica la libreria ControlP5:

www.sojamo.de/libraries/controlP5/

Scarica il file zip con il codice del remapper wireless:

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

Decomprimi e apri GUI_EZKey_remapper.pde in Elaborazione.

Controlla che Bluefruit sia accoppiato al tuo computer.

Seleziona Schizzo -> Esegui per avviare il remapper grafico.

Ora scegli i pin e usando i menu seleziona i rapporti del mouse.

Quindi fai clic su "SEND_MAP" per inviarlo alla tua Bluefruit EZ-Key.

Un report di testo nella finestra Elaborazione dovrebbe indicare che ha trovato un Bluefruit e che ha inviato dati con una corrispondenza di checksum.

Passaggio 8: controllare lo schizzo P5.js esistente con il browser Web Firefox a schermo intero

Controlla lo schizzo P5.js esistente con il browser Web Firefox a schermo intero
Controlla lo schizzo P5.js esistente con il browser Web Firefox a schermo intero

Ecco il mio sketch p5.js ospitato su Netlify:

hypnoellipse.netlify.com

Puoi sperimentare con il tuo mouse, prima di costruire e collegare l'interfaccia del joystick, per vedere e ascoltare le variazioni del modello audiovisivo.

Passaggio 9: modifica, rivedi o crea la tua app Web

Modifica, rivedi o crea la tua app Web
Modifica, rivedi o crea la tua app Web

Ecco il codice per l'app Web stessa:

github.com/dkonha01/HypnoEllipse

Puoi facilmente sviluppare la tua versione, provando a cambiare i valori nelle righe 44, 51 e 66 di sketch.js - controlla le righe commentate per esempi di questo.

Consigliato: