Sadržaj:
- Korak 1: Potrebni materijali
- Korak 2: Pripremite džojstik na žice za spajanje ključeva Bluefruit EZ
- Korak 3: Pripremite kućište
- Korak 4: Instalirajte joystick, Bluefruit EZ ključ i USB prekidač
- Korak 5: EZ ključni grafički interfejs
- Korak 6: Uključite i uparite EZ ključ Bluefruit
- Korak 7: Preslikavanje dugmadi na EZ-ključu Bluefruit
- Korak 8: Upravljajte postojećom skicom P5.js pomoću Firefox web preglednika na cijelom ekranu
- Korak 9: Uredite, revidirajte ili stvorite vlastitu web aplikaciju
2025 Autor: John Day | [email protected]. Zadnja izmjena: 2025-01-13 06:57
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.