Bluetooth iespējots kursorsviru kontrolieris: 9 soļi (ar attēliem)

2024 Autors: John Day | [email protected]. Pēdējoreiz modificēts: 2024-01-30 10:57

Pārsteidziet savus draugus un apbrīnojiet savu ģimeni, kad viņi izskata interaktīvu A/V tīmekļa lietotni "HypnoEllipse". Izveidojiet kursorsviras korpusu ar Bluetooth, pievienojiet to tīmekļa pārlūkprogrammai un pēc kārtas veiciet pašhipnozi.

Šī ir ar Bluetooth savienota kursorsvira, kas nosūta HID (tastatūras/peles) ziņojumus uz p5.js skici, kurā ir redzama optiska ilūzija un virpuļojošs skaņas paraugs.

1. darbība. Nepieciešamie materiāli

Rīki

lodāmurs

lodēt

stieples noņēmēji

urbis

urbis 1/4"

caurumu zāģis 3/4”

Daļas

Bluetooth iespējots dators

Korpuss

www.adafruit.com/product/905

Bluefruit EZ-Key

www.adafruit.com/product/1535

mini modulāra maizes dēlis

www.sparkfun.com/products/12047

džemperu vadi

www.sparkfun.com/products/8431

kursorsviru

www.sparkfun.com/products/9182

USB micro-B sadalīšanas panelis

www.sparkfun.com/products/1833

5Vdc uzlādējams microUSB akumulators

www.sparkfun.com/products/14167

PROGRAMMATŪRA

Tīmekļa lietotne Hypnoellipse

hypnoellipse.netlify.com/

Apstrāde 1.5.1 (lai pārveidotu EZ atslēgu)

processing.org/download/?processing

Vadība P5 (apstrādes bibliotēka)

www.sojamo.de/libraries/controlP5/

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

Ja vēlaties izveidot savu Hypnoellipse versiju!

p5.js

p5js.org/download/

Atom redaktors

atom.io/

2. solis: sagatavojiet kursorsviru Bluefruit EZ taustiņu džemperu vadiem

Izgrieziet un noņemiet vienu galu katram no četriem dažādu krāsu džemperu vadu pāriem.

Katrs krāsu pāris atbilst unikālajam (pa kreisi, pa labi, uz augšu, uz leju) kursorsviru virzienam - viens no katra pāra nonāk EZ atslēgas ievadē, bet otrs - GND.

Ar šo prātu uzmanīgi pielodējiet džempera vadus pie kursorsviras.

3. darbība: norobežojuma sagatavošana

Jums būs nepieciešams viens 1/2 "caurums korpusa sānos microUSB kabelim un četri 1/4" caurumi augšējā vākā, lai uzstādītu kursorsviru. Pašā kursorsvirā būs nepieciešams izgriezt 3/4 collu caurumu.

Pirms faktiskās urbšanas plastmasas korpusa augšpusē es izmantoju papīra gabalu un zīmuli, lai izsekotu kursorsviras montāžai nepieciešamos caurumus.

4. solis: instalējiet kursorsviru, Bluefruit EZ atslēgu un USB sadalīšanas paneli

Noteikti rūpīgi nosakiet, kā kursorsviras četras unikālās krāsas stieples džemperi savienojas ar EZ atslēgas tapām #0 - #4. Tas nosaka, kā četri kursorsviras mikroslēdži mainīs mouseX un mouseY vērtības p5.js skicē.

Kad esat noteicis sava korpusa orientāciju, virzieties pulksteņrādītāja virzienā ap kursorsviru savienojumiem, pievienojot džemperus EZ atslēgas ieejām un pēc vajadzības pārskatiet (izmēģinājumu un kļūdu metode!).

Zemes tapas no kursorsviras veido zemes kopni kopā ar Bluefruit EZ Key zemējuma tapu.

Zeme un +5vdc no microUSB savienotāja tiks savienota arī ar Bluefruit EZ atslēgu.

5. darbība. EZ atslēgas lietotāja saskarne

Lai palaistu šo GUI rīku, jums būs jāizmanto vecāka apstrādes versija 2.2.1.

Kursorsviru augšup/lejup/pa kreisi/pa labi kontakti emulēs mouseX un mouseY kustības, lai kontrolētu p5.js skici (HypnoEllipse).

Šī Adafruit apmācība sniedz visu nepieciešamo informāciju, lai izmantotu Bluefruit EZ-Key:

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

6. darbība: barošana un Bluefruit EZ atslēgas savienošana pārī

Ieslēdziet Bluefruit EZ-Key un nospiediet pāra pogu.

Jums vajadzētu redzēt, kā mirgo sarkanā gaismas diode. Pēc tam 5 sekundes nospiediet EZ taustiņa mini pogu un atlaidiet, tas izdzēsīs iepriekšējo savienošanas pārī informāciju un ļaus jums pārī pāriet ar datoru. Sarkanā gaismas diode tagad mirgos.

Sistēmas preferencēs ieslēdziet Bluetooth un noklikšķiniet uz "Iestatīt jaunu ierīci".

Ļaujiet palīgam darboties, līdz tas atrod un parāda EZ -Key moduli - atlasiet to un noklikšķiniet uz "Turpināt".

7. solis: Bluefruit EZ-Key pogu atkārtošana

Ekrānuzņēmumā atzīmējiet ar taustiņu tapām saistītās mouseX un mouseY vērtības:

tapa 0: x5

1. tapa: x-5

pin2: y5

pin3: y-5

Lejupielādējiet ControlP5 LI bibliotēku:

www.sojamo.de/libraries/controlP5/

Lejupielādējiet zip failu ar bezvadu bezvadu kodu:

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

Izspiediet un atveriet GUI_EZKey_remapper.pde sadaļā Apstrāde.

Vēlreiz pārbaudiet, vai Bluefruit ir savienots pārī ar datoru.

Atlasiet Skice -> Izpildīt, lai sāktu grafisko pārveidošanu.

Tagad izvēlieties tapas un, izmantojot izvēlnes, atlasiet peles atskaites.

Pēc tam noklikšķiniet uz "SEND_MAP", lai to nosūtītu uz savu Bluefruit EZ-Key.

Teksta pārskatam apstrādes logā jānorāda, ka tas ir atradis Bluefruit un ka tas nosūtīja datus ar kontrolsummas atbilstību.

8. darbība: kontrolējiet esošo P5.js skici ar Firefox tīmekļa pārlūkprogrammu pilnekrāna režīmā

Šeit ir mana p5.js skice, kas mitināta Netlify:

hypnoellipse.netlify.com

Pirms kursorsviras saskarnes izveidošanas un pievienošanas varat eksperimentēt ar peli, lai redzētu un dzirdētu audiovizuālo rakstu variācijas.

9. darbība: rediģējiet, pārskatiet vai izveidojiet savu tīmekļa lietotni

Šeit ir pašas tīmekļa lietotnes kods:

github.com/dkonha01/HypnoEllipse

Jūs varat viegli izveidot savu versiju, mēģinot mainīt sketch.js 44., 51. un 66. rindas vērtības - skatiet komentāros esošās rindas, lai iegūtu piemērus.