Innehållsförteckning:
- Steg 1: Material som behövs
- Steg 2: Förbered styrspaken till Bluefruit EZ Key Jumper Wires
- Steg 3: Förberedelseskåp
- Steg 4: Installera joystick, Bluefruit EZ Key och USB Breakout Board
- Steg 5: EZ Key GUI
- Steg 6: Power and Par Bluefruit EZ Key
- Steg 7: Återmappar knapparna på Bluefruit EZ-Key
- Steg 8: Kontrollera befintlig P5.js -skiss med Firefox webbläsare i helskärm
- Steg 9: Redigera, granska eller skapa din egen webbapp
Video: Bluetooth -aktiverad joystick -kontroller: 9 steg (med bilder)
2024 Författare: John Day | [email protected]. Senast ändrad: 2024-01-30 12:46
Förundra dina vänner och förundra din familj när de tittar på "HypnoEllipse", en interaktiv A/V -webbapp. Bygg ett Bluetooth -aktiverat joystickhölje, anslut det till webbläsaren och turas om att utföra självhypnos.
Detta är en Bluetooth -ansluten joystick som skickar HID -meddelanden (tangentbord/mus) till en p5.js -skiss som presenterar en snurrande optisk illusion och virvlande ljudprov.
Steg 1: Material som behövs
Verktyg
lödjärn
löda
trådavdragare
borra
borr 1/4"
hålsåg 3/4”
Delar
Bluetooth -aktiverad dator
Inhägnad
www.adafruit.com/product/905
Bluefruit EZ-Key
www.adafruit.com/product/1535
mini modulära brödbräda
www.sparkfun.com/products/12047
bygelkablar
www.sparkfun.com/products/8431
joystick
www.sparkfun.com/products/9182
USB micro-B-brytkort
www.sparkfun.com/products/1833
5vdc uppladdningsbart microUSB -batteri
www.sparkfun.com/products/14167
PROGRAMVARA
Hypnoellipse webbapp
hypnoellipse.netlify.com/
Bearbetar 1.5.1 (för att göra om EZ -nyckeln)
processing.org/download/?processing
Kontroll P5 (bearbetningsbibliotek)
www.sojamo.de/libraries/controlP5/
Firefoxhttps://www.mozilla.org/en-US/firefox/new/
Om du vill göra din egen version av Hypnoellipse!
p5.js
p5js.org/download/
Atom redaktör
atom.io/
Steg 2: Förbered styrspaken till Bluefruit EZ Key Jumper Wires
Klipp och ta bort ena änden av vart och ett av de fyra paren med olika färgade bygeltrådar.
Var och en av färgparen motsvarar den unika (vänster, höger, upp, ner) joystickriktningen - ett av varje par går till en EZ Key -ingång och det andra till GND.
Med detta sinne, löd försiktigt bygelns trådar till styrspaken.
Steg 3: Förberedelseskåp
Du behöver ett 1/2 "hål på sidan av höljet för microUSB -kabeln och fyra 1/4" hål i det övre locket för att montera joysticken. Själva joysticken behöver ett 3/4 "hålskär.
Jag använde ett papper och en penna för att spåra hålen som behövs för joystickaggregatet, innan jag faktiskt borrade in i plasthöljet.
Steg 4: Installera joystick, Bluefruit EZ Key och USB Breakout Board
Var noga med att bestämma noga hur joystickens fyra unikt färgade trådhoppare ansluter till stiften #0 - #4 på EZ -nyckeln. Detta definierar hur de fyra mikrobrytarna på joysticken kommer att ändra värdena för mouseX och mouseY i p5.js -skissen.
När du har bestämt orienteringen för ditt hölje, fortsätt medurs runt joystickanslutningarna, fäst hopparna till ingångarna på EZ -nyckeln och revidera vid behov (test- och felmetod!).
Marknålarna från joysticken bildar en markbuss tillsammans med en markstift på Bluefruit EZ Key.
Marken och +5vdc från microUSB -kontakten kommer också att anslutas till Bluefruit EZ Key.
Steg 5: EZ Key GUI
Du måste använda en äldre version av Processing 2.2.1 för att köra detta GUI -verktyg.
Styrspaken uppåt/nedåt/vänster/höger kommer att emulera mouseX- och mouseY -rörelser för att styra p5.js -skissen (HypnoEllipse).
Denna Adafruit-handledning ger all nödvändig information för att använda Bluefruit EZ-Key:
learn.adafruit.com/introducing-bluefruit-ez-key-diy-bluetooth-hid-keyboard
Steg 6: Power and Par Bluefruit EZ Key
Slå på Bluefruit EZ-nyckeln och tryck på parningsknappen.
Du borde se den röda lysdioden blinka. Tryck sedan på miniknappen på EZ-tangenten i 5 sekunder och släpp, detta raderar tidigare parkopplingsinformation och låter dig para om till din dator igen. Den röda lysdioden blinkar nu.
Slå på Bluetooth i Systeminställningar och klicka på "Konfigurera ny enhet".
Låt assistenten köra tills den hittar och visar EZ -Key -modulen - välj den och klicka på "Fortsätt".
Steg 7: Återmappar knapparna på Bluefruit EZ-Key
I skärmdumpen noteras de mouseX- och mouseY -värden som är associerade med nyckelstiften:
stift 0: x5
stift 1: x-5
pin2: y5
pin3: y-5
Ladda ner ControlP5 LIbrary:
www.sojamo.de/libraries/controlP5/
Ladda ner zip -filen med den trådlösa remapperkoden:
learn.adafruit.com/system/assets/assets/000/013/042/original/GUI_EZKey_remapper_12-20-13.zip?1387568625
Komprimera och öppna GUI_EZKey_remapper.pde i Processing.
Dubbelkontrollera att Bluefruit är kopplad till din dator.
Välj Sketch -> Run för att starta den grafiska remappen.
Välj nu stiften och välj musrapporterna med hjälp av menyerna.
Klicka sedan på "SEND_MAP" för att skicka den till din Bluefruit EZ-Key.
En textrapport i bearbetningsfönstret ska indikera att den har hittat en Bluefruit och att den skickade data med en Checksum Match.
Steg 8: Kontrollera befintlig P5.js -skiss med Firefox webbläsare i helskärm
Här är min p5.js -skiss på Netlify:
hypnoellipse.netlify.com
Du kan experimentera med musen, innan du bygger och ansluter joystickgränssnittet, för att se och höra de audiovisuella mönstervariationerna.
Steg 9: Redigera, granska eller skapa din egen webbapp
Här är koden för själva webbappen:
github.com/dkonha01/HypnoEllipse
Du kan enkelt utveckla din egen version och försöka ändra värdena i raderna 44, 51 och 66 i sketch.js - kolla in de kommenterade raderna för exempel på detta.
Rekommenderad:
Kontrollera 2 servon med analog joystick. 5 steg (med bilder)
Kontrollera 2 servon med hjälp av analog joystick .: Hej killar, det här är min första instruerbara och i det här inlägget delar jag hur jag använder Analog Joystick för att styra servon med Arduino UNO. Jag ska försöka förklara det så enkelt som möjligt hoppas du gillar den
Hur man tar isär en dator med enkla steg och bilder: 13 steg (med bilder)
Hur man tar isär en dator med enkla steg och bilder: Detta är en instruktion om hur man demonterar en dator. De flesta av de grundläggande komponenterna är modulära och lätt att ta bort. Det är dock viktigt att du är organiserad kring det. Detta hjälper dig att inte förlora delar, och även för att göra ommonteringen
Arduino-kontrollerat plattformsspel med joystick och IR-mottagare: 3 steg (med bilder)
Arduino-kontrollerat plattformsspel med joystick och IR-mottagare: Idag ska vi använda en Arduino-mikrokontroller för att styra ett enkelt C#-baserat plattformsspel. Jag använder Arduino för att ta ingång från en joystick -modul och skicka den indatan till C# -programmet som lyssnar och avkodar ingång över en seriell c
Använda PSP som dator joystick och sedan styra din dator med PSP: 5 steg (med bilder)
Använda PSP som dator joystick och sedan styra din dator med PSP: Du kan göra många häftiga saker med PSP homebrew, och i den här instruerbara lär jag dig hur du använder din PSP som en joystick för att spela spel, men det finns också ett program som låter dig använda din joystick som mus. Här är materien
Mini joystick med brandknapp: 9 steg (med bilder)
Mini joystick med eldknapp: Detta är en miniatyr joystick gjord av några omkopplare och en kulspetspenna. En tillvalsknapp kan läggas till om din penna är av klickartyp. Handlingen är mycket smidig och lyhörd. En liten historia följer så hoppa gärna över den och få