Tartalomjegyzék:

Bluetooth -kompatibilis joystick vezérlő: 9 lépés (képekkel)
Bluetooth -kompatibilis joystick vezérlő: 9 lépés (képekkel)

Videó: Bluetooth -kompatibilis joystick vezérlő: 9 lépés (képekkel)

Videó: Bluetooth -kompatibilis joystick vezérlő: 9 lépés (képekkel)
Videó: GameSir G4s Bemutató #Legjobb Mobilos Controller!!!?# 2024, November
Anonim
Bluetooth engedélyezett joystick vezérlő
Bluetooth engedélyezett joystick vezérlő

Lepje meg barátait és lepje meg családját, amikor megnézik a "HypnoEllipse", egy interaktív A/V webes alkalmazást. Építsen Bluetooth -kompatibilis joystick -házat, csatlakoztassa azt a webböngészőhöz, és váltakozva hajtson végre önhipnózist.

Ez egy Bluetooth -hoz csatlakoztatott joystick, amely HID (billentyűzet/egér) üzeneteket küld egy p5.js vázlatra, amely forgó optikai csalódást és kavargó hangmintát mutat be.

Lépés: Szükséges anyagok

Szükséges anyagok
Szükséges anyagok
Szükséges anyagok
Szükséges anyagok
Szükséges anyagok
Szükséges anyagok

Eszközök

forrasztópáka

forrasztani

huzalcsupaszítók

fúró

fúrófej 1/4"

lyukfűrész 3/4”

Alkatrészek

Bluetooth -kompatibilis számítógép

Burkolat

www.adafruit.com/product/905

Bluefruit EZ-Key

www.adafruit.com/product/1535

mini moduláris kenyértábla

www.sparkfun.com/products/12047

jumper vezetékek

www.sparkfun.com/products/8431

joystick

www.sparkfun.com/products/9182

USB micro-B megszakító kártya

www.sparkfun.com/products/1833

5Vdc újratölthető microUSB akkumulátor

www.sparkfun.com/products/14167

SZOFTVER

Hypnoellipse webes alkalmazás

hypnoellipse.netlify.com/

Feldolgozás 1.5.1 (az EZ kulcs újratelepítéséhez)

processing.org/download/?processing

Control P5 (feldolgozó könyvtár)

www.sojamo.de/libraries/controlP5/

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

Ha saját verzióját szeretné elkészíteni a Hypnoellipse -ből!

p5.js

p5js.org/download/

Atom szerkesztő

atom.io/

2. lépés: Készítse elő a botkormányt a Bluefruit EZ Key Jumper vezetékekhez

Készítse elő a joystickot a Bluefruit EZ Key Jumper vezetékekhez
Készítse elő a joystickot a Bluefruit EZ Key Jumper vezetékekhez

Vágja le és csíkozza el a négy pár különböző színű áthidaló vezeték mindegyikének egyik végét.

Mindegyik színpár megfelel az egyedi (bal, jobb, fel, le) joystick iránynak - mindegyik pár egyike az EZ Key bemenethez, a másik a GND -hez megy.

Ezzel a gondolattal óvatosan forgassa a jumper vezetékeket a joystickhoz.

3. lépés: A ház előkészítése

Előkészítő szekrény
Előkészítő szekrény

Szüksége lesz egy 1/2 "lyukra a ház oldalán a microUSB kábelhez, és négy 1/4" lyukra a felső burkolatban a joystick felszereléséhez. A joysticknak 3/4 "-os lyukat kell vágni.

Papírral és ceruzával követtem a joystick szerelvény által előírt lyukakat, mielőtt ténylegesen fúrtam volna a műanyag ház tetejébe.

4. lépés: Telepítse a joystickot, a Bluefruit EZ kulcsot és az USB Breakout Boardot

Telepítse a joystickot, a Bluefruit EZ kulcsot és az USB Breakout Boardot
Telepítse a joystickot, a Bluefruit EZ kulcsot és az USB Breakout Boardot
Telepítse a joystickot, a Bluefruit EZ kulcsot és az USB Breakout Boardot
Telepítse a joystickot, a Bluefruit EZ kulcsot és az USB Breakout Boardot
Telepítse a joystickot, a Bluefruit EZ kulcsot és az USB Breakout Boardot
Telepítse a joystickot, a Bluefruit EZ kulcsot és az USB Breakout Boardot

Ügyeljen arra, hogy alaposan határozza meg, hogy a joystick négy egyedi színű drótugrója hogyan kapcsolódik az EZ kulcs #0 - #4 csapjaihoz. Ez határozza meg, hogy a joystick négy mikrokapcsolója hogyan fogja megváltoztatni az mouseX és mouseY értékeit a p5.js vázlatban.

