Բովանդակություն:

Bluetooth- ի միացված ջոյստիկ վերահսկիչ. 9 քայլ (նկարներով)
Bluetooth- ի միացված ջոյստիկ վերահսկիչ. 9 քայլ (նկարներով)

Video: Bluetooth- ի միացված ջոյստիկ վերահսկիչ. 9 քայլ (նկարներով)

Video: Bluetooth- ի միացված ջոյստիկ վերահսկիչ. 9 քայլ (նկարներով)
Video: Control Position and Speed of Stepper motor with L298N module using Arduino 2024, Հուլիսի
Anonim
Bluetooth միացված Joystick վերահսկիչ
Bluetooth միացված Joystick վերահսկիչ

Amazարմացրեք ձեր ընկերներին և ապշեցրեք ձեր ընտանիքին, երբ նրանք ստուգեն «HypnoEllipse» ինտերակտիվ A/V վեբ ծրագիրը: Կառուցեք Bluetooth- ով միացված ջոյսթիկի պատյան, միացրեք այն վեբ դիտարկիչին և հերթով կատարեք ինքնահիպնոզություն:

Սա Bluetooth- ով միացված Joystick է, որը HID (ստեղնաշար/մկնիկ) հաղորդագրություններ է ուղարկում p5.js էսքիզին, որը ներկայացնում է պտտվող օպտիկական պատրանք և պտտվող ձայնի նմուշ:

Քայլ 1: Անհրաժեշտ նյութեր

Անհրաժեշտ նյութեր
Անհրաժեշտ նյութեր
Անհրաժեշտ նյութեր
Անհրաժեշտ նյութեր
Անհրաժեշտ նյութեր
Անհրաժեշտ նյութեր

Գործիքներ

erոդման երկաթ

զոդման

մետաղալար մերկացուցիչներ

հորատում

փորվածք 1/4"

անցքի սղոց 3/4"

Մասեր

Bluetooth միացված համակարգիչ

Պարիսպ

www.adafruit.com/product/905

Bluefruit EZ-Key

www.adafruit.com/product/1535

մինի մոդուլային տախտակ

www.sparkfun.com/products/12047

jumper լարերը

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

SOՐԱԳԻՐ

Hypnoellipse վեբ ծրագիր

hypnoellipse.netlify.com/

Մշակում 1.5.1 (EZ բանալին վերափոխելու համար)

processing.org/download/?processing

Control P5 (մշակման գրադարան)

www.sojamo.de/libraries/controlP5/

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

Եթե ցանկանում եք, պատրաստեք Hypnoellipse- ի ձեր սեփական տարբերակը:

p5.js

p5js.org/download/

Ատոմի խմբագիր

atom.io/

Քայլ 2. Պատրաստեք Joystick to Bluefruit EZ Key Jumper լարերը

Պատրաստեք Joystick to Bluefruit EZ Key Jumper Wires- ը
Պատրաստեք Joystick to Bluefruit EZ Key Jumper Wires- ը

Կտրեք և քանդեք տարբեր գույնի ցատկող լարերի չորս զույգերից յուրաքանչյուրի մեկ ծայրը:

Գույների զույգերից յուրաքանչյուրը համապատասխանում է ջոյսթիկի յուրահատուկ (ձախ, աջ, վեր, վար) ուղղություններին. Յուրաքանչյուր զույգից մեկը գնում է դեպի EZ Key մուտքագրում, իսկ մյուսը `GND:

Այս մտքով զգուշորեն կպցրեք ցատկողի լարերը ջոյսթիկի վրա:

Քայլ 3: Պատրաստի պարիսպ

Պատրաստի պարիսպ
Պատրաստի պարիսպ

MicroUSB մալուխի պարիսպի կողքին պետք է լինի 1/2 դյույմ անցք, իսկ վահանակի վահանակը տեղադրելու համար ՝ չորս 1/4 դյույմ անցք: Joyոյստիկին ինքն իրեն անհրաժեշտ կլինի 3/4 դյույմ անցք կտրել:

Ես մի կտոր թուղթ և մատիտ օգտագործեցի ՝ ջիստիկի հավաքման համար պահանջվող անցքերին հետևելու համար, նախքան պլաստիկ պատյանի գագաթին իրական հորատումը:

Քայլ 4: Տեղադրեք Joystick, Bluefruit EZ Key և USB Breakout Board

Տեղադրեք Joystick, Bluefruit EZ Key և USB Breakout Board
Տեղադրեք Joystick, Bluefruit EZ Key և USB Breakout Board
Տեղադրեք Joystick, Bluefruit EZ Key և USB Breakout Board
Տեղադրեք Joystick, Bluefruit EZ Key և USB Breakout Board
Տեղադրեք Joystick, Bluefruit EZ Key և USB Breakout Board
Տեղադրեք Joystick, Bluefruit EZ Key և USB Breakout Board

Համոզվեք, որ ուշադիր որոշեք, թե ինչպես է ջոյսթիկի չորս անկրկնելի գունավոր մետաղալարեր ցատկողները միանում EZ ստեղնի #0 - #4 կապումներին: Սա սահմանում է, թե ինչպես են joystick- ի չորս միկրո անջատիչները կփոխեն mouse5 և mouseY արժեքները p5.js էսքիզում:

Երբ որոշեք ձեր պարիսպի կողմնորոշումը, շարժվեք ժամացույցի սլաքի ուղղությամբ ՝ ջոյսթիկի միացումների շուրջը ՝ թռիչքները ամրացնելով EZ ստեղնի մուտքերին և անհրաժեշտության դեպքում վերանայեք (փորձարկման և սխալի մեթոդ):

Joyոյսթիկից գրունտային կապում են ստեղծվում գրունտային ավտոբուս, ինչպես նաև Bluefruit EZ Key- ի գրունտային քորոցով:

Գետնին և +5vdc- ն microUSB միակցիչից նույնպես կմիացվեն Bluefruit EZ Key- ին:

Քայլ 5: EZ Key GUI

EZ Key GUI
EZ Key GUI

Այս GUI գործիքը գործարկելու համար անհրաժեշտ կլինի օգտագործել Processing 2.2.1- ի հին տարբերակը:

Upոյսթիք վեր/վար/ձախ/աջ կոնտակտները նմանակելու են mouseX և mouseY շարժումները `p5.js էսքիզը (HypnoEllipse) վերահսկելու համար:

Այս Adafruit ձեռնարկը տրամադրում է բոլոր անհրաժեշտ տեղեկությունները Bluefruit EZ-Key- ի օգտագործման համար.

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

Քայլ 6. Power and Pair Bluefruit EZ Key

Power and Pair Bluefruit EZ Key
Power and Pair Bluefruit EZ Key
Power and Pair Bluefruit EZ Key
Power and Pair Bluefruit EZ Key
Power and Pair Bluefruit EZ Key
Power and Pair Bluefruit EZ Key

Միացրեք Bluefruit EZ-Key- ը և սեղմեք զույգի կոճակը:

Պետք է տեսնել, որ կարմիր LED- ը թարթում է: Հաջորդը 5 վայրկյան սեղմեք EZ ստեղնի մինի կոճակը և բաց թողեք: Սա կջնջի նախորդ զուգավորման տվյալները և թույլ կտա նորից զուգակցել ձեր համակարգչին: Կարմիր LED- ն այժմ կթարթի:

Միացրեք Bluetooth- ը System Preferences- ում և կտտացրեք «Կարգավորել նոր սարք»:

Թող օգնականը գործի մինչև այն գտնի և ցուցադրի EZ -Key մոդուլը. Ընտրեք այն և կտտացրեք «Շարունակել»:

Քայլ 7. Bluefruit EZ-Key- ի կոճակների վերափոխում

Bluefruit EZ-Key- ի կոճակների վերափոխում
Bluefruit EZ-Key- ի կոճակների վերափոխում

Սքրինշոթում նշեք mouseX և mouseY արժեքները ՝ կապված հիմնական կապում.

կապում 0: x5

PIN 1: x-5

pin2: y5

pin3: y-5

Ներբեռնեք ControlP5 գրադարանը.

www.sojamo.de/libraries/controlP5/

Ներբեռնեք zip ֆայլը անլար remapper կոդով.

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 ուրվագիծը Firefox վեբ դիտարկիչով ՝ ամբողջական էկրանով
Կառավարեք գոյություն ունեցող P5.js ուրվագիծը Firefox վեբ դիտարկիչով ՝ ամբողջական էկրանով

Ահա իմ p5.js ուրվագիծը, որը տեղակայված է Netlify- ում.

hypnoellipse.netlify.com

Դուք կարող եք փորձարկել ձեր մկնիկը, նախքան ջոյսթիկի միջերեսը կառուցելը և միացնելը, տեսա -լսողական ձևի տատանումները տեսնելու և լսելու համար:

Քայլ 9: Խմբագրել, վերանայել կամ ստեղծել ձեր սեփական վեբ ծրագիրը

Խմբագրել, վերանայել կամ ստեղծել ձեր սեփական վեբ ծրագիրը
Խմբագրել, վերանայել կամ ստեղծել ձեր սեփական վեբ ծրագիրը

Ահա հենց վեբ հավելվածի ծածկագիրը.

github.com/dkonha01/HypnoEllipse

Դուք կարող եք հեշտությամբ մշակել ձեր սեփական տարբերակը ՝ փորձելով փոխել sketch.js- ի 44, 51 և 66 տողերի արժեքները - դրա օրինակների համար դիտեք մեկնաբանված տողերը:

Խորհուրդ ենք տալիս: