Znak Emoji IoT: 9 kroków (ze zdjęciami)

Spisu treści:

Krok 1: Przygotowanie
Krok 2: Opcjonalnie: drukowanie i montaż 3D
Krok 3: Przygotowanie oprogramowania
Krok 4: Pobierz kod źródłowy
Krok 5: Emotikony 8x8
Krok 6: Prosty interfejs HTML
Krok 7: Program Arduino
Krok 8: Skonfiguruj i graj
Krok 9: Szczęśliwy podpis

2025 Autor: John Day | [email protected]. Ostatnio zmodyfikowany: 2025-01-13 06:58

Ta instrukcja pokazuje, jak używać ESP8266 i niektórych NeoPixels do tworzenia znaku Emoji IoT.

Krok 1: Przygotowanie

Płyta deweloperska ESP8266

Każda płyta ESP8266 powinna być w porządku. Tym razem używam WeMos D1 Mini Pro, jest to najmniejsza i najcieńsza płyta deweloperska, jaką mogę znaleźć. Jeśli chcesz, aby była przenośna, wybierz deskę z obsługą Lipo.

Neopiksele

Ten projekt wykorzystuje bibliotekę Arduino Adafruit_NeoPixel, każdy kompatybilny układ LED jest w porządku, taki jak WS2812, WS2812B, SK6812, SK6812mini… itd.

Tym razem używam 64 chipów LED SK6812mini do wykonania maleńkiej matrycy 8x8. Ale lutowanie nie jest głównym zadaniem tego projektu, można użyć taśmy LED, aby uprościć pracę lub nawet bezpośrednio kupić matrycę LED NeoPixel 8x8;>

Stojak na znak

Tym razem jako stojaka używam kabla micro USB z metalową elastyczną rurką.

Krok 2: Opcjonalnie: drukowanie i montaż 3D

Jeśli po prostu kupisz matrycę LED NeoPixel 8x8, możesz pominąć te kroki.

Wydrukuj obudowę w 3D:
Załóż układ SK6812mini w kierunku zygzaka
Prace lutownicze
Użyj gorącego kleju uszczelnij obwód
Podłącz piny zasilania i pin sygnałowy (SK6812 Din do ESP8266 pin 4 / D2) do płyty rozwojowej ESP8266
Zepsuć
Podłącz kabel USB

Krok 3: Przygotowanie oprogramowania

IDE Arduino

Jeśli jeszcze nie instalujesz Arduino IDE, pobierz i zainstaluj je z oficjalnej strony:

www.arduino.cc/en/main/software

Wsparcie ESP8266

Jeśli nie zainstalowałeś jeszcze obsługi Arduino ESP8266, wykonaj czynności opisane w sekcji "Arduino na ESP8266":

github.com/esp8266/Arduino

Biblioteki Arduino

Użyj biblioteki Arduino, zainstaluj 3 zależne biblioteki:

Menedżer WiFi
ArduinoGniazda sieciowe
Adafruit_NeoPixel

Krok 4: Pobierz kod źródłowy

Proszę pobrać mój kod źródłowy tutaj:

github.com/mononournation/IoT-Emoji-Sign

Krok 5: Emotikony 8x8

Ten projekt wymaga emotikonów 8x8 pikseli, google i dostaję prosty zestaw od tweeta Justina Cyra:

twitter.com/JUSTIN_CYR/status/658031097805…

Następnie zmieniłem rozmiar obrazu i użyłem base64decode.org przekonwertować na ciąg zakodowany w base64, aby osadzić go w HTML.

Obraz o zmienionym rozmiarze można znaleźć pod adresem: src/emojis.png

Krok 6: Prosty interfejs HTML

Napisałem bardzo prosty kod HTML do wyboru emoji, a następnie przesłałem piksele do ESP8266 za pomocą protokołu Web Socket w formacie binarnym.

Następnie używam html-minifier konwertować do długiego ciągu pojedynczego wiersza, aby osadzić go w kodzie Arduino.

Możesz znaleźć plik HTML pod adresem: src/index.html

Krok 7: Program Arduino

Podłącz płytę dev ESP8266 do komputera;
Otwórz Arduino IDE
Wybierz odpowiednią tablicę w menu Narzędzia
Naciśnij przycisk Prześlij

Krok 8: Skonfiguruj i graj

Zobacz demo wideo, aby uzyskać szczegółowe informacje na temat konfiguracji i odtwarzania.

Oto podsumowanie:

Podłącz znak Emoji IoT
Skonfiguruj WiFi (tylko za pierwszym razem)
1. Użyj wyszukiwarki mobilnej i połącz się z AP „esp-emoji”
2. Pokaz portalu przechwytującego WiFiManager
3. Naciśnij przycisk „Konfiguruj WiFi”
4. Wybierz swój AP
5. Wypełnij hasło AP
6. Naciśnij przycisk „Zapisz”
7. Automatyczny restart ESP8266
ESP8266 automatycznie łączy się z twoim AP
Użyj telefonu komórkowego, aby przejść do „esp-emoji.local”
Wybierz emotikon i graj!