ब्लूटूथ सक्षम जॉयस्टिक नियंत्रक: 9 चरण (चित्रों के साथ)

2024 लेखक: John Day | [email protected]. अंतिम बार संशोधित: 2024-01-30 09:23

अपने मित्रों को विस्मित करें और अपने परिवार को चकित करें, जब वे "HypnoElipse", एक इंटरैक्टिव A/V वेब ऐप देखें। एक ब्लूटूथ सक्षम जॉयस्टिक संलग्नक बनाएं, इसे वेब ब्राउज़र से कनेक्ट करें, और आत्म सम्मोहन करते हुए बारी-बारी से करें।

यह एक ब्लूटूथ कनेक्टेड जॉयस्टिक है, जो एक p5.js स्केच में HID (कीबोर्ड/माउस) संदेश भेजता है, जो एक कताई ऑप्टिकल भ्रम और घूमता ध्वनि नमूना प्रस्तुत करता है।

चरण 1: आवश्यक सामग्री

उपकरण

सोल्डर आयरन

मिलाप

तार स्ट्रिपर्स

ड्रिल

ड्रिल बिट १/४"

छेद देखा ३/४”

पार्ट्स

ब्लूटूथ सक्षम कंप्यूटर

दीवार

www.adafruit.com/product/905

ब्लूफ्रूट ईज़ी-की

www.adafruit.com/product/1535

मिनी मॉड्यूलर ब्रेडबोर्ड

www.sparkfun.com/products/12047

जम्पर तार

www.sparkfun.com/products/8431

जोस्टिक

www.sparkfun.com/products/9182

यूएसबी माइक्रो-बी ब्रेकआउट बोर्ड

www.sparkfun.com/products/1833

5vdc रिचार्जेबल माइक्रोयूएसबी बैटरी

www.sparkfun.com/products/14167

सॉफ्टवेयर

Hypnoellipse वेब ऐप

hypnoellipse.netlify.com/

प्रसंस्करण 1.5.1 (ईज़ी कुंजी को रीमैप करने के लिए)

processing.org/download/?processing

नियंत्रण P5 (प्रसंस्करण पुस्तकालय)

www.sojamo.de/libraries/controlP5/

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

यदि आप Hypnoellipse का अपना संस्करण बनाना चाहते हैं!

p5.js

p5js.org/download/

परमाणु संपादक

atom.io/

चरण 2: जॉयस्टिक को ब्लूफ्रूट ईज़ी कुंजी जम्पर तारों के लिए तैयार करें

अलग-अलग रंग के जम्पर तारों के चार जोड़े में से प्रत्येक के एक छोर को काटें और पट्टी करें।

प्रत्येक रंग जोड़े अद्वितीय (बाएं, दाएं, ऊपर, नीचे) जॉयस्टिक दिशा से मेल खाते हैं - प्रत्येक जोड़ी में से एक ईज़ी कुंजी इनपुट में जाता है, और दूसरा जीएनडी में जाता है।

इस दिमाग से, जम्पर तारों को ध्यान से जॉयस्टिक में मिलाएं।

चरण 3: तैयारी संलग्नक

आपको माइक्रोयूएसबी केबल के लिए बाड़े के किनारे पर एक 1/2 "छेद और जॉयस्टिक को माउंट करने के लिए शीर्ष कवर में चार 1/4" छेद की आवश्यकता होगी। जॉयस्टिक को स्वयं 3/4" होल कट की आवश्यकता होगी।

प्लास्टिक के बाड़े के शीर्ष में वास्तविक ड्रिलिंग से पहले, जॉयस्टिक असेंबली द्वारा आवश्यक छेदों का पता लगाने के लिए मैंने कागज और पेंसिल के एक टुकड़े का उपयोग किया।

चरण 4: जॉयस्टिक, ब्लूफ्रूट ईज़ी कुंजी, और यूएसबी ब्रेकआउट बोर्ड स्थापित करें

ध्यान से निर्धारित करना सुनिश्चित करें कि जॉयस्टिक के चार विशिष्ट रंगीन वायर जंपर्स EZ कुंजी पर पिन #0 - #4 से कैसे जुड़ते हैं। यह परिभाषित करता है कि जॉयस्टिक पर चार माइक्रोस्विच कैसे p5.js स्केच में माउसएक्स और माउसवाई के मूल्यों को बदल देंगे।

एक बार जब आप अपने बाड़े के उन्मुखीकरण को निर्धारित कर लेते हैं, तो जॉयस्टिक कनेक्शन के चारों ओर दक्षिणावर्त आगे बढ़ें, जंपर्स को ईज़ी कुंजी के इनपुट से जोड़कर, और आवश्यकतानुसार संशोधित करें (परीक्षण और त्रुटि विधि!)।

जॉयस्टिक से ग्राउंड पिन ब्लूफ्रूट ईज़ी की के ग्राउंड पिन के साथ एक ग्राउंड बस बनाते हैं।

माइक्रोयूएसबी कनेक्टर से ग्राउंड और +5vdc भी ब्लूफ्रूट ईजेड की से जुड़ेंगे।

चरण 5: ईज़ी कुंजी जीयूआई

इस GUI टूल को चलाने के लिए आपको प्रोसेसिंग 2.2.1 के पुराने संस्करण का उपयोग करना होगा।

जॉयस्टिक ऊपर/नीचे/बाएं/दाएं संपर्क p5.js स्केच (HypnoEllipse) को नियंत्रित करने के लिए माउसएक्स और माउसवाई आंदोलनों का अनुकरण करेंगे।

यह एडफ्रूट ट्यूटोरियल ब्लूफ्रूट ईज़ी-की का उपयोग करने के लिए सभी आवश्यक जानकारी प्रदान करता है:

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

चरण 6: पावर और जोड़ी ब्लूफ्रूट ईज़ी कुंजी

ब्लूफ्रूट ईज़ी-की को पावर दें और पेयर बटन दबाएं।

आपको लाल एलईडी ब्लिंक देखना चाहिए। इसके बाद EZ Key पर मिनी बटन को 5 सेकंड के लिए दबाएं और छोड़ दें, इससे पिछली जोड़ी की जानकारी मिट जाएगी और आप अपने कंप्यूटर से फिर से जुड़ सकते हैं। लाल एलईडी अब झपकेगी।

सिस्टम वरीयता में ब्लूटूथ चालू करें और "नया उपकरण सेट करें" पर क्लिक करें।

सहायक को तब तक चलने दें जब तक कि वह ईज़ी-की मॉड्यूल का पता न लगा ले और उसे प्रदर्शित न कर दे - इसे चुनें और "जारी रखें" पर क्लिक करें।

चरण 7: ब्लूफ्रूट ईज़ी-की पर बटनों को रीमैप करना

स्क्रीनशॉट में कुंजी पिन से जुड़े माउसएक्स और माउसवाई मान नोट करें:

पिन 0: x5

पिन 1: x-5

पिन2: y5

पिन3: वाई-5

ControlP5 लाइब्रेरी डाउनलोड करें:

www.sojamo.de/libraries/controlP5/

वायरलेस रीमैपर कोड के साथ ज़िप फ़ाइल डाउनलोड करें:

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

प्रसंस्करण में GUI_EZKey_remapper.pde को असम्पीडित और खोलें।

दोबारा जांच लें कि ब्लूफ्रूट आपके कंप्यूटर से जोड़ा गया है।

स्केच चुनें -> ग्राफिकल रीमैपर शुरू करने के लिए चलाएँ।

अब पिन चुनें और मेनू का उपयोग करके माउस रिपोर्ट चुनें।

इसे अपने ब्लूफ्रूट ईज़ी-की पर भेजने के लिए अगला "SEND_MAP" क्लिक करें।

प्रोसेसिंग विंडो में एक टेक्स्ट रिपोर्ट से संकेत मिलता है कि उसे ब्लूफ्रूट मिला है और उसने चेकसम मैच के साथ डेटा भेजा है।

चरण 8: पूर्ण स्क्रीन में फ़ायरफ़ॉक्स वेब ब्राउज़र के साथ मौजूदा P5.js स्केच को नियंत्रित करें

यहाँ मेरा p5.js स्केच Netlify पर होस्ट किया गया है:

hypnoellipse.netlify.com

दृश्य-श्रव्य पैटर्न भिन्नताओं को देखने और सुनने के लिए, आप जॉयस्टिक इंटरफ़ेस बनाने और कनेक्ट करने से पहले अपने माउस के साथ प्रयोग कर सकते हैं।

चरण 9: संपादित करें, संशोधित करें, या अपना स्वयं का वेब ऐप बनाएं

यहाँ वेब ऐप के लिए ही कोड है:

github.com/dkonha01/HypnoEllipse

आप आसानी से अपना खुद का संस्करण विकसित कर सकते हैं, स्केच.जेएस की पंक्तियों ४४, ५१, और ६६ में मूल्यों को बदलने की कोशिश कर रहे हैं - इसके उदाहरणों के लिए टिप्पणी की गई पंक्तियों को देखें।