Signo emoji de IoT: 9 pasos (con imágenes)

2024 Autor: John Day | [email protected]. Última modificación: 2024-01-30 08:42

Estos instructivos muestran cómo usar un ESP8266 y algunos NeoPixels para crear un signo de emoji de IoT.

Paso 1: preparación

Placa de desarrollo ESP8266

Cualquier placa ESP8266 debería estar bien. Esta vez estoy usando WeMos D1 Mini Pro, esta es la placa de desarrollo más pequeña y delgada que puedo encontrar. Si lo quieres portátil, elige una placa con soporte Lipo.

NeoPixels

Este proyecto utiliza la biblioteca Arduino Adafruit_NeoPixel, cualquier chip LED compatible está bien, como WS2812, WS2812B, SK6812, SK6812mini … etc.

Esta vez estoy usando 64 chips LED de SK6812mini para hacer un pequeño panel de matriz de 8x8. Pero el trabajo de soldadura no es el trabajo principal de este proyecto, puede usar una tira de LED para simplificar el trabajo o incluso comprar directamente una Matriz de LED NeoPixel de 8x8;>

Soporte de letrero

Esta vez estoy usando un cable de tubo flexible de metal micro USB como soporte para letreros.

Paso 2: Opcional: Impresión y montaje 3D

Si simplemente compra una matriz LED NeoPixel de 8x8, puede omitir estos pasos.

1. Imprime la carcasa en 3D:
2. Coloque el chip SK6812mini en dirección Zigzag
3. Trabajos de soldadura
4. Use pegamento caliente para sellar el circuito
5. Conecte los pines de alimentación y el pin de señal (SK6812 Din a ESP8266 pin 4 / D2) a la placa de desarrollo ESP8266
6. Arrugar
7. Conecta el cable USB

Paso 3: preparación del software

IDE de Arduino

Si aún no ha instalado Arduino IDE, descárguelo e instálelo desde el sitio oficial:

www.arduino.cc/en/main/software

Soporte ESP8266

Si aún no ha instalado la compatibilidad con Arduino ESP8266, siga los pasos de la sección "Arduino en ESP8266":

github.com/esp8266/Arduino

Bibliotecas Arduino

Use Arduino Library install 3 dependiendo de las bibliotecas:

• WiFiManager
• ArduinoWebSockets
• Adafruit_NeoPixel

Paso 4: Descarga el código fuente

Descargue mi código fuente aquí:

github.com/moononournation/IoT-Emoji-Sign

Paso 5: Emoji 8x8

Este proyecto requiere algunos emoji de 8x8 píxeles, busco en Google y obtengo un conjunto simple del tweet de Justin Cyr:

twitter.com/JUSTIN_CYR/status/658031097805…

Luego cambié el tamaño de la imagen y utilicé base64decode.org para convertir a una cadena codificada en base64 para incrustarla en el HTML.

Puede encontrar la imagen redimensionada en: src / emojis.png

Paso 6: interfaz de usuario HTML simple

He escrito un código HTML muy simple para seleccionar el emoji y luego transferir los píxeles a ESP8266 mediante el protocolo Web Socket en formato binario.

Luego utilizo la conversión de html-minifier a una cadena larga de una sola línea para incrustarla en el código Arduino.

Puede encontrar el archivo HTML en: src / index.html

Paso 7: Programa Arduino

1. Conecte la placa de desarrollo ESP8266 a la computadora
2. Abra el IDE de Arduino
3. Seleccione la placa correcta en el menú Herramientas
4. Presione el botón Subir

Paso 8: ¡Configura y juega

Consulte el vídeo de demostración para conocer los detalles de la configuración y la reproducción.

Aquí está el resumen:

1. Conecte el letrero emoji de IoT

2. Configurar WiFi (solo la primera vez)

   1. Utilice su búsqueda móvil y conéctese al AP "esp-emoji"
   2. Espectáculo del portal cautivo WiFiManager
   3. Presiona el botón "Configurar WiFi"
   4. Seleccione su AP
   5. Complete la contraseña del AP
   6. Presione el botón "Guardar"
   7. Reinicio automático ESP8266
3. ESP8266 se conecta automáticamente a su AP
4. Utilice su dispositivo móvil para navegar a "esp-emoji.local"
5. ¡Elige un emoji y juega!

Ref.:

Paso 9: ¡Feliz firma

El conjunto de emojis del tweet de Justin Cyr es solo un ejemplo simple, ¡puedes preparar tu propio conjunto de emojis de 8x8 y mostrar tu firma!

Finalista en el Concurso Arduino 2019