Spisu treści:
- Krok 1: Potrzebne materiały
- Krok 2: Przygotuj joystick do przewodów połączeniowych klawisza Bluefruit EZ
- Krok 3: Przygotuj obudowę
- Krok 4: Zainstaluj Joystick, Bluefruit EZ Key i USB Breakout Board
- Krok 5: GUI klucza EZ
- Krok 6: Zasilanie i sparuj klucz EZ Bluefruit
- Krok 7: Zmiana mapowania przycisków na Bluefruit EZ-Key
- Krok 8: Kontroluj istniejący szkic P5.js za pomocą przeglądarki internetowej Firefox na pełnym ekranie
- Krok 9: Edytuj, popraw lub stwórz własną aplikację internetową
2025 Autor: John Day | [email protected]. Ostatnio zmodyfikowany: 2025-01-13 06:58
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
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
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ę
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
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
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
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
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
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ą
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.