![Pinagana ng Bluetooth Ang Joystick Controller: 9 Mga Hakbang (na may Mga Larawan) Pinagana ng Bluetooth Ang Joystick Controller: 9 Mga Hakbang (na may Mga Larawan)](https://i.howwhatproduce.com/images/003/image-8934-15-j.webp)
Talaan ng mga Nilalaman:
- Hakbang 1: Kailangan ng Mga Materyales
- Hakbang 2: Ihanda ang Joystick sa Bluefruit EZ Key Jumper Wires
- Hakbang 3: Prep Enclosure
- Hakbang 4: I-install ang Joystick, Bluefruit EZ Key, at USB Breakout Board
- Hakbang 5: EZ Key GUI
- Hakbang 6: Lakas at Pares ng Bluefruit EZ Key
- Hakbang 7: Pag-remap ng mga Pindutan sa Bluefruit EZ-Key
- Hakbang 8: Kontrolin ang Umiiral na P5.js Sketch Sa Firefox Web Browser sa Buong Screen
- Hakbang 9: I-edit, Baguhin, o Lumikha ng Iyong Sariling Web App
2025 May -akda: John Day | [email protected]. Huling binago: 2025-01-23 15:13
![Pinagana ng Bluetooth ang Joystick Controller Pinagana ng Bluetooth ang Joystick Controller](https://i.howwhatproduce.com/images/003/image-8934-16-j.webp)
Mangha ang iyong mga kaibigan at magulat ang iyong pamilya, kapag tiningnan nila ang "HypnoEllipse", isang interactive na A / V web app. Bumuo ng isang enclosure ng joystick na pinagana ng Bluetooth, ikonekta ito sa web browser, at magpalitan sa pagganap ng sariling hipnosis.
Ito ay isang konektadong Bluetooth na Joystick, na nagpapadala ng mga mensahe ng HID (keyboard / mouse) sa isang p5.js sketch, na nagpapakita ng isang umiikot na ilusyon na optikal at umiikot na sample ng tunog.
Hakbang 1: Kailangan ng Mga Materyales
![Mga Materyal na Kailangan Mga Materyal na Kailangan](https://i.howwhatproduce.com/images/003/image-8934-17-j.webp)
![Mga Materyal na Kailangan Mga Materyal na Kailangan](https://i.howwhatproduce.com/images/003/image-8934-18-j.webp)
![Mga Materyal na Kailangan Mga Materyal na Kailangan](https://i.howwhatproduce.com/images/003/image-8934-19-j.webp)
Mga kasangkapan
bakal na bakal
panghinang
mga striper ng kawad
drill
mag-drill ng 1/4"
nakita ng butas 3/4”
Mga Bahagi
Computer na pinagana ang Bluetooth
Enclosure
www.adafruit.com/product/905
Bluefruit EZ-Key
www.adafruit.com/product/1535
mini modular breadboard
www.sparkfun.com/productions/12047
jumper wires
www.sparkfun.com/products/8431
joystick
www.sparkfun.com/products/9182
Breakout board ng micro-B USB
www.sparkfun.com/products/1833
5vdc rechargeable microUSB na baterya
www.sparkfun.com/products/14167
SOFTWARE
Hypnoellipse web app
hypnoellipse.netlify.com/
Pagproseso ng 1.5.1 (upang muling i-remap ang EZ Key)
processing.org/download/?processing
Kontrolin ang P5 (Pagpoproseso ng library)
www.sojamo.de/libraries/controlP5/
Firefoxhttps://www.mozilla.org/en-US/firefox/new/
Kung nais mong gumawa ng iyong sariling bersyon ng Hypnoellipse!
p5.js
p5js.org/download/
Editor ng Atom
atom.io/
Hakbang 2: Ihanda ang Joystick sa Bluefruit EZ Key Jumper Wires
![Ihanda ang Joystick sa Mga Bluefruit EZ Key Jumper Wires Ihanda ang Joystick sa Mga Bluefruit EZ Key Jumper Wires](https://i.howwhatproduce.com/images/003/image-8934-20-j.webp)
Gupitin at hubarin ang isang dulo ng bawat isa sa apat na pares ng magkakaibang kulay na mga jumper wires.
Ang bawat isa sa mga pares ng kulay ay tumutugma sa natatanging (Kaliwa, Kanan, Pataas, Pababa) direksyon ng joystick - ang isa sa bawat pares ay papunta sa isang input ng EZ Key, at ang isa sa GND.
Sa pag-iisip na ito, maingat na maghinang ng mga jumper wires sa joystick.
Hakbang 3: Prep Enclosure
![Enclosure ng Paghahanda Enclosure ng Paghahanda](https://i.howwhatproduce.com/images/003/image-8934-21-j.webp)
Kakailanganin mo ang isang 1/2 "na butas sa gilid ng enclosure para sa microUSB cable at apat na 1/4" na butas sa tuktok na takip para sa pag-mount ng joystick. Ang Joystick mismo ay mangangailangan ng isang 3/4 "hole cut.
Gumamit ako ng isang piraso ng papel at lapis upang subaybayan ang mga butas na kinakailangan ng assemble ng joystick, bago ang tunay na pagbabarena sa tuktok ng plastic enclosure.
Hakbang 4: I-install ang Joystick, Bluefruit EZ Key, at USB Breakout Board
![I-install ang Joystick, Bluefruit EZ Key, at USB Breakout Board I-install ang Joystick, Bluefruit EZ Key, at USB Breakout Board](https://i.howwhatproduce.com/images/003/image-8934-22-j.webp)
![I-install ang Joystick, Bluefruit EZ Key, at USB Breakout Board I-install ang Joystick, Bluefruit EZ Key, at USB Breakout Board](https://i.howwhatproduce.com/images/003/image-8934-23-j.webp)
![I-install ang Joystick, Bluefruit EZ Key, at USB Breakout Board I-install ang Joystick, Bluefruit EZ Key, at USB Breakout Board](https://i.howwhatproduce.com/images/003/image-8934-24-j.webp)
Siguraduhing matukoy nang maingat kung paano kumokonekta ang apat na natatanging kulay na mga jumpers ng kawad sa mga pin # 0 - # 4 sa EZ Key. Tinutukoy nito kung paano babaguhin ng apat na microswitch sa joystick ang mga halaga ng mouseX at mouseY sa sketch ng p5.js.
Kapag natukoy mo ang oryentasyon ng iyong enclosure, magpatuloy na pakaliwa sa paligid ng mga koneksyon ng joystick, ilakip ang mga jumper sa mga input ng EZ Key, at baguhin kung kinakailangan (pamamaraan ng pagsubok at error!).
Ang mga ground pin mula sa joystick ay bumubuo ng isang ground bus kasama ang isang ground pin ng Bluefruit EZ Key.
Ang lupa at + 5vdc mula sa konektor ng microUSB ay magkakakonekta din sa Bluefruit EZ Key.
Hakbang 5: EZ Key GUI
![EZ Key GUI EZ Key GUI](https://i.howwhatproduce.com/images/003/image-8934-25-j.webp)
Kakailanganin mong gumamit ng isang mas matandang bersyon ng Pagproseso 2.2.1 upang patakbuhin ang tool na GUI na ito.
Ang joystick pataas / pababa / kaliwa / kanan na mga contact ay gayahin ang mga paggalaw ng mouseX at mouseY upang makontrol ang p5.js sketch (HypnoEllipse).
Nagbibigay ang tutorial ng Adafruit na ito ng lahat ng kinakailangang impormasyon upang magamit ang Bluefruit EZ-Key:
learn.adafruit.com/introducing-bluefruit-ez-key-diy-blu Bluetooth-hid-keyboard
Hakbang 6: Lakas at Pares ng Bluefruit EZ Key
![Lakas at Pares ng Bluefruit EZ Key Lakas at Pares ng Bluefruit EZ Key](https://i.howwhatproduce.com/images/003/image-8934-26-j.webp)
![Lakas at Pares ng Bluefruit EZ Key Lakas at Pares ng Bluefruit EZ Key](https://i.howwhatproduce.com/images/003/image-8934-27-j.webp)
![Lakas at Pares ng Bluefruit EZ Key Lakas at Pares ng Bluefruit EZ Key](https://i.howwhatproduce.com/images/003/image-8934-28-j.webp)
Palakasin ang Bluefruit EZ-Key at pindutin ang pindutan ng pares.
Dapat mong makita ang pulang LED blink. Susunod na pindutin ang mini button sa EZ Key sa loob ng 5 segundo at palabasin, tatanggalin nito ang nakaraang impormasyon sa pagpapares at hayaan kang muling ipares sa iyong computer. Ang pulang LED ay magpikit.
I-on ang Bluetooth sa Mga Kagustuhan sa System at i-click ang "I-set Up ang Bagong Device".
Hayaang tumakbo ang katulong hanggang sa makita at ipakita ang module na EZ-Key - piliin ito at i-click ang "Magpatuloy".
Hakbang 7: Pag-remap ng mga Pindutan sa Bluefruit EZ-Key
![Pag-remack ng Mga Pindutan sa Bluefruit EZ-Key Pag-remack ng Mga Pindutan sa Bluefruit EZ-Key](https://i.howwhatproduce.com/images/003/image-8934-29-j.webp)
Sa screenshot tandaan ang mga halagang mouseX at mouseY na nauugnay sa mga key pin:
pin 0: x5
pin 1: x-5
pin2: y5
pin3: y-5
I-download ang ControlP5 LIbrary:
www.sojamo.de/libraries/controlP5/
I-download ang zip file gamit ang wireless remapper code:
learn.adafruit.com/system/assets/assets/000/013/042/original/GUI_EZKey_remapper_12-20-13.zip?1387568625
I-compress at buksan ang GUI_EZKey_remapper.pde sa Pagproseso.
Doublecheck na ang Bluefruit ay ipinares sa iyong computer.
Piliin ang Sketch -> Patakbuhin upang simulan ang grapikong remapper.
Piliin ngayon ang mga pin at gamit ang mga menu piliin ang mga ulat sa mouse.
Susunod na pag-click sa "SEND_MAP" upang ipadala ito sa iyong Bluefruit EZ-Key.
Ang isang ulat sa teksto sa window ng Pagproseso ay dapat ipahiwatig na nakakita ito ng isang Bluefruit at nagpadala ito ng data na may Checksum Match.
Hakbang 8: Kontrolin ang Umiiral na P5.js Sketch Sa Firefox Web Browser sa Buong Screen
![Kontrolin ang Umiiral na P5.js Sketch Sa Firefox Web Browser sa Buong Screen Kontrolin ang Umiiral na P5.js Sketch Sa Firefox Web Browser sa Buong Screen](https://i.howwhatproduce.com/images/003/image-8934-30-j.webp)
Narito ang aking p5.js sketch na naka-host sa Netlify:
hypnoellipse.netlify.com
Maaari kang mag-eksperimento sa iyong mouse, bago buuin at ikonekta ang interface ng joystick, upang makita at marinig ang mga pagkakaiba-iba ng audiovisual na pattern.
Hakbang 9: I-edit, Baguhin, o Lumikha ng Iyong Sariling Web App
![I-edit, Baguhin, o Lumikha ng Iyong Sariling Web App I-edit, Baguhin, o Lumikha ng Iyong Sariling Web App](https://i.howwhatproduce.com/images/003/image-8934-31-j.webp)
Narito ang code para sa mismong web app:
github.com/dkonha01/HypnoEllipse
Madali kang makakabuo ng iyong sariling bersyon, sinusubukan mong baguhin ang mga halaga sa mga linya 44, 51, at 66 ng sketch.js - suriin ang mga linya na nagkomento para sa mga halimbawa nito.
Inirerekumendang:
Minimalist na Tagapagpahiwatig ng Bisikleta, Pinagana ang Touch !: 10 Hakbang (na may Mga Larawan)
![Minimalist na Tagapagpahiwatig ng Bisikleta, Pinagana ang Touch !: 10 Hakbang (na may Mga Larawan) Minimalist na Tagapagpahiwatig ng Bisikleta, Pinagana ang Touch !: 10 Hakbang (na may Mga Larawan)](https://i.howwhatproduce.com/images/007/image-19634-j.webp)
Minimalist na Tagapagpahiwatig ng Bisikleta, Pinagana ang Touch !: Kumusta! Ito ang aking unang Instructable. Palagi kong nais na gumawa ng mga bagay mula sa simula lamang upang makita kung paano ito gumagana at kung sino ang hindi gusto ng mga bagay na DIY (Gawin mo mismo) kung maaari mong baguhin ang isang bagay alinsunod sa iyong mga pangangailangan di ba? Gayundin kagiliw-giliw na bilang isang DIY m
Pinagana ng Wifi ang OLED ESP32 Mga Car Gauge: 3 Hakbang (na may Mga Larawan)
![Pinagana ng Wifi ang OLED ESP32 Mga Car Gauge: 3 Hakbang (na may Mga Larawan) Pinagana ng Wifi ang OLED ESP32 Mga Car Gauge: 3 Hakbang (na may Mga Larawan)](https://i.howwhatproduce.com/images/002/image-3476-20-j.webp)
Pinagana ng Wifi ang OLED ESP32 Mga Gauge ng Kotse: Mga pagpapakilala muna … Bumubuo ako ng mga gauge ng kotse bilang isang uri ng muli at off na libangan. Tingnan ang https: //www.instructables.com/id/Remote-Car-Monit … at https: //www.instructables.com/id/Remote-Car-Monit … para sa dalawa pang mga kamakailang halimbawa. Lalo na gusto ko
Pinagana ng WiFi ang Pinagana ng Temperatura na Kinokontrol ng Temperatura ng WiFi: 4 na Hakbang
![Pinagana ng WiFi ang Pinagana ng Temperatura na Kinokontrol ng Temperatura ng WiFi: 4 na Hakbang Pinagana ng WiFi ang Pinagana ng Temperatura na Kinokontrol ng Temperatura ng WiFi: 4 na Hakbang](https://i.howwhatproduce.com/images/002/image-4452-58-j.webp)
Pinagana ng WiFi ang Pinagana na Temperatura na Kinokontrol ng Temperatura: Sa hanay ng tagubilin na ito titingnan namin kung paano bumuo ng isang probe ng temperatura na pinagana ng WiFi sa pamamagitan ng paggamit ng isang simpleng ESP8266 para sa mabibigat na nakakataas at isang sensor ng temperatura / kahalumigmigan ng DHT11. Gagamitin din namin ang circuit board na aking nilikha at
IoT Pinagana ang Sensor Data Collection Center Na May ESP8266 & PubNub: 9 Mga Hakbang (na may Mga Larawan)
![IoT Pinagana ang Sensor Data Collection Center Na May ESP8266 & PubNub: 9 Mga Hakbang (na may Mga Larawan) IoT Pinagana ang Sensor Data Collection Center Na May ESP8266 & PubNub: 9 Mga Hakbang (na may Mga Larawan)](https://i.howwhatproduce.com/images/004/image-9167-15-j.webp)
IoT Pinagana ang Sensor Data Collection Center Sa ESP8266 & PubNub: Karamihan sa mga tutorial sa ESP8266 ay nasa antas ng newbie (malayo na kumikislap ng isang led) o masyadong kumplikado para sa isang tao na naghahanap ng isang bagay upang mapabuti at mag-upgrade sa kanyang pinangunahan na mga kasanayan sa pagpikit. Ito itinuturo na naglalayong tulay ang puwang na ito sa lumikha
Gamit ang Iyong Bluetooth Pinagana ang Sony Ericsson Telepono upang Makontrol ang Iyong Computer: 6 Mga Hakbang
![Gamit ang Iyong Bluetooth Pinagana ang Sony Ericsson Telepono upang Makontrol ang Iyong Computer: 6 Mga Hakbang Gamit ang Iyong Bluetooth Pinagana ang Sony Ericsson Telepono upang Makontrol ang Iyong Computer: 6 Mga Hakbang](https://i.howwhatproduce.com/images/002/image-5603-56-j.webp)
Paggamit ng Iyong Bluetooth na Pinagana ang Sony Ericsson Telepono upang Makontrol ang Iyong Kompyuter: Kanina pa ako nagbabasa ng mga itinuturo, at palaging nais kong gawin ang ilan sa mga bagay na sinulat ng mga tao, ngunit nahanap ko ang aking sarili sa mga bagay na ay mahirap gawin dahil ang mga ito ay tunay na mahirap gawin, o ang ika