Sadržaj:
- Korak 1: Potrebni materijali
- Korak 2: Pripremite joystick za Bluefruit EZ žice za preskakanje ključeva
- Korak 3: Pripremite kućište
- Korak 4: Instalirajte joystick, Bluefruit EZ ključ i USB prekidač
- Korak 5: EZ ključ GUI
- Korak 6: Uključite i uparite EZ ključ Bluefruit
- Korak 7: Preslikavanje gumba na EZ-ključu Bluefruit
- Korak 8: Upravljajte postojećom skicom P5.js pomoću Firefox web preglednika na cijelom zaslonu
- Korak 9: Uredite, revidirajte ili stvorite vlastitu web aplikaciju
2025 Autor: John Day | [email protected]. Zadnja promjena: 2025-01-13 06:57
Zadivite svoje prijatelje i zadivite svoju obitelj 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 naizmjence izvodite samohipnozu.
Ovo je joystick povezan Bluetooth vezom, koji šalje HID (tipkovnica/miš) poruke na skicu p5.js, koja predstavlja rotirajuću optičku iluziju i uzorak vrtložnog zvuka.
Korak 1: Potrebni materijali
Alati
lemilica
lem
skidači žice
bušilica
svrdlo 1/4"
pila za rupe 3/4”
Dijelovi
Računalo s omogućenim Bluetoothom
Kućište
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 (knjižnica za obradu)
www.sojamo.de/libraries/controlP5/
Firefoxhttps://www.mozilla.org/en-US/firefox/new/
Ako želite, napravite vlastitu verziju Hypnoellipsea!
p5.js
p5js.org/download/
Atom editor
atom.io/
Korak 2: Pripremite joystick za Bluefruit EZ žice za preskakanje ključeva
Odrežite i ogolite jedan kraj svakog od četiri para različitih boja kratkospojnih žica.
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 žice kratkospojnika na upravljačku palicu.
Korak 3: Pripremite kućište
Trebat će vam jedna rupa od 1/2 "na bočnoj strani kućišta za microUSB kabel i četiri rupe od 1/4" na gornjem poklopcu za postavljanje upravljačke palice. Za sam joystick potrebno je izrezati rupu od 3/4 ".
Upotrijebio sam komad papira i olovku da pronađem rupe potrebne za sklop upravljačke palice, prije nego što sam bušio gornji dio plastičnog kućišta.
Korak 4: Instalirajte joystick, Bluefruit EZ ključ i USB prekidač
Pažljivo odredite kako se četiri žičana kratkospojnika upravljačke palice spajaju s pinovima #0 - #4 na ključu EZ. 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 popravite (metoda pokušaja i pogreške!).
Igle za uzemljenje iz upravljačke palice tvore sabirnicu za uzemljenje zajedno sa uzemljenjem pin Bluefruit EZ ključa.
Uzemljenje i +5vdc iz microUSB konektora također će se spojiti na Bluefruit EZ ključ.
Korak 5: EZ ključ GUI
Morat ćete koristiti stariju verziju Processing 2.2.1 za pokretanje ovog alata za grafičko sučelje.
Navigacijska tipka gore/dolje/lijevo/desno kontakti će oponašati pokrete mouseX i mouseY radi kontrole skice p5.js (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 gumb za uparivanje.
Trebali biste vidjeti kako crvena LED dioda treperi. Zatim pritisnite gumb mini na tipki EZ na 5 sekundi i otpustite, to će izbrisati prethodne podatke o uparivanju i omogućiti vam ponovno uparivanje s računalom. Crvena LED dioda sada će treptati.
Uključite Bluetooth u Postavkama sustava 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 gumba na EZ-ključu Bluefruit
Na bilješci snimke zaslona vrijednosti mouseX i mouseY povezane s pribadačama tipki:
pin 0: x5
pin 1: x-5
pin2: y5
pin3: y-5
Preuzmite knjižnicu 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.
Još jednom provjerite je li Bluefruit uparen s vašim računalom.
Odaberite Sketch -> Run za pokretanje grafičkog remapera.
Sada odaberite pribadače i pomoću izbornika odaberite izvješća mišem.
Zatim kliknite "SEND_MAP" da biste ga poslali na svoj Bluefruit EZ-ključ.
Tekstualno izvješće u prozoru Obrada treba naznačiti da je pronašlo plavo voće i da je poslalo podatke s podudaranjem kontrolne sume.
Korak 8: Upravljajte postojećom skicom P5.js pomoću Firefox web preglednika na cijelom zaslonu
Evo moje skice p5.js hostirane na Netlifyju:
hypnoellipse.netlify.com
Prije nego što izgradite i povežete sučelje upravljačke palice, možete eksperimentirati s mišem da biste vidjeli i čuli varijacije audiovizualnih uzoraka.
Korak 9: Uredite, revidirajte ili stvorite vlastitu web aplikaciju
Evo koda za samu web aplikaciju:
github.com/dkonha01/HypnoEllipse
Možete jednostavno razviti vlastitu verziju, pokušavajući promijeniti vrijednosti u retcima 44, 51 i 66 sketch.js - primjere za to pogledajte u komentiranim redovima.