Signe IoT Emoji : 9 étapes (avec photos)

2024 Auteur: John Day | [email protected]. Dernière modifié: 2024-01-30 09:08

Ces instructables montrent comment utiliser un ESP8266 et certains NeoPixels pour créer un signe IoT Emoji.

Étape 1: Préparation

Carte de développement ESP8266

Toute carte ESP8266 devrait être ok. Cette fois, j'utilise WeMos D1 Mini Pro, c'est la carte de développement la plus petite et la plus fine que je puisse trouver. Si vous voulez qu'elle soit portable, choisissez une planche avec support Lipo.

NéoPixels

Ce projet utilise la bibliothèque Arduino Adafruit_NeoPixel, toute puce LED compatible est ok, telle que WS2812, WS2812B, SK6812, SK6812mini… etc.

Cette fois, j'utilise 64 puces LED de SK6812mini pour créer un petit panneau matriciel 8x8. Mais le travail de soudure n'est pas le travail principal de ce projet, vous pouvez utiliser une bande LED pour simplifier le travail ou même acheter directement une matrice LED NeoPixel 8x8;>

Support de signe

Cette fois, j'utilise un câble à tube flexible en métal micro USB comme support d'enseigne.

Étape 2: Facultatif: Impression et assemblage 3D

Si vous achetez simplement une matrice LED NeoPixel 8x8, vous pouvez ignorer ces étapes.

1. Imprimez le boîtier en 3D:
2. Mettez la puce SK6812mini dans le sens Zigzag
3. Travaux de soudure
4. Utilisez de la colle chaude pour sceller le circuit
5. Connectez les broches d'alimentation et la broche de signal (SK6812 Din à ESP8266 broche 4 / D2) à la carte de développement ESP8266
6. Bousiller
7. Branchez le câble USB

Étape 3: Préparation du logiciel

IDE Arduino

Si vous n'avez pas encore installé Arduino IDE, veuillez le télécharger et l'installer à partir du site officiel:

www.arduino.cc/en/main/software

Prise en charge de l'ESP8266

Si vous n'avez pas encore installé le support Arduino ESP8266, veuillez suivre les étapes de la section "Arduino sur ESP8266":

github.com/esp8266/Arduino

Bibliothèques Arduino

Utilisez la bibliothèque Arduino pour installer 3 bibliothèques dépendantes:

• Gestionnaire WiFi
• ArduinoWebSockets
• Adafruit_NeoPixel

Étape 4: Télécharger le code source

Veuillez télécharger mon code source ici:

github.com/moononournation/IoT-Emoji-Sign

Étape 5: 8x8 Emoji

Ce projet nécessite des emoji de 8x8 pixels, je cherche sur Google et j'obtiens un ensemble simple du tweet de Justin Cyr:

twitter.com/JUSTIN_CYR/status/658031097805…

Ensuite, j'ai redimensionné l'image et utilisé la conversion base64decode.org en une chaîne codée en base64 pour l'intégrer dans le code HTML.

Vous pouvez trouver l'image redimensionnée sur: src/emojis.png

Étape 6: Interface utilisateur HTML simple

J'ai scripté un code HTML très simple pour sélectionner les emoji, puis transférer les pixels vers ESP8266 par le protocole Web Socket au format binaire.

Ensuite, j'utilise html-minifier convert en une longue chaîne d'une seule ligne pour l'intégrer dans le code Arduino.

Vous pouvez trouver le fichier HTML à l'adresse: src/index.html

Étape 7: programme Arduino

1. Connectez la carte de développement ESP8266 à l'ordinateur
2. Ouvrir l'IDE Arduino
3. Sélectionnez la bonne carte dans le menu Outils
4. Appuyez sur le bouton Télécharger

Étape 8: Configurez et jouez

Veuillez voir la démo vidéo pour les détails de configuration et de lecture.

Voici le résumé:

1. Branchez le signe IoT Emoji

2. Configurer le WiFi (première fois uniquement)

   1. Utilisez votre recherche mobile et connectez-vous à l'AP "esp-emoji"
   2. Spectacle du portail captif WiFiManager
   3. Appuyez sur le bouton "Configurer le Wi-Fi"
   4. Sélectionnez votre PA
   5. Remplir le mot de passe AP
   6. Appuyez sur le bouton "Enregistrer"
   7. ESP8266 redémarrage automatique
3. ESP8266 se connecte automatiquement à votre point d'accès
4. Utilisez votre navigateur mobile pour "esp-emoji.local"
5. Choisissez un Emoji et jouez !

Réf.:

Étape 9: bonne signature

L'ensemble Emoji de Justin Cyr tweet n'est qu'un exemple simple, vous pouvez préparer votre propre ensemble Emoji 8x8 et afficher votre signature !

Finaliste du concours Arduino 2019