Controler Joystick activat Bluetooth: 9 pași (cu imagini)

2024 Autor: John Day | [email protected]. Modificat ultima dată: 2024-01-30 11:46

Uimiți-vă prietenii și uimiți-vă familia, când verifică „HypnoEllipse”, o aplicație web interactivă A / V. Construiți o carcasă cu joystick activată Bluetooth, conectați-o la browserul web și realizați pe rând auto hipnoza.

Acesta este un joystick conectat Bluetooth, care trimite mesaje HID (tastatură / mouse) către o schiță p5.js, care prezintă o iluzie optică rotativă și o probă de sunet învârtită.

Pasul 1: Materiale necesare

Instrumente

fier de lipit

lipit

stripuri de sârmă

burghiu

burghiu 1/4"

ferăstrău cu găuri de 3/4”

Părți

Calculator cu Bluetooth

Incintă

www.adafruit.com/product/905

Bluefruit EZ-Key

www.adafruit.com/product/1535

mini panou modular

www.sparkfun.com/products/12047

fire jumper

www.sparkfun.com/products/8431

joystick

www.sparkfun.com/products/9182

Placă USB micro-B breakout

www.sparkfun.com/products/1833

Baterie reîncărcabilă microUSB de 5vdc

www.sparkfun.com/products/14167

SOFTWARE

Aplicație web Hypnoellipse

hypnoellipse.netlify.com/

Se procesează 1.5.1 (pentru a remapta cheia EZ)

processing.org/download/?processing

Control P5 (bibliotecă de procesare)

www.sojamo.de/libraries/controlP5/

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

Dacă doriți, creați propria versiune a Hypnoellipse!

p5.js

p5js.org/download/

Editor Atom

atom.io/

Pasul 2: Pregătiți joystick-ul pentru firele Jumper cheie Bluefruit EZ

Tăiați și curățați câte un capăt al fiecăreia dintre cele patru perechi de fire jumper colorate diferit.

Fiecare dintre perechile de culori corespunde direcției unice a joystick-ului (stânga, dreapta, sus, jos) - una din fiecare pereche merge la o intrare EZ Key, iar cealaltă la GND.

Cu această minte, lipiți cu grijă firele jumperului pe joystick.

Pasul 3: Prep Enclosure

Veți avea nevoie de o gaură de 1/2 "pe partea laterală a carcasei pentru cablul microUSB și patru găuri de 1/4" în capacul superior pentru montarea joystick-ului. Joystick-ul în sine va avea nevoie de o gaură de 3/4 ".

Am folosit o bucată de hârtie și un creion pentru a urmări găurile cerute de ansamblul joystick-ului, înainte de găurirea efectivă în partea superioară a carcasei din plastic.

Pasul 4: Instalați joystick-ul, cheia Bluefruit EZ și placa USB Breakout

Asigurați-vă că determinați cu atenție modul în care cele patru jumperi de sârmă colorate unic ale joystick-ului se conectează la pinii # 0 - # 4 de pe tasta EZ. Aceasta definește modul în care cele patru microîntrerupătoare de pe joystick vor modifica valorile mouseX și mouseY în schița p5.js.

Odată ce ați determinat orientarea incintei dvs., procedați în sensul acelor de ceasornic în jurul conexiunilor joystick-ului, atașând jumperii la intrările cheii EZ și revizuiți după cum este necesar (metoda de încercare și eroare!).

Pinii de masă de la joystick formează un autobuz de masă împreună cu un pin de masă al cheii Bluefruit EZ.

Masa și + 5vdc de la conectorul microUSB se vor conecta și la Bluefruit EZ Key.

Pasul 5: EZ Key GUI

Va trebui să utilizați o versiune mai veche de Processing 2.2.1 pentru a rula acest instrument GUI.

Contactele joystick sus / jos / stânga / dreapta vor emula mișcările mouseX și mouseY pentru a controla schița p5.js (HypnoEllipse).

Acest tutorial Adafruit oferă toate informațiile necesare pentru utilizarea Bluefruit EZ-Key:

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

Pasul 6: Puterea și asocierea cheii Bluefruit EZ

Porniți Bluefruit EZ-Key și apăsați butonul de pereche.

Ar trebui să vedeți LED-ul roșu clipind. Apoi apăsați butonul mini de pe tasta EZ timp de 5 secunde și eliberați, aceasta va șterge informațiile de asociere anterioare și vă va permite să vă asociați din nou computerul. LED-ul roșu va clipi acum.

Activați Bluetooth în Preferințe sistem și faceți clic pe „Configurare dispozitiv nou”.

Lăsați asistentul să ruleze până când localizează și afișează modulul EZ-Key - selectați-l și faceți clic pe „Continuare”.

Pasul 7: Remaparea butoanelor de pe Bluefruit EZ-Key

În captul de ecran, observați valorile mouseX și mouseY asociate cu pinii cheii:

pinul 0: x5

pinul 1: x-5

pin2: y5

pin3: y-5

Descărcați ControlP5 LIbrary:

www.sojamo.de/libraries/controlP5/

Descărcați fișierul zip cu codul remapper fără fir:

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

Decomprimați și deschideți GUI_EZKey_remapper.pde în Procesare.

Verificați dacă Bluefruit este asociat cu computerul dvs.

Selectați Schiță -> Executare pentru a porni remapperul grafic.

Acum alegeți pinii și, folosind meniurile, selectați rapoartele mouse-ului.

Apoi faceți clic pe „SEND_MAP” pentru al trimite la Bluefruit EZ-Key.

Un raport text din fereastra Procesare ar trebui să indice că a găsit un Bluefruit și că a trimis date cu un Checksum Match.

Pasul 8: Controlați schița P5.js existentă cu browserul web Firefox în ecran complet

Iată schița mea p5.js găzduită pe Netlify:

hypnoellipse.netlify.com

Puteți experimenta cu mouse-ul, înainte de a construi și conecta interfața joystick-ului, pentru a vedea și auzi variațiile tiparului audiovizual.

Pasul 9: Editați, revizuiți sau creați propria aplicație web

Iată codul pentru aplicația web în sine:

github.com/dkonha01/HypnoEllipse

Vă puteți dezvolta cu ușurință propria versiune, încercând să schimbați valorile din liniile 44, 51 și 66 din sketch.js - consultați liniile comentate pentru exemple.