Table des matières:
2025 Auteur: John Day | [email protected]. Dernière modifié: 2025-01-13 06:57
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.
- Imprimez le boîtier en 3D:
- Mettez la puce SK6812mini dans le sens Zigzag
- Travaux de soudure
- Utilisez de la colle chaude pour sceller le circuit
- Connectez les broches d'alimentation et la broche de signal (SK6812 Din à ESP8266 broche 4 / D2) à la carte de développement ESP8266
- Bousiller
- 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
- Connectez la carte de développement ESP8266 à l'ordinateur
- Ouvrir l'IDE Arduino
- Sélectionnez la bonne carte dans le menu Outils
- 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é:
- Branchez le signe IoT Emoji
-
Configurer le WiFi (première fois uniquement)
- Utilisez votre recherche mobile et connectez-vous à l'AP "esp-emoji"
- Spectacle du portail captif WiFiManager
- Appuyez sur le bouton "Configurer le Wi-Fi"
- Sélectionnez votre PA
- Remplir le mot de passe AP
- Appuyez sur le bouton "Enregistrer"
- ESP8266 redémarrage automatique
- ESP8266 se connecte automatiquement à votre point d'accès
- Utilisez votre navigateur mobile pour "esp-emoji.local"
- 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