IoT Emoji-teken: 9 stappen (met afbeeldingen)

2024 Auteur: John Day | [email protected]. Laatst gewijzigd: 2024-01-30 11:17

Deze instructables laten zien hoe je een ESP8266 en sommige NeoPixels gebruikt om een IoT Emoji Sign te maken.

Stap 1: Voorbereiding

ESP8266-ontwikkelaarsbord

Elk ESP8266-bord zou in orde moeten zijn. Deze keer gebruik ik WeMos D1 Mini Pro, dit is het kleinste en dunste ontwikkelbord dat ik kan vinden. Als je het draagbaar wilt, kies dan een bord met Lipo-ondersteuning.

NeoPixels

Dit project maakt gebruik van de Arduino Adafruit_NeoPixel-bibliotheek, elke compatibele LED-chip is in orde, zoals WS2812, WS2812B, SK6812, SK6812mini … enz.

Deze keer gebruik ik 64 LED-chips van SK6812mini om een klein 8x8 matrixpaneel te maken. Maar het soldeerwerk is niet de hoofdtaak van dit project, u kunt een LED-strip gebruiken om het werk te vereenvoudigen of zelfs direct een 8x8 NeoPixel LED Matrix kopen;>

Teken staan

Deze keer gebruik ik een micro-USB metalen flexibele buiskabel als bordstandaard.

Stap 2: Optioneel: 3D-printen en monteren

Als je gewoon een 8x8 NeoPixel LED Matrix koopt, kun je deze stappen overslaan.

1. 3D print het hoesje:
2. Zet op SK6812mini-chip in Zigzag-richting
3. Soldeerwerkzaamheden
4. Gebruik hete lijm om het circuit af te dichten
5. Sluit voedingspinnen en signaalpin (SK6812 Din naar ESP8266 pin 4 / D2) aan op ESP8266 ontwikkelbord
6. verpesten
7. Sluit de USB-kabel aan

Stap 3: Softwarevoorbereiding

Arduino IDE

Als je Arduino IDE nog niet hebt geïnstalleerd, download en installeer het dan van de officiële site:

www.arduino.cc/en/main/software

ESP8266-ondersteuning:

Als je Arduino ESP8266-ondersteuning nog niet hebt geïnstalleerd, volg dan de stappen in het gedeelte "Arduino op ESP8266":

github.com/esp8266/Arduino

Arduino-bibliotheken

Gebruik Arduino Library install 3 afhankelijke bibliotheken:

• WiFiManager
• ArduinoWebSockets
• Adafruit_NeoPixel

Stap 4: Broncode downloaden

Download hier mijn broncode:

github.com/moononournation/IoT-Emoji-Sign

Stap 5: 8x8 Emoji

Dit project vereist een emoji van 8x8 pixels, ik google en krijg een eenvoudige set van Justin Cyr tweet:

twitter.com/JUSTIN_CYR/status/6580310097805…

Vervolgens heb ik het formaat van de afbeelding aangepast en gebruik base64decode.org convert naar een base64-gecodeerde string om deze in de HTML in te sluiten.

U kunt de verkleinde afbeelding vinden op: src/emojis.png

Stap 6: Eenvoudige HTML-gebruikersinterface

Ik heb een heel eenvoudige HTML gescript om de emoji te selecteren en vervolgens de pixels over te dragen naar ESP8266 via het Web Socket-protocol in binair formaat.

Vervolgens gebruik ik html-minifier convert naar een lange string met één regel om het in Arduino-code in te bedden.

U kunt het HTML-bestand vinden op: src/index.html

Stap 7: Arduino-programma

1. Sluit het ESP8266-ontwikkelbord aan op de computer
2. Arduino IDE openen
3. Selecteer het juiste bord in het menu Tools
4. Druk op de uploadknop

Stap 8: Instellen en spelen

Bekijk de videodemo voor de installatie- en afspeeldetails.

Hier zijn de samenvatting:

1. Sluit het IoT Emoji-teken aan

2. Wifi instellen (alleen de eerste keer)

   1. Gebruik uw mobiele zoekopdracht en maak verbinding met de AP "esp-emoji"
   2. WiFiManager Captive Portal-show
   3. Druk op de knop "WiFi configureren"
   4. Selecteer je AP
   5. Vul AP-wachtwoord in
   6. Druk op de knop "Opslaan"
   7. ESP8266 automatisch opnieuw opstarten
3. ESP8266 maakt automatisch verbinding met uw AP
4. Gebruik je mobiel om naar "esp-emoji.local" te bladeren
5. Kies een Emoji en speel!

Ref.:

Stap 9: Gelukkige handtekening

De Emoji-set van Justin Cyr-tweet is slechts een eenvoudig voorbeeld, je kunt je eigen 8x8 Emoji-set voorbereiden en je handtekening laten zien!

Tweede plaats in de Arduino-wedstrijd 2019