Përmbajtje:
- Hapi 1: Materialet e nevojshme
- Hapi 2: Përgatitni Telat Joystick to Bluefruit EZ Key Jumper Wires
- Hapi 3: Përgatitja e Përgatitjes
- Hapi 4: Instaloni Joystick, Bluefruit EZ Key dhe USB Breakout Board
- Hapi 5: GUI EZ Key
- Hapi 6: Power and Pair Bluefruit EZ Key
- Hapi 7: Rimarrja e butonave në Bluefruit EZ-Key
- Hapi 8: Kontrolloni skicën ekzistuese P5.js me shfletuesin e internetit Firefox në ekran të plotë
- Hapi 9: Ndryshoni, Rishikoni ose Krijoni Aplikacionin tuaj Web
2025 Autor: John Day | [email protected]. E modifikuara e fundit: 2025-01-13 06:58
Habitni miqtë tuaj dhe mahnitni familjen tuaj, kur ata shikojnë "HypnoEllipse", një aplikacion interaktiv në internet A/V. Ndërtoni një kuti për levë të aktivizuar me Bluetooth, lidheni atë me shfletuesin e uebit dhe bëni me radhë vetë hipnozë.
Ky është një Joystick i lidhur me Bluetooth, i cili dërgon mesazhe HID (tastierë/mi) në një skicë p5.js, e cila paraqet një iluzion optik që rrotullohet dhe një mostër zhurme që rrotullohet.
Hapi 1: Materialet e nevojshme
Mjetet
hekur bashkues
lidhës
zhveshës teli
stërvitje
stërvitje 1/4"
sharrë vrimë 3/4"
Pjesët
Kompjuter me Bluetooth
Rrethim
www.adafruit.com/product/905
Bluefruit EZ-Key
www.adafruit.com/product/1535
mini buleboard modulare
www.sparkfun.com/products/12047
telat e kërcyesit
www.sparkfun.com/products/8431
levë
www.sparkfun.com/products/9182
Pllakë shpërthimi USB micro-B
www.sparkfun.com/products/1833
5vdc bateri e rimbushshme microUSB
www.sparkfun.com/products/14167
SOFTWARE
Aplikacioni në internet Hypnoellipse
hypnoellipse.netlify.com/
Përpunimi 1.5.1 (për të rimarrë çelësin EZ)
processing.org/download/?procesimi
Kontrolli P5 (përpunimi i bibliotekës)
www.sojamo.de/libraries/controlP5/
Firefoxhttps://www.mozilla.org/en-US/firefox/new/
Nëse dëshironi të bëni versionin tuaj të Hypnoellipse!
f5.js
p5js.org/download/
Redaktor Atom
atom.io/
Hapi 2: Përgatitni Telat Joystick to Bluefruit EZ Key Jumper Wires
Pritini dhe hiqni një fund të secilës prej katër palëve tela të bluzave me ngjyra të ndryshme.
Secila nga çiftet e ngjyrave korrespondon me drejtimin unik të levës (Majtas, Djathtas, Lart, Poshtë) - njëra nga secila palë shkon në një hyrje të Çelësit EZ, dhe tjetra në GND.
Me këtë mendje, lidhni me kujdes telat e kërcyesit në levë.
Hapi 3: Përgatitja e Përgatitjes
Do t'ju duhet një vrimë 1/2 "në anën e mbylljes për kabllon microUSB dhe katër vrima 1/4" në kapakun e sipërm për montimin e levës. Vetë levë do të ketë nevojë për një prerje vrimë 3/4 ".
Kam përdorur një copë letër dhe laps për të gjetur vrimat e kërkuara nga montimi i levës, para shpimit aktual në pjesën e sipërme të rrethimit plastik.
Hapi 4: Instaloni Joystick, Bluefruit EZ Key dhe USB Breakout Board
Sigurohuni që të përcaktoni me kujdes se si katër kërcyesit e telit me ngjyrë unike lidhen me kunjat #0 - #4 në Çelësin EZ. Kjo përcakton sesi katër mikroçelësat në levë do të ndryshojnë vlerat e mouseX dhe mouseY në skicën p5.js.
Pasi të përcaktoni orientimin e rrethimit tuaj, vazhdoni në drejtim të akrepave të orës rreth lidhjeve të levës, duke i bashkuar kërcyesit në hyrjet e Çelësit EZ dhe rishikoni sipas nevojës (metoda e provës dhe gabimit!).
Kunjat e tokës nga levë formojnë një autobus tokësor së bashku me një kunj tokësor të Bluefruit EZ Key.
Toka dhe +5vdc nga lidhësi microUSB gjithashtu do të lidhen me Bluefruit EZ Key.
Hapi 5: GUI EZ Key
Ju do të duhet të përdorni një version më të vjetër të Përpunimit 2.2.1 për të ekzekutuar këtë mjet GUI.
Kontaktet e levës lart/poshtë/majtas/djathtas do të imitojnë lëvizjet e mouseX dhe mouseY për të kontrolluar skicën p5.js (HypnoEllipse).
Ky tutorial i Adafruit siguron të gjithë informacionin e nevojshëm për të përdorur Bluefruit EZ-Key:
learn.adafruit.com/introducing-bluefruit-ez-key-diy-bluetooth-hid-keyboard
Hapi 6: Power and Pair Bluefruit EZ Key
Ndizni Bluefruit EZ-Key dhe shtypni butonin e çiftimit.
Duhet të shihni që drita LED e kuqe të pulsojë. Tjetra shtypni butonin mini në Çelësin EZ për 5 sekonda dhe lëshojeni, kjo do të fshijë informacionin e mëparshëm të çiftimit dhe do t'ju lejojë të ribashkoheni me kompjuterin tuaj. LED i kuq tani do të pulsojë.
Aktivizoni Bluetooth në Preferencat e Sistemit dhe klikoni "Konfiguro një pajisje të re".
Lëreni ndihmësin të funksionojë derisa të gjejë dhe shfaq modulin EZ -Key - zgjidhni atë dhe klikoni "Vazhdo".
Hapi 7: Rimarrja e butonave në Bluefruit EZ-Key
Në shënimin e pamjes së ekranit vlerat e mouseX dhe mouseY të lidhura me kunjat kryesore:
pin 0: x5
pin 1: x-5
pin2: y5
pin3: y-5
Shkarkoni Bibliotekën ControlP5:
www.sojamo.de/libraries/controlP5/
Shkarkoni skedarin zip me kodin remapper pa tel:
learn.adafruit.com/system/assets/assets/000/013/042/original/GUI_EZKey_remapper_12-20-13.zip?1387568625
Zhbllokoni dhe hapni GUI_EZKey_remapper.pde në Përpunim.
Kontrolloni dy herë që Bluefruit është çiftuar me kompjuterin tuaj.
Zgjidhni Sketch -> Run për të filluar ripërtëritësin grafik.
Tani zgjidhni kunjat dhe duke përdorur menutë zgjidhni raportet e miut.
Klikoni më tej "SEND_MAP" për ta dërguar atë te Blue-Fruit EZ-Key juaj.
Një raport teksti në dritaren e Përpunimit duhet të tregojë se ka gjetur një Bluefruit dhe se ka dërguar të dhëna me një Checksum Match.
Hapi 8: Kontrolloni skicën ekzistuese P5.js me shfletuesin e internetit Firefox në ekran të plotë
Këtu është skica ime p5.js e pritur në Netlify:
hypnoellipse.netlify.com
Mund të eksperimentoni me miun tuaj, para se të ndërtoni dhe lidhni ndërfaqen e levës, për të parë dhe dëgjuar variacionet e modelit audiovizual.
Hapi 9: Ndryshoni, Rishikoni ose Krijoni Aplikacionin tuaj Web
Këtu është kodi për vetë aplikacionin në internet:
github.com/dkonha01/HypnoEllipse
Ju lehtë mund të zhvilloni versionin tuaj, duke provuar të ndryshoni vlerat në rreshtat 44, 51 dhe 66 të sketch.js - shikoni rreshtat e komentuar për shembuj të kësaj.