IoT Emoji -teken: 9 stappe (met foto's)

2024 Outeur: John Day | [email protected]. Laas verander: 2024-01-30 07:26

Hierdie instruksies wys hoe u 'n ESP8266 en 'n paar NeoPixels kan gebruik om 'n IoT Emoji -teken te skep.

Stap 1: Voorbereiding

ESP8266 dev bord

Enige ESP8266 -bord moet goed wees. Hierdie keer gebruik ek WeMos D1 Mini Pro, dit is die kleinste en dunste ontwikkelbord wat ek kan vind. Kies 'n bord met Lipo -ondersteuning as u dit draagbaar wil hê.

NeoPixels

Hierdie projek gebruik die Arduino Adafruit_NeoPixel -biblioteek; enige verenigbare LED -chip is goed, soos WS2812, WS2812B, SK6812, SK6812mini … ens.

Hierdie keer gebruik ek 64 LED -skyfies van SK6812mini om 'n klein 8x8 matrikspaneel te maak. Maar die soldeerwerk is nie die belangrikste taak van hierdie projek nie; u kan 'n LED -strook gebruik om die taak te vereenvoudig of selfs 'n 8x8 NeoPixel LED Matrix te koop;>

Teken staan

Hierdie keer gebruik ek 'n buigsame buiskabel van mikro -USB as 'n bord.

Stap 2: Opsioneel: 3D -drukwerk en montering

As u eenvoudig 'n 8x8 NeoPixel LED Matrix koop, kan u hierdie stappe oorslaan.

1. 3D -afdruk van die saak:
2. Sit SK6812mini -skyfie in Zigzag -rigting aan
3. Soldeerwerk
4. Gebruik warm gom en verseël die kring
5. Koppel kragpenne en seinpen (SK6812 Din aan ESP8266 pen 4 / D2) aan ESP8266 dev board
6. Skroef op
7. Koppel die USB -kabel

Stap 3: Voorbereiding van sagteware

Arduino IDE

As u Arduino IDE nog nie geïnstalleer het nie, laai dit dan af en installeer dit vanaf die amptelike webwerf:

www.arduino.cc/en/main/software

ESP8266 Ondersteuning

As u nog nie Arduino ESP8266 -ondersteuning geïnstalleer het nie, volg die stappe in die afdeling "Arduino op ESP8266":

github.com/esp8266/Arduino

Arduino biblioteke

Gebruik Arduino Library om drie afhanklike biblioteke te installeer:

• WiFiManager
• ArduinoWebSockets
• Adafruit_NeoPixel

Stap 4: Laai die bronkode af

Laai asseblief my bronkode hier af:

github.com/moononournation/IoT-Emoji-Sign

Stap 5: 8x8 Emoji

Hierdie projek benodig 'n paar emoji's van 8x8 pixels, ek google en kry 'n eenvoudige stel van Justin Cyr tweet:

twitter.com/JUSTIN_CYR/status/658031097805…

Toe verander ek die grootte van die beeld en gebruik base64decode.org omskakel na 'n basis64 -gekodeerde string om dit in die HTML in te sluit.

U kan die grootte van die prentjie vind op: src/emojis.png

Stap 6: Eenvoudige HTML UI

Ek het 'n baie eenvoudige HTML opgestel om die emoji's te kies en dan die pixels na ESP8266 oor te dra deur die Web Socket -protokol in binêre formaat.

Dan gebruik ek html-minifier omskep in 'n lang enkele reël om dit in die Arduino-kode in te sluit.

U kan die HTML -lêer vind by: src/index.html

Stap 7: Arduino -program

1. Koppel die ESP8266 dev -bord aan die rekenaar
2. Maak Arduino IDE oop
3. Kies die regte bord in die menu Tools
4. Druk die oplaai -knoppie

Stap 8: Opstel en speel

Sien die videodemo vir die opstelling en speelbesonderhede.

Hier is die opsomming:

1. Koppel die IoT Emoji -teken

2. Stel WiFi op (slegs die eerste keer)

   1. Gebruik u mobiele soektog en maak verbinding met die AP "esp-emoji"
   2. WiFiManager Captive Portal -vertoning
   3. Druk die knoppie "Configure WiFi"
   4. Kies u AP
   5. Vul die AP -wagwoord in
   6. Druk die knoppie "Stoor"
   7. Outomatiese herbegin van ESP8266
3. Koppel ESP8266 outomaties aan u AP
4. Gebruik u mobiele blaai na "esp-emoji.local"
5. Kies 'n emoji en speel!

Verwysing:

Stap 9: Gelukkige handtekening

Die Emoji -stel van Justin Cyr tweet is slegs 'n eenvoudige voorbeeld; u kan u eie 8x8 Emoji -stel voorberei en u handtekening wys!

Naaswenner in die Arduino -kompetisie 2019