Signe Emoji IoT: 9 passos (amb imatges)

2024 Autora: John Day | [email protected]. Última modificació: 2024-01-30 08:14

Aquest instructable mostra com utilitzar un ESP8266 i alguns NeoPixels per crear un signe Emoji IoT.

Pas 1: Preparació

Junta de desenvolupament ESP8266

Qualsevol placa ESP8266 hauria d’estar bé. Aquesta vegada estic fent servir WeMos D1 Mini Pro, aquest és el tauler de desenvolupament més petit i prim que puc trobar. Si voleu que sigui portàtil, trieu una placa amb suport Lipo.

NeoPixels

Aquest projecte utilitza la biblioteca Arduino Adafruit_NeoPixel, qualsevol xip LED compatible és correcte, com ara WS2812, WS2812B, SK6812, SK6812mini … etc.

Aquesta vegada estic fent servir 64 xips LED de SK6812mini per fer un petit panell de matriu de 8x8. Però el treball de soldadura no és la feina principal d’aquest projecte, podeu utilitzar una tira LED per simplificar la feina o fins i tot comprar directament una matriu LED NeoPixel de 8x8;>

Sign Stand

Aquesta vegada estic fent servir un cable de tub flexible metàl·lic micro USB com a rètol.

Pas 2: opcional: impressió i muntatge 3D

Si simplement compreu una matriu LED NeoPixel de 8x8, podeu ometre aquests passos.

1. Imprimeix el cas en 3D:
2. Poseu el xip SK6812mini en direcció Zigzag
3. Treball de soldadura
4. Utilitzeu una cola calenta per segellar el circuit
5. Connecteu els pins d'alimentació i el pin de senyal (SK6812 Din a ESP8266 pin 4 / D2) a la placa de desenvolupament ESP8266
6. Ficar la pota
7. Connecteu el cable USB

Pas 3: Preparació del programari

IDE Arduino

Si encara no instal·leu Arduino IDE, descarregueu-lo i instal·leu-lo des del lloc oficial:

www.arduino.cc/ca/main/software

Suport ESP8266

Si encara no instal·leu el suport Arduino ESP8266, seguiu els passos de la secció "Arduino a ESP8266":

github.com/esp8266/Arduino

Biblioteques Arduino

Utilitzeu Arduino Library per instal·lar 3 biblioteques:

• Gestor de WiFi
• ArduinoWebSockets
• Adafruit_NeoPixel

Pas 4: baixeu el codi font

Descarregueu el meu codi font aquí:

github.com/moononournation/IoT-Emoji-Sign

Pas 5: Emoji de 8 x 8

Aquest projecte requereix uns emoji de 8x8 píxels, faig google i obtinc un conjunt senzill del tuit de Justin Cyr:

twitter.com/JUSTIN_CYR/status/658031097805…

Després vaig canviar la mida de la imatge i vaig utilitzar base64decode.org per convertir-la en una cadena codificada base64 per incrustar-la a l’HTML.

Podeu trobar la imatge redimensionada a: src / emojis.png

Pas 6: interfície d'usuari HTML simple

He escrit un HTML molt senzill per seleccionar els emoji i després transfereixo els píxels a ESP8266 mitjançant el protocol Web Socket en format binari.

A continuació, faig servir html-minifier convert a una cadena llarga d’una sola línia per incorporar-lo al codi Arduino.

Podeu trobar el fitxer HTML a: src / index.html

Pas 7: Programa Arduino

1. Connecteu la placa de desenvolupament ESP8266 a l'ordinador
2. Obriu Arduino IDE
3. Seleccioneu el tauler correcte al menú Eines
4. Premeu el botó Puja

Pas 8: Configuració i reproducció

Consulteu la demostració del vídeo per obtenir informació sobre la configuració i la reproducció.

Aquí teniu el resum:

1. Connecteu el signe Emoji d'IoT

2. Configuració del WiFi (només per primera vegada)

   1. Utilitzeu la cerca mòbil i connecteu-vos a l'AP "esp-emoji"
   2. Espectacle WiFiManager Captive Portal
   3. Premeu el botó "Configura WiFi"
   4. Seleccioneu la vostra AP
   5. Empleneu la contrasenya AP
   6. Premeu el botó "Desa"
   7. ESP8266 reinici automàtic
3. ESP8266 es connecta automàticament al vostre AP
4. Utilitzeu el navegador mòbil per "esp-emoji.local"
5. Tria un Emoji i Juga.

Ref.:

Pas 9: Feliç firma

El joc Emoji del tuit de Justin Cyr és només un exemple senzill, podeu preparar el vostre propi joc Emoji 8x8 i mostrar la vostra signatura.

Finalista del Concurs Arduino 2019