Mündəricat:

Bluetooth Aktivləşdirilmiş Joystick Controller: 9 Addım (Şəkillərlə birlikdə)
Bluetooth Aktivləşdirilmiş Joystick Controller: 9 Addım (Şəkillərlə birlikdə)

Video: Bluetooth Aktivləşdirilmiş Joystick Controller: 9 Addım (Şəkillərlə birlikdə)

Video: Bluetooth Aktivləşdirilmiş Joystick Controller: 9 Addım (Şəkillərlə birlikdə)
Video: BTT GTS v1.0/M5 v1.0 - Optical EndStops 2024, Noyabr
Anonim
Bluetooth aktivləşdirilmiş Joystick Controller
Bluetooth aktivləşdirilmiş Joystick Controller

Dostlarınızı heyrətləndirin və interaktiv bir A/V veb tətbiqini "HypnoEllipse" ə baxdıqda ailənizi heyrətləndirin. Bluetooth effektiv joystick korpusu qurun, veb brauzerə qoşun və növbə ilə özünü hipnoz edin.

Bu, fırlanan bir optik illüziya və fırlanan səs nümunəsi təqdim edən p5.js eskizinə HID (klaviatura/siçan) mesajları göndərən Bluetooth -a bağlı Joystick -dir.

Addım 1: Lazım olan materiallar

Lazım olan materiallar
Lazım olan materiallar
Lazım olan materiallar
Lazım olan materiallar
Lazım olan materiallar
Lazım olan materiallar

Alətlər

lehim dəmir

lehim

tel soyucular

qazma

matkap ucu 1/4"

çuxur mişarı 3/4"

Hissələri

Bluetooth effektiv kompüter

Mühafizə

www.adafruit.com/product/905

Bluefruit EZ Açarı

www.adafruit.com/product/1535

mini modul çörək taxtası

www.sparkfun.com/products/12047

tullanan tellər

www.sparkfun.com/products/8431

joystick

www.sparkfun.com/products/9182

USB micro-B qırılma lövhəsi

www.sparkfun.com/products/1833

5vdc şarj edilə bilən microUSB batareya

www.sparkfun.com/products/14167

PROQRAM TƏMİNATI

Hypnoellipse veb proqramı

hypnoellipse.netlify.com/

İşlənmə 1.5.1 (EZ Açarını yenidən birləşdirmək üçün)

processing.org/download/?processing

Control P5 (emal kitabxanası)

www.sojamo.de/libraries/controlP5/

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

Hypnoellipse -in öz versiyasını etmək istəyirsinizsə!

p5.js

p5js.org/download/

Atom redaktoru

atom.io/

Addım 2: Joysticki Bluefruit EZ Key Jumper Tellərinə hazırlayın

Joysticki Bluefruit EZ Key Jumper Tellərinə hazırlayın
Joysticki Bluefruit EZ Key Jumper Tellərinə hazırlayın

Dörd cüt fərqli rəngli keçid tellərinin hər birinin bir ucunu kəsin və soyun.

Rəng cütlərinin hər biri özünəməxsus (Sol, Sağ, Yuxarı, Aşağı) joystick istiqamətinə uyğundur - hər cütdən biri EZ Açar girişinə, digəri GND -ə gedir.

Bu fikirlə tullanan telləri joystickə diqqətlə lehimləyin.

Addım 3: Kassanı hazırlayın

Prep Muhafaza
Prep Muhafaza

MicroUSB kabeli üçün korpusun yan tərəfində bir 1/2 "çuxura və joystickin quraşdırılması üçün üst qapaqda dörd 1/4" çuxura ehtiyacınız olacaq. Joystickin özünün 3/4 düymlük delik kəsilməsinə ehtiyacı olacaq.

Plastik korpusun üstünə həqiqi qazmadan əvvəl joystick montajının tələb etdiyi delikləri izləmək üçün bir kağız və qələm istifadə etdim.

Addım 4: Joystick, Bluefruit EZ Key və USB Breakout Board qurun

Joystick, Bluefruit EZ Key və USB Breakout Board qurun
Joystick, Bluefruit EZ Key və USB Breakout Board qurun
Joystick, Bluefruit EZ Key və USB Breakout Board qurun
Joystick, Bluefruit EZ Key və USB Breakout Board qurun
Joystick, Bluefruit EZ Key və USB Breakout Board qurun
Joystick, Bluefruit EZ Key və USB Breakout Board qurun

Dəstək çubuğunun bənzərsiz rəngli dörd tel telinin EZ Açarındakı 0 - #4 sancaqlarına necə bağlandığını diqqətlə təyin etdiyinizə əmin olun. Bu, joystickdəki dörd mikro keçidin p5.js eskizində mouseX və mouseY dəyərlərini necə dəyişdirəcəyini təyin edir.

