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

2024 Autor: John Day | [email protected]. Ostatnio zmodyfikowany: 2024-01-30 11:30

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.

1. Wydrukuj obudowę w 3D:
2. Załóż układ SK6812mini w kierunku zygzaka
3. Prace lutownicze
4. Użyj gorącego kleju uszczelnij obwód
5. Podłącz piny zasilania i pin sygnałowy (SK6812 Din do ESP8266 pin 4 / D2) do płyty rozwojowej ESP8266
6. Zepsuć
7. 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

1. Podłącz płytę dev ESP8266 do komputera;
2. Otwórz Arduino IDE
3. Wybierz odpowiednią tablicę w menu Narzędzia
4. 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:

1. Podłącz znak Emoji IoT

2. 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
3. ESP8266 automatycznie łączy się z twoim AP
4. Użyj telefonu komórkowego, aby przejść do „esp-emoji.local”
5. Wybierz emotikon i graj!

Nr ref.:

Krok 9: Szczęśliwy podpis

Zestaw emotikonów z tweeta Justina Cyra to tylko prosty przykład. Możesz przygotować własny zestaw emotikonów 8x8 i pokazać swój podpis!

Drugie miejsce w konkursie Arduino 2019