Sisukord:
- Samm: vajalikud materjalid
- Samm: valmistage juhtkang Bluefruit EZ võtmehüppaja juhtmeteks ette
- 3. samm: korpuse ettevalmistamine
- Samm: installige juhtkang, Bluefruit EZ võti ja USB -katkestusplaat
- Samm 5: EZ Key GUI
- 6. samm: toide ja Bluefruit EZ võtme sidumine
- Samm 7: Bluefruit EZ-võtme nuppude ümberpaigutamine
- 8. samm: kontrollige olemasolevat P5.js visandit Firefoxi veebibrauseriga täisekraanil
- 9. toiming: muutke, vaadake üle või looge oma veebirakendus
2025 Autor: John Day | [email protected]. Viimati modifitseeritud: 2025-01-13 06:57
Üllatage oma sõpru ja hämmastage oma perekonda, kui nad vaatavad interaktiivset A/V veebirakendust "HypnoEllipse". Ehitage Bluetooth -toega juhtkangi korpus, ühendage see veebibrauseriga ja tehke kordamööda enesehüpnoosi.
See on Bluetoothiga ühendatud juhtkang, mis saadab HID (klaviatuur/hiir) sõnumid p5.js visandile, mis esitab pöörleva optilise illusiooni ja pöörleva helinäite.
Samm: vajalikud materjalid
Tööriistad
jootekolb
jootma
traadi eemaldajad
puurida
puur 1/4"
augusaag 3/4”
Osad
Bluetooth -toega arvuti
Korpus
www.adafruit.com/product/905
Bluefruit EZ-Key
www.adafruit.com/product/1535
mini modulaarne leivalaud
www.sparkfun.com/products/12047
hüppaja juhtmed
www.sparkfun.com/products/8431
juhtkangi
www.sparkfun.com/products/9182
USB micro-B väljalülitusplaat
www.sparkfun.com/products/1833
5vdc laetav microUSB aku
www.sparkfun.com/products/14167
TARKVARA
Hüpnoellipsi veebirakendus
hypnoellipse.netlify.com/
Töötlemine 1.5.1 (EZ võtme ümbersuunamiseks)
processing.org/download/?processing
Juhtpult P5 (töötlev teek)
www.sojamo.de/libraries/controlP5/
Firefoxhttps://www.mozilla.org/en-US/firefox/new/
Kui soovite teha oma versiooni Hypnoellipse!
p5.js
p5js.org/download/
Aatomi toimetaja
atom.io/
Samm: valmistage juhtkang Bluefruit EZ võtmehüppaja juhtmeteks ette
Lõigake ja eemaldage üks ots igast neljast paarist eri värvi hüppajajuhtmest.
Kõik värvipaarid vastavad unikaalsele (vasakule, paremale, üles, alla) juhtkangi suunale - üks paaridest läheb EZ Key sisendisse ja teine GND -le.
Selle mõttega jootke hüppaja juhtmed ettevaatlikult juhtkangi külge.
3. samm: korpuse ettevalmistamine
Juhtkangi paigaldamiseks vajate korpuse küljel ühte 1/2 "ava mikroUSB -kaabli jaoks ja nelja 1/4" auku ülemises kaanes. Juhtkang ise vajab 3/4 "ava lõikamist.
Kasutasin paberitükki ja pliiatsit, et jälgida juhtkangi kokkupanekuga nõutavaid auke enne puurimist plastkorpuse ülaossa.
Samm: installige juhtkang, Bluefruit EZ võti ja USB -katkestusplaat
Kindlasti määrake hoolikalt, kuidas juhtkangi neli ainulaadset värvi traathüppajat ühendatakse EZ võtme tihvtidega #0 - #4. See määrab, kuidas juhtkangi neli mikrolülitit muudavad hiireX ja mouseY väärtusi p5.js visandis.
Kui olete oma korpuse suuna kindlaks määranud, liikuge päripäeva juhtkangi ühenduste ümber, kinnitage džemprid EZ võtme sisendite külge ja vaadake vajadusel üle (katse -eksituse meetod!).
Juhtkangi maandusnõelad moodustavad maandusbussi koos Bluefruit EZ võtme maandusnõelaga.
Maandus ja +5vdc microUSB pistikust ühendatakse ka Bluefruit EZ võtmega.
Samm 5: EZ Key GUI
Selle GUI tööriista käitamiseks peate kasutama töötlemise 2.2.1 vanemat versiooni.
Juhtkangi üles/alla/vasakule/paremale kontaktid jäljendavad hiireX ja mouseY liigutusi, et juhtida p5.js visandit (HypnoEllipse).
See Adafruit'i õpetus pakub kogu vajalikku teavet Bluefruit EZ-Key kasutamiseks:
learn.adafruit.com/introducing-bluefruit-ez-key-diy-bluetooth-hid-keyboard
6. samm: toide ja Bluefruit EZ võtme sidumine
Lülitage Bluefruit EZ-Key sisse ja vajutage paaristamisnuppu.
Te peaksite nägema, kuidas punane LED vilgub. Seejärel vajutage 5 sekundit EZ klahvi mininuppu ja vabastage see, see kustutab varasema sidumisteabe ja võimaldab teil uuesti arvutiga siduda. Punane LED hakkab nüüd vilkuma.
Lülitage süsteemieelistustes Bluetooth sisse ja klõpsake nuppu "Seadista uus seade".
Laske assistendil töötada, kuni see leiab ja kuvab mooduli EZ -Key - valige see ja klõpsake "Jätka".
Samm 7: Bluefruit EZ-võtme nuppude ümberpaigutamine
Märkige ekraanipildil võtmehoidjatega seotud hiireX ja hiireY väärtused:
tihvt 0: x5
tihvt 1: x-5
pin2: y5
pin3: y-5
Laadige alla ControlP5 LI raamatukogu:
www.sojamo.de/libraries/controlP5/
Laadige alla zip -fail koos traadita ümberpaigutamiskoodiga:
learn.adafruit.com/system/assets/assets/000/013/042/original/GUI_EZKey_remapper_12-20-13.zip?1387568625
Pakkige lahti ja avage töötlemisel GUI_EZKey_remapper.pde.
Kontrollige uuesti, kas Bluefruit on teie arvutiga seotud.
Graafilise ümbertegemise käivitamiseks valige Sketch -> Run.
Nüüd valige tihvtid ja menüüde abil valige hiire aruanded.
Järgmiseks klõpsake "SEND_MAP", et see Bluefruit EZ-Keyle saata.
Tekstiaruanne töötlemise aknas peaks näitama, et ta on leidnud Bluefruit'i ja et ta saatis andmed kontrollsumma vastega.
8. samm: kontrollige olemasolevat P5.js visandit Firefoxi veebibrauseriga täisekraanil
Siin on minu Netlify hostitud p5.js visand:
hypnoellipse.netlify.com
Enne juhtkangi liidese loomist ja ühendamist saate katsetada hiirega, et näha ja kuulda audiovisuaalsete mustrite variatsioone.
9. toiming: muutke, vaadake üle või looge oma veebirakendus
Siin on veebirakenduse enda kood:
github.com/dkonha01/HypnoEllipse
Saate hõlpsasti oma versiooni välja töötada, proovides muuta sketch.js ridade 44, 51 ja 66 väärtusi - vaadake selle kohta näiteid kommenteeritud ridadest.