Kontroler džojstika sa omogućenim Bluetooth -om: 9 koraka (sa slikama)

2024 Autor: John Day | [email protected]. Zadnja izmjena: 2024-01-30 08:08

Zadivite svoje prijatelje i zadivite svoju porodicu kada pogledaju "HypnoEllipse", interaktivnu A/V web aplikaciju. Napravite kućište joystick -a s omogućenim Bluetooth -om, povežite ga s web -preglednikom i naizmjenično izvodite samohipnozu.

Ovo je joystick povezan Bluetooth vezom, koji šalje HID (tipkovnica/miš) poruke na skicu p5.js, koja predstavlja optičku iluziju koja se okreće i uzorak zvuka koji se okreće.

Korak 1: Potrebni materijali

Alati

lemilica

lemljenje

skidači žice

bušilica

burgija 1/4"

pila za rupe 3/4”

Delovi

Računar sa omogućenim Bluetooth -om

Enclosure

www.adafruit.com/product/905

EZ-ključ Bluefruit

www.adafruit.com/product/1535

mini modularna ploča

www.sparkfun.com/products/12047

kratkospojne žice

www.sparkfun.com/products/8431

joystick

www.sparkfun.com/products/9182

USB micro-B razvodna ploča

www.sparkfun.com/products/1833

5Vdc punjiva microUSB baterija

www.sparkfun.com/products/14167

SOFTVER

Web aplikacija Hypnoellipse

hypnoellipse.netlify.com/

Obrada 1.5.1 (za preslikavanje EZ ključa)

processing.org/download/?processing

Kontrola P5 (biblioteka za obradu)

www.sojamo.de/libraries/controlP5/

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

Ako želite, napravite vlastitu verziju Hypnoellipse -a!

p5.js

p5js.org/download/

Atom editor

atom.io/

Korak 2: Pripremite džojstik na žice za spajanje ključeva Bluefruit EZ

Odrežite i ogolite po jedan kraj svakog od četiri para različitih boja kratkospojnika.

Svaki od parova boja odgovara jedinstvenom smjeru upravljačke palice (lijevo, desno, gore, dolje) - jedan od svakog para ide na ulaz EZ ključa, a drugi na GND.

Imajući to na umu, pažljivo lemite kratkospojnike na džojstik.

Korak 3: Pripremite kućište

Trebat će vam jedna rupa od 1/2 "sa strane kućišta za microUSB kabel i četiri rupe od 1/4" u gornjem poklopcu za postavljanje joystick -a. Za sam joystick potrebno je izrezati rupu od 3/4 ".

Upotrijebio sam komad papira i olovku kako bih ocrtao rupe potrebne za sklop upravljačke palice, prije nego što sam zapravo izbušio vrh plastičnog kućišta.

Korak 4: Instalirajte joystick, Bluefruit EZ ključ i USB prekidač

Pažljivo odredite kako se četiri žičana kratkospojnika džojstika spajaju sa pinovima #0 - #4 na EZ ključu. Ovo definira kako će četiri mikroprekidača na upravljačkoj palici promijeniti vrijednosti mouseX i mouseY u skici p5.js.

Nakon što odredite orijentaciju svog kućišta, nastavite u smjeru kazaljke na satu oko priključaka joystick -a, pričvršćujući kratkospojnike na ulaze EZ ključa i po potrebi ih prepravite (metoda pokušaja i greške!).

Igle za uzemljenje sa džojstika formiraju magistralu za uzemljenje zajedno sa uzemljenjem pin -a Bluefruit EZ ključa.

Uzemljenje i +5vdc iz microUSB konektora takođe će se povezati sa Bluefruit EZ ključem.

Korak 5: EZ ključni grafički interfejs

Morat ćete koristiti stariju verziju Processing 2.2.1 za pokretanje ovog alata za grafičko sučelje.

Džojstik gore/dolje/lijevo/desno kontakti će oponašati pokrete mouseX i mouseY radi kontrole p5.js skice (HypnoEllipse).

Ovaj vodič za Adafruit pruža sve potrebne informacije za upotrebu Bluefruit EZ-ključa:

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

Korak 6: Uključite i uparite EZ ključ Bluefruit

Uključite Bluefruit EZ-ključ i pritisnite dugme za uparivanje.

Trebali biste vidjeti crveno LED svjetlo koje treperi. Zatim pritisnite dugme mini na tipki EZ na 5 sekundi i otpustite, ovo će izbrisati prethodne podatke o uparivanju i omogućiti vam ponovno uparivanje s računarom. Crvena LED dioda će sada treptati.

Uključite Bluetooth u sistemskim postavkama i kliknite "Postavi novi uređaj".

Pustite pomoćnika da radi dok ne pronađe i prikaže modul EZ -ključa - odaberite ga i kliknite "Nastavi".

Korak 7: Preslikavanje dugmadi na EZ-ključu Bluefruit

Na snimku zaslona zabilježite vrijednosti mouseX i mouseY povezane s iglama tipki:

pin 0: x5

pin 1: x-5

pin2: y5

pin3: y-5

Preuzmite biblioteku ControlP5:

www.sojamo.de/libraries/controlP5/

Preuzmite zip datoteku s kodom za bežični remapper:

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

Raspakirajte i otvorite GUI_EZKey_remapper.pde u Obradi.

Proverite da li je Bluefruit uparen sa vašim računarom.

Odaberite Sketch -> Run za pokretanje grafičkog remapera.

Sada odaberite pribadače i pomoću izbornika odaberite izvještaje miša.

Zatim kliknite "SEND_MAP" da biste ga poslali na svoj Bluefruit EZ-ključ.

Tekstualni izvještaj u prozoru Obrada trebao bi naznačiti da je pronašao plavo voće i da je poslao podatke s podudaranjem kontrolne sume.

Korak 8: Upravljajte postojećom skicom P5.js pomoću Firefox web preglednika na cijelom ekranu

Evo moje skice p5.js hostirane na Netlifyju:

hypnoellipse.netlify.com

Možete eksperimentirati s mišem prije nego što izgradite i povežete interfejs džojstika da vidite i čujete varijacije audiovizuelnih uzoraka.

Korak 9: Uredite, revidirajte ili stvorite vlastitu web aplikaciju

Evo koda za samu web aplikaciju:

github.com/dkonha01/HypnoEllipse

Lako možete razviti vlastitu verziju, pokušavajući promijeniti vrijednosti u redovima 44, 51 i 66 sketch.js - primjere za ovo pogledajte u komentiranim redovima.