IoT Emoji Sign: 9 steg (med bilder)

2024 Författare: John Day | [email protected]. Senast ändrad: 2024-01-30 12:45

Denna instruktion visar hur man använder en ESP8266 och några NeoPixels för att skapa ett IoT Emoji -tecken.

Steg 1: Förberedelse

ESP8266 dev -kort

Alla ESP8266 -kort borde vara ok. Den här gången använder jag WeMos D1 Mini Pro, det här är det minsta och tunnaste dev -kortet jag kan hitta. Om du vill ha den bärbar, välj en bräda med Lipo -stöd.

NeoPixels

Detta projekt använder Arduino Adafruit_NeoPixel -biblioteket, alla kompatibla LED -chip är ok, till exempel WS2812, WS2812B, SK6812, SK6812mini … etc.

Den här gången använder jag 64 LED -chips av SK6812mini för att göra en liten 8x8 matrispanel. Men lödningsarbetet är inte huvudjobbet för detta projekt, du kan använda en LED -remsa för att förenkla jobbet eller till och med direkt köpa en 8x8 NeoPixel LED Matrix;>

Skyltställ

Den här gången använder jag en flexibel metallkabel av mikro -USB som skyltställ.

Steg 2: Valfritt: 3D -utskrift och montering

Om du helt enkelt köper en 8x8 NeoPixel LED Matrix kan du hoppa över de här stegen.

1. 3D -utskrift av fodralet:
2. Sätt på SK6812mini -chip i sicksackriktning
3. Lödningsarbete
4. Använd hett lim och försegla kretsen
5. Anslut strömstift och signalstift (SK6812 Din till ESP8266 stift 4 / D2) till ESP8266 dev -kort
6. Skruva upp
7. Anslut USB -kabeln

Steg 3: Förberedelse av programvara

Arduino IDE

Om du ännu inte har installerat Arduino IDE, ladda ner och installera det från den officiella webbplatsen:

www.arduino.cc/en/main/software

Support för ESP8266

Om du ännu inte har installerat Arduino ESP8266 -support, följ stegen i avsnittet "Arduino på ESP8266":

github.com/esp8266/Arduino

Arduino bibliotek

Använd Arduino Library installera 3 beroende bibliotek:

• WiFiManager
• ArduinoWebSockets
• Adafruit_NeoPixel

Steg 4: Ladda ner källkoden

Ladda ner min källkod här:

github.com/moononournation/IoT-Emoji-Sign

Steg 5: 8x8 Emoji

Detta projekt kräver några 8x8 pixlar emoji, jag googlar och får en enkel uppsättning från Justin Cyr tweet:

twitter.com/JUSTIN_CYR/status/658031097805…

Sedan ändrade jag storleken på bilden och använder base64decode.org convert till en base64 -kodad sträng för att bädda in den i HTML -koden.

Du kan hitta den storlek på bilden på: src/emojis.png

Steg 6: Enkelt HTML -gränssnitt

Jag har skrivit en mycket enkel HTML för att välja emoji och sedan överföra pixlarna till ESP8266 med Web Socket -protokollet i binärt format.

Sedan använder jag html-minifier konvertera till en lång enradig sträng för att bädda in den i Arduino-kod.

Du hittar HTML -filen på: src/index.html

Steg 7: Arduino -program

1. Anslut ESP8266 dev -kortet till datorn
2. Öppna Arduino IDE
3. Välj rätt tavla på menyn Verktyg
4. Tryck på uppladdningsknappen

Steg 8: Installera och spela

Se videodemon för information om installation och uppspelning.

Här är sammanfattningen:

1. Anslut IoT Emoji -skylten

2. Konfigurera WiFi (endast första gången)

   1. Använd din mobilsökning och anslut till AP "esp-emoji"
   2. ShowManager Captive Portal -show
   3. Tryck på "Konfigurera WiFi" -knappen
   4. Välj ditt AP
   5. Fyll AP -lösenord
   6. Tryck på "Spara" -knappen
   7. ESP8266 automatisk omstart
3. ESP8266 ansluter automatiskt till din AP
4. Använd din mobilsökning för att "esp-emoji.local"
5. Välj en emoji och spela!

Ref.:

Steg 9: Happy Signature

Emoji -uppsättningen från Justin Cyr tweet är bara ett enkelt exempel, du kan förbereda din egen 8x8 Emoji -uppsättning och visa din signatur!

Tvåa i Arduino -tävlingen 2019