کنترل کننده جوی استیک دارای بلوتوث: 9 مرحله (همراه با تصاویر)

2024 نویسنده: John Day | [email protected]. آخرین اصلاح شده: 2024-01-30 08:57

دوستان خود را شگفت زده کرده و خانواده خود را شگفت زده کنید ، وقتی آنها "HypnoEllipse" ، یک برنامه وب تعاملی A/V را بررسی می کنند. یک محفظه جوی استیک فعال با بلوتوث بسازید ، آن را به مرورگر وب وصل کنید و به نوبت خود هیپنوتیزم را انجام دهید.

این یک جوی استیک متصل به بلوتوث است که پیام های HID (صفحه کلید/ماوس) را به یک طرح p5.js ارسال می کند ، که یک توهم نوری در حال چرخش و نمونه صدای چرخشی را ارائه می دهد.

مرحله 1: مواد مورد نیاز

ابزارها

آهن لحیم کاری

لحیم کاری

استریپرهای سیم

مته

مته 1/4 اینچ

اره سوراخ 3/4 اینچ

قطعات

رایانه مجهز به بلوتوث

محفظه

www.adafruit.com/product/905

بلوفروت EZ-Key

www.adafruit.com/product/1535

تخته کوچک نان مدولار

www.sparkfun.com/products/12047

سیم های جهنده

www.sparkfun.com/products/8431

جوی استیک

www.sparkfun.com/products/9182

برد شکست USB micro-B

www.sparkfun.com/products/1833

باتری 5 ولت DC microUSB قابل شارژ

www.sparkfun.com/products/14167

نرم افزار

برنامه وب Hypnoellipse

hypnoellipse.netlify.com/

پردازش 1.5.1 (برای بازنگری کلید EZ)

processing.org/download/؟processing

کنترل P5 (پردازش کتابخانه)

www.sojamo.de/libraries/controlP5/

فایرفاکس

اگر می خواهید نسخه خود را از Hypnoellipse بسازید!

p5.js

p5js.org/download/

ویرایشگر Atom

atom.io/

مرحله 2: Joystick to Bluefruit EZ Key Jumper Wires را آماده کنید

یک سر هر چهار جفت سیم جامپر رنگ متفاوت را ببرید و بردارید.

هر یک از جفت های رنگ با جهت جوی استیک منحصر به فرد (چپ ، راست ، بالا ، پایین) مطابقت دارد - یکی از هر جفت به ورودی کلید EZ و دیگری به GND می رود.

با این ذهن ، سیم های بلوز را با دقت به جوی استیک بچسبانید.

مرحله 3: آماده سازی محفظه

شما به یک سوراخ 1/2 اینچی در کنار محفظه برای کابل microUSB و چهار سوراخ 1/4 اینچی در درپوش بالایی برای نصب جوی استیک احتیاج دارید. خود جوی استیک نیاز به برش 3/4 اینچی دارد.

من از یک تکه کاغذ و مداد برای ردیابی سوراخ های مورد نیاز مجموعه جوی استیک ، قبل از حفاری واقعی در بالای محفظه پلاستیکی استفاده کردم.

مرحله 4: Joystick ، Bluefruit EZ Key و USB Breakout Board را نصب کنید

مطمئن شوید که چگونه چهار جهنده سیم منحصر به فرد جوی استیک به پین های شماره 0 - #4 در کلید EZ متصل می شوند. این نشان می دهد که چگونه چهار میکروسوئیچ روی جوی استیک مقادیر mouseX و mouseY را در طرح p5.js تغییر می دهند.

هنگامی که جهت محوطه خود را تعیین کردید ، در جهت عقربه های ساعت در اطراف اتصالات جوی استیک حرکت کنید ، جامپرها را به ورودی های کلید EZ متصل کرده و در صورت لزوم تجدید نظر کنید (روش آزمایش و خطا!).

پین های زمینی از جوی استیک یک اتوبوس زمینی به همراه یک پایه زمینی از کلید BlueFruit EZ تشکیل می دهند.

زمین و +5vdc از اتصال microUSB نیز به کلید EZ Bluefruit متصل می شود.

مرحله 5: رابط کاربری گرافیکی EZ Key

برای اجرای این ابزار GUI باید از نسخه قدیمی پردازش 2.2.1 استفاده کنید.

جوی استیک بالا/پایین/چپ/راست برای کنترل طرح p5.js (HypnoEllipse) از حرکت mouseX و mouseY تقلید می کند.

این آموزش Adafruit تمام اطلاعات لازم برای استفاده از BlueFruit EZ-Key را ارائه می دهد:

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

مرحله 6: کلید EZ Power and Pair Bluefruit

BlueFruit EZ-Key را روشن کرده و دکمه جفت را فشار دهید.

شما باید چشمک زدن LED قرمز را ببینید. سپس دکمه مینی را روی کلید EZ به مدت 5 ثانیه فشار داده و رها کنید ، این امر اطلاعات جفت شدن قبلی را پاک کرده و به شما امکان می دهد مجدداً با رایانه خود جفت شوید. اکنون LED قرمز چشمک می زند.

در تنظیمات برگزیده سیستم ، بلوتوث را روشن کرده و روی "راه اندازی دستگاه جدید" کلیک کنید.

اجازه دهید دستیار اجرا شود تا ماژول EZ -Key را پیدا و نمایش دهد - آن را انتخاب کرده و روی "ادامه" کلیک کنید.

مرحله 7: بازنگری دکمه ها در Bluefruit EZ-Key

در تصویر توجه داشته باشید مقادیر mouseX و mouseY مربوط به پین های کلیدی:

پین 0: x5

پین 1: x-5

pin2: y5

pin3: y-5

بارگیری کتابخانه ControlP5:

www.sojamo.de/libraries/controlP5/

فایل زیپ را با کد remapper بی سیم بارگیری کنید:

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

فشرده سازی را باز کرده و GUI_EZKey_remapper.pde را در Processing باز کنید.

دوبار بررسی کنید که Bluefruit با رایانه شما جفت شده باشد.

Sketch -> Run را انتخاب کنید تا تغییر دهنده گرافیکی شروع شود.

حالا پین ها را انتخاب کنید و با استفاده از منوها گزارش های موس را انتخاب کنید.

سپس روی "SEND_MAP" کلیک کنید تا آن را به EZ-Key Bluefruit خود ارسال کنید.

گزارش متنی در پنجره Processing باید نشان دهد که Bluefruit را یافته است و داده ها را با Checksum Match ارسال کرده است.

مرحله 8: کنترل طرح موجود P5.js با مرورگر وب Firefox به صورت تمام صفحه

در اینجا طرح p5.js من است که در Netlify میزبانی شده است:

hypnoellipse.netlify.com

برای مشاهده و شنیدن تغییرات الگوی سمعی و بصری ، می توانید قبل از ایجاد و اتصال رابط جوی استیک با ماوس خود آزمایش کنید.

مرحله 9: برنامه وب خود را ویرایش ، بازبینی یا ایجاد کنید

در اینجا کد خود برنامه وب آمده است:

github.com/dkonha01/HypnoEllipse

شما می توانید به راحتی نسخه خود را بسازید و سعی کنید مقادیر خطوط 44 ، 51 و 66 sketch.js را تغییر دهید.