Bluetooth иштетилген джойстик контроллери: 9 кадам (сүрөттөр менен)

2024 Автор: John Day | [email protected]. Акыркы өзгөртүү: 2024-01-30 10:42

Досторуңузду таң калтырып, үй -бүлөңүздү таң калтырыңыз, алар "HypnoEllipse" интерактивдүү A/V веб -тиркемесин текшергенде. Bluetooth иштетилген джойстик корпусун куруп, аны веб -браузерге туташтырып, кезек менен өзүн -өзү гипноз кылыңыз.

Бул Bluetooth менен байланышкан Джойстик, H5 (клавиатура/чычкан) билдирүүлөрдү p5.js эскизине жөнөтөт, ал оптикалык иллюзияны жана айлануучу үн үлгүсүн көрсөтөт.

1 -кадам: Керектүү материалдар

Куралдар

темир

solder

зым ачкычтар

бургулоо

бургу 1/4"

тешик 3/4"

Бөлүктөр

Bluetooth иштетилген компьютер

Корпус

www.adafruit.com/product/905

Bluefruit 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

5vdc кайра заряддалуучу microUSB батареясы

www.sparkfun.com/products/14167

ПРОГРАММА

Hypnoellipse веб колдонмосу

hypnoellipse.netlify.com/

Иштетүү 1.5.1 (EZ ачкычын калыбына келтирүү үчүн)

processing.org/download/?processing

Control P5 (Processing library)

www.sojamo.de/libraries/controlP5/

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

Кааласаңыз, гипноэлипстин өз версиясын жасаңыз!

p5.js

p5js.org/download/

Atom редактору

atom.io/

2 -кадам: Джойстикти Bluefruit EZ Key Jumper Wiresге даярдаңыз

Түрдүү түстөгү секирүүчү зымдардын ар биринин бир четин кесип, сыйрып алыңыз.

Түстөрдүн ар бири уникалдуу (Сол, Оң, Өйдө, Ылдый) джойстик багытына туура келет - ар бир жуптун бири EZ Key киришине, экинчиси GNDге өтөт.

Бул акыл менен, секирүүчү зымдарды джойстикке кылдат ээрип коюңуз.

3 -кадам: даярдык корпусу

Сизге microUSB кабели үчүн корпустун капталында бир 1/2 "тешик жана джойстикти орнотуу үчүн үстүңкү капкактын төрт 1/4" тешиги керек болот. Джойстиктин өзүнө 3/4 дюймдук тешик керек болот.

Пластикалык корпустун чокусуна бургулоодон мурун, мен джойстиктин чогултуусу талап кылган тешиктерди издеп табуу үчүн кагаз менен карандашты колдондум.

4 -кадам: Joystick, Bluefruit EZ Key жана USB Breakout Board орнотуңуз

Джойстиктин уникалдуу төрт түстүү зым секиргичтери EZ ачкычындагы #0 - #4 төөнөгүчтөргө кантип туташарын кылдаттык менен аныктаңыз. Бул джойстиктеги төрт микро өтмөктүн p5.js эскизиндеги mouseX жана mouseY баалуулуктарын кантип өзгөртөөрүн аныктайт.

Капчыгыңыздын багытын аныктагандан кийин, джойстиктин байланыштарынын айланасында сааттын жебеси боюнча өтүңүз, секиргичтерди EZ ачкычынын киришине тиркеп, керек болсо кайра карап чыгыңыз (сыноо жана ката ыкмасы!).

Джойстиктен алынган жер казыктары Bluefruit EZ ачкычынын жерге төөнөгүч менен бирге жердин автобусун түзөт.

MicroUSB туташтыргычынан жер жана +5vdc дагы Bluefruit EZ ачкычына туташат.

5 -кадам: EZ Key GUI

Бул GUI куралын иштетүү үчүн Processing 2.2.1дин эски версиясын колдонуу керек болот.

Джойстик өйдө/ылдый/солго/оңго байланыштар p5.js эскизин көзөмөлдөө үчүн mouseX жана mouseY кыймылдарын туурайт (HypnoEllipse).

Бул Adafruit үйрөткүчү Bluefruit EZ ачкычын колдонуу үчүн бардык керектүү маалыматты берет:

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

6 -кадам: Powerfair жана Pair Bluefruit EZ ачкычы

Bluefruit EZ-ачкычын иштетип, жуп баскычын басыңыз.

Сиз кызыл LED жаркылдап турганын көрүшүңүз керек. Кийинки EZ баскычындагы мини баскычты 5 секунд басып, коё бериңиз, бул мурунку жупташуу маалыматын өчүрүп, кайра компьютериңизге жупташууга мүмкүнчүлүк берет. Кызыл LED азыр жаркырайт.

Bluetooth'ду тутумдун тандоолорунда күйгүзүңүз жана "Жаңы түзмөктү орнотууну" чыкылдатыңыз.

Жардамчы EZ -ачкыч модулун тапканга чейин иштетсин - аны тандап, "Улантууну" басыңыз.

7-кадам: Bluefruit EZ-Ачкычындагы Баскычтарды Ремапинг кылуу

Скриншотто key казыктары менен байланышкан mouseX жана mouseY баалуулуктарын белгилеңиз:

пин 0: x5

пин 1: x-5

pin2: y5

pin3: y-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 ачуу жана ачуу.

Bluefruit сиздин компьютериңизге жупташканын эки жолу текшериңиз.

Графикалык ремераторду баштоо үчүн Эскиз -> Иштөөнү тандаңыз.

Эми казыктарды тандап, менюларды колдонуп чычкан отчетторун тандаңыз.

Кийинки "SEND_MAP" чыкылдатып, аны Bluefruit EZ-ачкычыңызга жөнөтүңүз.

Иштетүү терезесиндеги тексттик отчет анын Bluefruit табылганын жана Checksum Match менен маалыматтарды жөнөткөнүн көрсөтүшү керек.

8 -кадам: Бар P5.js эскизин Firefox веб браузери менен толук экранда көзөмөлдөңүз

Мына, менин p5.js эскизим Netlifyде:

hypnoellipse.netlify.com

Сиз аудиовизуалдык моделдин вариацияларын көрүү жана угуу үчүн джойстик интерфейсин куруудан жана туташтыруудан мурун чычканыңыз менен эксперимент жасай аласыз.

9 -кадам: Өз веб -колдонмоңузду түзөтүңүз, кайра карап чыгыңыз же түзүңүз

Бул жерде веб -колдонмонун өзү үчүн код:

github.com/dkonha01/HypnoEllipse

Сиз sketch.js 44, 51 жана 66 -саптарындагы баалуулуктарды өзгөртүүгө аракет кылып, өзүңүздүн версияңызды оңой эле өнүктүрө аласыз - бул мисалдар үчүн комментарийленген саптарды текшериңиз.