Korpusunuzun istiqamətini təyin etdikdən sonra, atlayıcıları EZ Açarının girişlərinə bağlayaraq joystick əlaqələri ətrafında saat əqrəbi istiqamətində hərəkət edin və lazım olduqda yenidən nəzərdən keçirin (sınaq və səhv metodu!).

Joystick -dən olan torpaq pinləri, Bluefruit EZ Açarının torpaq şnuru ilə birlikdə yerüstü avtobus təşkil edir.

MicroUSB konnektorundan torpaq və +5vdc də Bluefruit EZ Açarına qoşulacaq.

Addım 5: EZ Açar GUI

EZ Açar GUI
EZ Açar GUI

Bu GUI vasitəsini işlətmək üçün Processing 2.2.1 -in köhnə bir versiyasından istifadə etməlisiniz.

Joystick yuxarı/aşağı/sol/sağ kontaktlar p5.js eskizini (HypnoEllipse) idarə etmək üçün mouseX və mouseY hərəkətlərini təqlid edəcək.

Bu Adafruit təlimatı, Bluefruit EZ-Açarını istifadə etmək üçün lazım olan bütün məlumatları təqdim edir:

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

Addım 6: Bluefruit EZ Açarını Güclə Cütləşdirin

Güc və Cüt Bluefruit EZ Açarı
Güc və Cüt Bluefruit EZ Açarı
Güc və Cüt Bluefruit EZ Açarı
Güc və Cüt Bluefruit EZ Açarı
Güc və Cüt Bluefruit EZ Açarı
Güc və Cüt Bluefruit EZ Açarı

Bluefruit EZ-Açarını işə salın və cüt düyməsini basın.

Qırmızı LED -in yanıb -sönməsini görmək lazımdır. Sonra EZ düyməsindəki mini düyməni 5 saniyə basın və buraxın, bu, əvvəlki cütləşmə məlumatlarını siləcək və kompüterinizə yenidən qoşmağa imkan verəcəkdir. Qırmızı LED indi yanıb -sönəcək.

Sistem Tercihlərində Bluetooth -u yandırın və "Yeni Cihaz Qur" düyməsini basın.

Köməkçinin EZ -Key modulunu tapana və göstərməyincə işləməsinə icazə verin - seçin və "Davam et" düyməsini basın.

Addım 7: Bluefruit EZ-Açarındakı Düymələri Yenidən Eşitmək

Bluefruit EZ-Açarındakı Düymələri Yenidən Tutma
Bluefruit EZ-Açarındakı Düymələri Yenidən Tutma

Ekran görüntüsündə düymələr ilə əlaqəli mouseX və mouseY dəyərlərini qeyd edin:

pin 0: x5

pin 1: x-5

pin2: y5

pin3: y-5

ControlP5 Kitabxanasını yükləyin:

www.sojamo.de/libraries/controlP5/

Simsiz remapper kodu ilə zip faylını yükləyin:

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

Emalda GUI_EZKey_remapper.pde faylını açın və açın.

Bluefruit -in kompüterinizə qoşulduğunu iki dəfə yoxlayın.

Qrafik remapperə başlamaq üçün Sketch -> Run seçin.

İndi pinləri seçin və menyulardan istifadə edərək siçan hesabatlarını seçin.

Sonra Bluefruit EZ Açarınıza göndərmək üçün "SEND_MAP" düyməsini basın.

Qenerasiya pəncərəsindəki bir mətn hesabatı, bir Bluefruit tapdığını və bir Checksum Match ilə məlumat göndərdiyini göstərməlidir.

Addım 8: Mövcud P5.js eskizini Firefox Veb Brauzeri ilə Tam Ekranda idarə edin

Firefox Veb Brauzeri ilə Mövcud P5.js Eskizini Tam Ekranda İdarə Edin
Firefox Veb Brauzeri ilə Mövcud P5.js Eskizini Tam Ekranda İdarə Edin

Netlify -də yerləşdirilən p5.js eskizim budur:

hypnoellipse.netlify.com

Audiovizual naxış varyasyonlarını görmək və eşitmək üçün joystick interfeysini qurmadan və bağlamadan əvvəl siçanınızla sınaq keçirə bilərsiniz.

Addım 9: Öz Veb Tətbiqinizi redaktə edin, yenidən nəzərdən keçirin və ya yaradın

Öz Veb Tətbiqinizi düzəldin, düzəldin və ya yaradın
Öz Veb Tətbiqinizi düzəldin, düzəldin və ya yaradın

Budur veb tətbiqinin özü üçün kod:

github.com/dkonha01/HypnoEllipse

Sketch.js -in 44, 51 və 66 -cı sətirlərindəki dəyərləri dəyişdirərək öz versiyanızı asanlıqla inkişaf etdirə bilərsiniz - bunun nümunələri üçün şərh edilmiş sətirlərə baxın.

Tövsiyə: