Innehållsförteckning:

IoT Emoji Sign: 9 steg (med bilder)
IoT Emoji Sign: 9 steg (med bilder)

Video: IoT Emoji Sign: 9 steg (med bilder)

Video: IoT Emoji Sign: 9 steg (med bilder)
Video: Very Easy!! How To Draw 3D Hole - Anamorphic Illusion - 3D Trick Art on paper 2024, Juli
Anonim
IoT Emoji -tecken
IoT Emoji -tecken

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

Förberedelse
Förberedelse
Förberedelse
Förberedelse
Förberedelse
Förberedelse
Förberedelse
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

Valfritt: 3D -utskrift och montering
Valfritt: 3D -utskrift och montering
Valfritt: 3D -utskrift och montering
Valfritt: 3D -utskrift och montering
Valfritt: 3D -utskrift och montering
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

Förberedelse av programvara
Förberedelse av programvara
Förberedelse av programvara
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 källkoden
Ladda ner källkoden

Ladda ner min källkod här:

github.com/moononournation/IoT-Emoji-Sign

Steg 5: 8x8 Emoji

8x8 Emoji
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

Enkelt HTML -gränssnitt
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

Arduino -programmet
Arduino -programmet
  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

Image
Image

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

Glad signatur!
Glad signatur!
Glad signatur!
Glad signatur!

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!

Arduino Contest 2019
Arduino Contest 2019
Arduino Contest 2019
Arduino Contest 2019

Tvåa i Arduino -tävlingen 2019

Rekommenderad: