Segno Emoji IoT: 9 passaggi (con immagini)

2024 Autore: John Day | [email protected]. Ultima modifica: 2024-01-30 10:02

Queste istruzioni mostrano come utilizzare un ESP8266 e alcuni NeoPixel per creare un segno Emoji IoT.

Passaggio 1: preparazione

Scheda di sviluppo ESP8266

Qualsiasi scheda ESP8266 dovrebbe essere ok. Questa volta sto usando WeMos D1 Mini Pro, questa è la scheda di sviluppo più piccola e sottile che riesco a trovare. Se lo vuoi portatile, scegli una tavola con supporto Lipo.

NeoPixel

Questo progetto utilizza la libreria Arduino Adafruit_NeoPixel, qualsiasi chip LED compatibile è ok, come WS2812, WS2812B, SK6812, SK6812mini … ecc.

Questa volta sto usando 64 chip LED di SK6812mini per creare un piccolo pannello a matrice 8x8. Ma il lavoro di saldatura non è il lavoro principale di questo progetto, puoi utilizzare una striscia LED per semplificare il lavoro o anche acquistare direttamente una matrice LED NeoPixel 8x8;>

Supporto del segno

Questa volta sto usando un cavo metallico flessibile micro USB come supporto per cartelli.

Fase 2: Opzionale: stampa 3D e assemblaggio

Se acquisti semplicemente una matrice LED NeoPixel 8x8, puoi saltare questo passaggio.

1. Stampa 3D della custodia:
2. Metti il chip SK6812mini in direzione Zigzag
3. Lavori di saldatura
4. Usa la colla a caldo per sigillare il circuito
5. Collegare i pin di alimentazione e il pin del segnale (da SK6812 Din a ESP8266 pin 4 / D2) alla scheda di sviluppo ESP8266
6. Rovinare
7. Collega il cavo USB

Passaggio 3: preparazione del software

Arduino IDE

Se non hai ancora installato Arduino IDE, scaricalo e installalo dal sito ufficiale:

www.arduino.cc/en/main/software

Supporto ESP8266

Se non hai ancora installato il supporto Arduino ESP8266, segui i passaggi nella sezione "Arduino su ESP8266":

github.com/esp8266/Arduino

Librerie Arduino

Usa la libreria Arduino installa 3 librerie dipendenti:

• WiFiManager
• ArduinoWebSocket
• Adafruit_NeoPixel

Passaggio 4: scarica il codice sorgente

Si prega di scaricare il mio codice sorgente qui:

github.com/moononournation/IoT-Emoji-Sign

Passaggio 5: emoji 8x8

Questo progetto richiede alcune emoji di 8x8 pixel, cerco su Google e ottengo un semplice set dal tweet di Justin Cyr:

twitter.com/JUSTIN_CYR/status/658031097805…

Quindi ho ridimensionato l'immagine e ho usato base64decode.org convert in una stringa codificata in base64 per incorporarla nell'HTML.

Puoi trovare l'immagine ridimensionata su: src/emojis.png

Passaggio 6: interfaccia utente HTML semplice

Ho creato uno script HTML molto semplice per selezionare l'emoji e quindi trasferire i pixel su ESP8266 tramite il protocollo Web Socket in formato binario.

Quindi uso html-minifier convert in una lunga stringa a riga singola per incorporarla nel codice Arduino.

Puoi trovare il file HTML su: src/index.html

Passaggio 7: programma Arduino

1. Collega la scheda di sviluppo ESP8266 al computer
2. Apri Arduino IDE
3. Seleziona la scheda corretta nel menu Strumenti
4. Premi il pulsante Carica

Passaggio 8: configurazione e gioco

Si prega di vedere la demo video per la configurazione e i dettagli di riproduzione.

Ecco il riassunto:

1. Collega il segno Emoji IoT

2. Configurazione WiFi (solo la prima volta)

   1. Usa la tua ricerca mobile e connettiti all'AP "esp-emoji"
   2. Spettacolo di Captive Portal WiFiManager
   3. Premi il pulsante "Configura WiFi"
   4. Seleziona il tuo AP
   5. Inserisci la password dell'AP
   6. Premi il pulsante "Salva"
   7. Riavvio automatico ESP8266
3. ESP8266 si connette automaticamente al tuo AP
4. Usa il tuo cellulare per navigare su "esp-emoji.local"
5. Scegli un emoji e gioca!

Rif.:

Passaggio 9: buona firma

Il set Emoji del tweet di Justin Cyr è solo un semplice esempio, puoi preparare il tuo set Emoji 8x8 e mostrare la tua firma!

Secondo classificato all'Arduino Contest 2019