Miután meghatározta a ház tájolását, folytassa az óramutató járásával megegyező irányba a joystick csatlakozások körül, rögzítse az áthidalókat az EZ kulcs bemenetéhez, és szükség szerint módosítsa (próba és hiba módszer!).

A joystick földelő csapjai földi buszt képeznek a Bluefruit EZ Key földelőcsapjával együtt.

A föld és a +5Vdc a microUSB csatlakozóból szintén csatlakozik a Bluefruit EZ kulcshoz.

5. lépés: EZ Key GUI

EZ Key GUI
EZ Key GUI

A GUI eszköz futtatásához a Processing 2.2.1 régebbi verzióját kell használnia.

A joystick fel/le/balra/jobbra érintkezői emulálják az mouseX és mouseY mozgásokat a p5.js vázlat (HypnoEllipse) vezérlése érdekében.

Ez az Adafruit oktatóanyag minden szükséges információt tartalmaz a Bluefruit EZ-Key használatához:

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

6. lépés: Tápellátás és párosítsa a Bluefruit EZ kulcsot

Power and Pair Bluefruit EZ Key
Power and Pair Bluefruit EZ Key
Power and Pair Bluefruit EZ Key
Power and Pair Bluefruit EZ Key
Power and Pair Bluefruit EZ Key
Power and Pair Bluefruit EZ Key

Kapcsolja be a Bluefruit EZ-Key gombot, és nyomja meg a párosító gombot.

Látnia kell, hogy a piros LED villog. Ezután nyomja meg az EZ gomb mini gombját 5 másodpercig, majd engedje fel, ez törli a korábbi párosítási információkat, és lehetővé teszi a párosítást a számítógéppel. A piros LED villogni kezd.

Kapcsolja be a Bluetooth -ot a Rendszerbeállításokban, majd kattintson az "Új eszköz beállítása" gombra.

Hagyja az asszisztenst addig futni, amíg meg nem találja és megjeleníti az EZ -Key modult - válassza ki, majd kattintson a „Folytatás” gombra.

7. lépés: A Bluefruit EZ-Key gombjainak újratelepítése

A Bluefruit EZ-Key gombjainak újratelepítése
A Bluefruit EZ-Key gombjainak újratelepítése

A képernyőképen jegyezze fel a kulcscsapokhoz társított mouseX és mouseY értékeket:

0 tű: x5

1. tű: x-5

pin2: y5

pin3: y-5

Töltse le a ControlP5 LI könyvtárat:

www.sojamo.de/libraries/controlP5/

Töltse le a zip fájlt a vezeték nélküli újrakódolási kóddal:

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

Bontsa ki és nyissa meg a GUI_EZKey_remapper.pde fájlt a Feldolgozás alatt.

Ellenőrizze kétszer, hogy a Bluefruit párosítva van -e a számítógéppel.

Válassza a Vázlat -> Futtatás lehetőséget a grafikus újrafeldolgozás elindításához.

Most válassza ki a csapokat, és a menük segítségével válassza ki az egérjelentéseket.

Ezután kattintson a "SEND_MAP" gombra, hogy elküldje azt a Bluefruit EZ-Key-hez.

A Feldolgozás ablakban megjelenő szöveges jelentésnek jeleznie kell, hogy talált Bluefruit -ot, és hogy ellenőrzőösszeg -egyezéssel küldött adatokat.

8. lépés: A meglévő P5.js vázlat vezérlése a Firefox webböngészővel teljes képernyőn

A meglévő P5.js vázlat vezérlése a Firefox webböngészővel teljes képernyőn
A meglévő P5.js vázlat vezérlése a Firefox webböngészővel teljes képernyőn

Itt a p5.js vázlatom a Netlify -n:

hypnoellipse.netlify.com

Kísérletezhet az egérrel, mielőtt a joystick felületet felépítené és csatlakoztatná, hogy lássa és hallja az audiovizuális minta variációit.

9. lépés: Saját webes alkalmazás szerkesztése, felülvizsgálata vagy létrehozása

Saját webalkalmazás szerkesztése, felülvizsgálata vagy létrehozása
Saját webalkalmazás szerkesztése, felülvizsgálata vagy létrehozása

Itt található a webes alkalmazás kódja:

github.com/dkonha01/HypnoEllipse

Könnyedén kifejlesztheti saját verzióját, ha megpróbálja megváltoztatni a sketch.js 44., 51. és 66. sorának értékeit - ennek példáit nézze meg a megjegyzett sorokban.

Ajánlott: