Spisu treści:

Kontroler joysticka z obsługą Bluetooth: 9 kroków (ze zdjęciami)
Kontroler joysticka z obsługą Bluetooth: 9 kroków (ze zdjęciami)

Wideo: Kontroler joysticka z obsługą Bluetooth: 9 kroków (ze zdjęciami)

Wideo: Kontroler joysticka z obsługą Bluetooth: 9 kroków (ze zdjęciami)
Wideo: IPEGA PG-9083S - test kontrolera bluetooth, który zamieni wasz tablet w Nintendo Switch :) 2024, Lipiec
Anonim
Kontroler joysticka z obsługą Bluetooth
Kontroler joysticka z obsługą Bluetooth

Zaskocz swoich znajomych i rodzinę, gdy zapoznają się z interaktywną aplikacją internetową „HypnoEllipse”. Zbuduj obudowę joysticka obsługującą technologię Bluetooth, podłącz ją do przeglądarki internetowej i na zmianę przeprowadzaj autohipnozę.

Jest to joystick podłączony przez Bluetooth, który wysyła wiadomości HID (klawiatury/myszy) do szkicu p5.js, który przedstawia wirującą iluzję optyczną i wirującą próbkę dźwięku.

Krok 1: Potrzebne materiały

Potrzebne materiały
Potrzebne materiały
Potrzebne materiały
Potrzebne materiały
Potrzebne materiały
Potrzebne materiały

Narzędzia

lutownica

lutować

narzędzia do ściągania izolacji

wiertarka

wiertło 1/4"

otwornica 3/4”

Części

Komputer z obsługą Bluetooth

Załącznik

www.adafruit.com/product/905

Klucz EZ Bluefruit

www.adafruit.com/product/1535

mini modułowa płytka prototypowa

www.sparkfun.com/products/12047

przewody połączeniowe

www.sparkfun.com/products/8431

drążek sterowy

www.sparkfun.com/products/9182

Płytka zaciskowa USB micro-B

www.sparkfun.com/products/1833

Akumulator microUSB 5vdc

www.sparkfun.com/products/14167

OPROGRAMOWANIE

Aplikacja internetowa Hypnoellipse

hypnoellipse.netlify.com/

Przetwarzanie 1.5.1 (w celu ponownego zmapowania klucza EZ)

processing.org/download/?processing

Sterowanie P5 (biblioteka przetwarzania)

www.sojamo.de/libraries/controlP5/

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

Jeśli chcesz stworzyć własną wersję Hypnoellipse!

p5.js

p5js.org/download/

Edytor Atomów

atom.io/

Krok 2: Przygotuj joystick do przewodów połączeniowych klawisza Bluefruit EZ

Przygotuj joystick do przewodów połączeniowych klawisza Bluefruit EZ
Przygotuj joystick do przewodów połączeniowych klawisza Bluefruit EZ

Odetnij i usuń jeden koniec każdej z czterech par różnokolorowych przewodów połączeniowych.

Każda z par kolorów odpowiada unikalnemu kierunkowi joysticka (w lewo, w prawo, w górę, w dół) - jedna z każdej pary trafia do wejścia EZ Key, a druga do GND.

Mając to na uwadze, ostrożnie przylutuj przewody połączeniowe do joysticka.

Krok 3: Przygotuj obudowę

Przygotowanie obudowy
Przygotowanie obudowy

Potrzebny będzie jeden otwór 1/2" z boku obudowy na kabel microUSB i cztery otwory 1/4" w górnej pokrywie do zamontowania joysticka. Sam joystick będzie wymagał wycięcia otworu 3/4".

Użyłem kawałka papieru i ołówka, aby prześledzić otwory wymagane przez zespół joysticka, przed faktycznym wierceniem w górnej części plastikowej obudowy.

Krok 4: Zainstaluj Joystick, Bluefruit EZ Key i USB Breakout Board

Zainstaluj joystick, klucz Bluefruit EZ i płytkę zaciskową USB
Zainstaluj joystick, klucz Bluefruit EZ i płytkę zaciskową USB
Zainstaluj joystick, klucz Bluefruit EZ i płytkę zaciskową USB
Zainstaluj joystick, klucz Bluefruit EZ i płytkę zaciskową USB
Zainstaluj joystick, klucz Bluefruit EZ i płytkę zaciskową USB
Zainstaluj joystick, klucz Bluefruit EZ i płytkę zaciskową USB

Upewnij się, że dokładnie ustaliłeś, w jaki sposób cztery zworki drążka o unikalnym kolorze łączą się ze stykami #0 - #4 klucza EZ. Definiuje to, w jaki sposób cztery mikroprzełączniki na joysticku zmienią wartości mouseX i mouseY w szkicu p5.js.

Po ustaleniu orientacji obudowy postępuj zgodnie z ruchem wskazówek zegara wokół połączeń joysticka, podłączając zworki do wejść klucza EZ i popraw w razie potrzeby (metoda prób i błędów!).

Kołki uziemiające joysticka tworzą szynę uziemiającą wraz z kołkiem uziemiającym klucza Bluefruit EZ Key.

Masa i +5vdc ze złącza microUSB połączy się również z kluczem Bluefruit EZ Key.

Krok 5: GUI klucza EZ

GUI klucza EZ
GUI klucza EZ

Aby uruchomić to narzędzie GUI, musisz użyć starszej wersji Processing 2.2.1.

Styki joysticka w górę/w dół/w lewo/w prawo będą emulować ruchy myszy X i myszy Y w celu sterowania szkicem p5.js (HypnoEllipse).

Ten samouczek Adafruit zawiera wszystkie informacje niezbędne do korzystania z klucza Bluefruit EZ-Key:

learn.adafruit.com/introducing-bluefruit-ez-key-diy-bluetooth-ukryta-klawiatura

Krok 6: Zasilanie i sparuj klucz EZ Bluefruit

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

Włącz Bluefruit EZ-Key i naciśnij przycisk parowania.

Powinieneś zobaczyć migającą czerwoną diodę LED. Następnie naciśnij mini przycisk na klawiszu EZ i zwolnij go przez 5 sekund, co spowoduje usunięcie informacji o poprzednim parowaniu i umożliwi ponowne sparowanie z komputerem. Czerwona dioda LED zacznie teraz migać.

Włącz Bluetooth w Preferencjach systemowych i kliknij „Skonfiguruj nowe urządzenie”.

Pozwól asystentowi pracować, aż zlokalizuje i wyświetli moduł EZ-Key – wybierz go i kliknij „Kontynuuj”.

Krok 7: Zmiana mapowania przycisków na Bluefruit EZ-Key

Zmiana mapowania przycisków na Bluefruit EZ-Key
Zmiana mapowania przycisków na Bluefruit EZ-Key

Na zrzucie ekranu zwróć uwagę na wartości mouseX i mouseY powiązane z kluczowymi pinami:

pin 0: x5

pin 1: x-5

pin2: y5

pin3: y-5

Pobierz bibliotekę ControlP5:

www.sojamo.de/libraries/controlP5/

Pobierz plik zip z kodem zmiany mapowania bezprzewodowego:

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

Rozpakuj i otwórz plik GUI_EZKey_remapper.pde w sekcji Przetwarzanie.

Sprawdź dwukrotnie, czy Bluefruit jest sparowany z komputerem.

Wybierz Szkic -> Uruchom, aby uruchomić graficzny remapper.

Teraz wybierz piny i korzystając z menu wybierz raporty myszy.

Następnie kliknij „SEND_MAP”, aby wysłać go do swojego klucza EZ Bluefruit.

Raport tekstowy w oknie Przetwarzanie powinien wskazywać, że znalazł Bluefruit i wysłał dane z dopasowaniem sumy kontrolnej.

Krok 8: Kontroluj istniejący szkic P5.js za pomocą przeglądarki internetowej Firefox na pełnym ekranie

Kontroluj istniejący szkic P5.js za pomocą przeglądarki internetowej Firefox na pełnym ekranie
Kontroluj istniejący szkic P5.js za pomocą przeglądarki internetowej Firefox na pełnym ekranie

Oto mój szkic p5.js hostowany na Netlify:

hypnoellipse.netlify.com

Możesz poeksperymentować z myszą, zanim zbudujesz i podłączysz interfejs joysticka, aby zobaczyć i usłyszeć wariacje wzorców audiowizualnych.

Krok 9: Edytuj, popraw lub stwórz własną aplikację internetową

Edytuj, poprawiaj lub twórz własną aplikację internetową
Edytuj, poprawiaj lub twórz własną aplikację internetową

Oto kod samej aplikacji internetowej:

github.com/dkonha01/HypnoEllipse

Możesz łatwo opracować własną wersję, próbując zmienić wartości w wierszach 44, 51 i 66 pliku sketch.js - sprawdź zakomentowane wiersze, aby zobaczyć przykłady.

Zalecana: