Mundarija:
- 1 -qadam: kerakli materiallar
- 2 -qadam: Joystikni Bluefruit EZ kalit o'tish simlariga tayyorlang
- 3 -qadam: tayyor korpus
- 4 -qadam: Joystick, Bluefruit EZ Key va USB Breakout Board -ni o'rnating
- 5 -qadam: EZ kalit GUI
- 6 -qadam: Bluefruit EZ kaliti va quvvatini birlashtirish
- 7-qadam: Bluefruit EZ-kalitidagi tugmachalarni almashtirish
- 8 -qadam: Firefox veb -brauzeri yordamida mavjud P5.js eskizini to'liq ekranda boshqaring
- 9 -qadam: O'z veb -ilovangizni tahrir qiling, qayta ko'rib chiqing yoki yarating
2025 Muallif: John Day | [email protected]. Oxirgi o'zgartirilgan: 2025-01-13 06:58
Do'stlaringizni hayratda qoldiring va "HypnoEllipse" interaktiv A/V veb -ilovasini ko'rib, oilangizni hayratda qoldiring. Bluetooth bilan ishlaydigan joystikli korpus yarating, uni veb -brauzerga ulang va o'z -o'zidan gipnoz qiling.
Bu Bluetooth -ga ulangan Joystick, p5.js eskiziga HID (klaviatura/sichqoncha) xabarlarini yuboradi, u aylanayotgan optik xayol va aylanayotgan ovoz namunasini taqdim etadi.
1 -qadam: kerakli materiallar
Asboblar
lehim temir
lehim
simlarni olib tashlash
burg'ulash
matkap uchi 1/4"
teshik arra 3/4"
Qismlar
Bluetooth yoqilgan kompyuter
Qoplama
www.adafruit.com/product/905
Bluefruit EZ-kaliti
www.adafruit.com/product/1535
mini -modulli non paneli
www.sparkfun.com/products/12047
o'tish simlari
www.sparkfun.com/products/8431
joystik
www.sparkfun.com/products/9182
USB micro-B uzilish paneli
www.sparkfun.com/products/1833
5vdc qayta zaryadlanuvchi microUSB batareyasi
www.sparkfun.com/products/14167
Dasturiy ta'minot
Hypnoellipse veb -ilovasi
hypnoellipse.netlify.com/
1.5.1 ishlov berish (EZ kalitini qayta tiklash uchun)
processing.org/download/?processing
Boshqaruv P5 (ishlov berish kutubxonasi)
www.sojamo.de/libraries/controlP5/
Firefoxhttps://www.mozilla.org/en-US/firefox/new/
Agar xohlasangiz, Gipnoellipse -ni o'zingiz tayyorlang!
p5.js
p5js.org/download/
Atom muharriri
atom.io/
2 -qadam: Joystikni Bluefruit EZ kalit o'tish simlariga tayyorlang
Har xil rangdagi to'rtta juft o'tish simlarining har birining uchini kesib oling.
Rangli juftliklarning har biri o'ziga xos (chap, o'ng, yuqoriga, pastga) joystik yo'nalishiga mos keladi - har bir juftlikdan biri EZ tugmachasi, ikkinchisi GND.
Shu nuqtai nazardan, o'tish simlarini joystikka ehtiyotkorlik bilan lehimlang.
3 -qadam: tayyor korpus
Sizga microUSB kabeli uchun korpusning yon tomonida 1/2 dyuymli teshik va joystikni o'rnatish uchun yuqori qopqoqda 1/4 dyuymli to'rt teshik kerak bo'ladi. Joystikning o'zi 3/4 dyuymli teshikni kesishga muhtoj bo'ladi.
Men plastmassadan yasalgan korpusning yuqori qismiga burg'ulashdan oldin joystick yig'ilishi uchun zarur bo'lgan teshiklarni aniqlash uchun qog'oz va qalamdan foydalanardim.
4 -qadam: Joystick, Bluefruit EZ Key va USB Breakout Board -ni o'rnating
Joystikning to'rtta noyob rangli simli o'tish moslamalari EZ kalitidagi #0 - #4 pinlariga qanday ulanishini diqqat bilan aniqlang. Bu joystikdagi to'rtta mikrosxemaning p5.js eskizida mouseX va mouseY qiymatlarini qanday o'zgartirishini belgilaydi.
Qavsning yo'nalishini aniqlagandan so'ng, joystick ulanishlari atrofida soat yo'nalishi bo'yicha harakatlaning, o'tish joylarini EZ kalitining kirishiga ulang va kerak bo'lganda qayta ko'rib chiqing (sinov va xato usuli!).
Joystikdan erga ulangan pinlar, Bluefruit EZ kalitining shnuri bilan birga, er avtobusini tashkil qiladi.
MicroUSB ulagichidagi tuproq va +5vdc ham Bluefruit EZ kalitiga ulanadi.
5 -qadam: EZ kalit GUI
Ushbu GUI vositasini ishga tushirish uchun Processing 2.2.1 ning eski versiyasidan foydalanish kerak bo'ladi.
Joystick yuqoriga/pastga/chapga/o'ngga kontaktlar p5.js eskizini boshqarish uchun mouseX va mouseY harakatlarini taqlid qiladi (HypnoEllipse).
Bu Adafruit qo'llanmasi Bluefruit EZ-kalitidan foydalanish uchun barcha kerakli ma'lumotlarni beradi:
learn.adafruit.com/introducing-bluefruit-ez-key-diy-bluetooth-hid-keyboard
6 -qadam: Bluefruit EZ kaliti va quvvatini birlashtirish
Bluefruit EZ-kalitini yoqing va juftlik tugmasini bosing.
Siz qizil chiroq yonib turganini ko'rishingiz kerak. Keyin EZ tugmachasidagi mini tugmachani 5 soniya bosib turing va qo'yib yuboring, bu oldingi ulanish ma'lumotlarini o'chirib tashlaydi va kompyuterga qayta ulash imkonini beradi. Qizil LED endi yonadi.
Tizim sozlamalarida Bluetooth -ni yoqing va "Yangi qurilmani sozlash" -ni bosing.
Yordamchi EZ -Key modulini topguncha va ko'rsatmaguncha ishlashiga ruxsat bering - uni tanlang va "Davom etish" tugmasini bosing.
7-qadam: Bluefruit EZ-kalitidagi tugmachalarni almashtirish
Skrinshotda kalit pinlari bilan bog'liq mouseX va mouseY qiymatlarini eslang:
pin 0: x5
pin 1: x-5
pin2: y5
pin3: y-5
ControlP5 kutubxonasini yuklab oling:
www.sojamo.de/libraries/controlP5/
Simsiz remapper kodi bilan zip faylini yuklab oling:
learn.adafruit.com/system/assets/assets/000/013/042/original/GUI_EZKey_remapper_12-20-13.zip?1387568625
Qayta ishlashda GUI_EZKey_remapper.pde -ni oching va oching.
Bluefruit sizning kompyuteringizga ulanganligini ikki marta tekshiring.
Grafik remapperni ishga tushirish uchun Sketch -> Run ni tanlang.
Endi pinlarni tanlang va menyular yordamida sichqoncha hisobotlarini tanlang.
Keyingi "SEND_MAP" tugmasini bosib, uni Bluefruit EZ-kalitingizga yuboring.
Qayta ishlash oynasidagi matnli hisobot Bluefruit topganligini va Checksum Match bilan ma'lumotlarni yuborganligini ko'rsatishi kerak.
8 -qadam: Firefox veb -brauzeri yordamida mavjud P5.js eskizini to'liq ekranda boshqaring
Mana, mening p5.js eskizim Netlify -da joylashtirilgan:
hypnoellipse.netlify.com
Audiovizual naqshlarning o'zgarishini ko'rish va eshitish uchun joystik interfeysini o'rnatish va ulashdan oldin siz sichqoncha bilan tajriba o'tkazishingiz mumkin.
9 -qadam: O'z veb -ilovangizni tahrir qiling, qayta ko'rib chiqing yoki yarating
Mana veb -ilovaning o'zi uchun kod:
github.com/dkonha01/HypnoEllipse
Siz sketch.js -ning 44, 51 va 66 -satrlaridagi qiymatlarni o'zgartirishga harakat qilib, o'z versiyangizni osongina ishlab chiqishingiz mumkin - bunga misollar uchun sharhlangan satrlarni ko'rib chiqing.