Table des matières:

Affichage Emoji/Sprite LED RVB 24 bits : 4 étapes
Affichage Emoji/Sprite LED RVB 24 bits : 4 étapes

Vidéo: Affichage Emoji/Sprite LED RVB 24 bits : 4 étapes

Vidéo: Affichage Emoji/Sprite LED RVB 24 bits : 4 étapes
Vidéo: How to make Custom Pixel Art with NO CODE on Any LED Grid - GlowBit Matrix With WLED & ESP32/ESP8266 2024, Juillet
Anonim
Image
Image

En tant qu'enseignant retournant en classe au milieu de COVID et de l'obligation de porter des EPI, j'ai réalisé que mes élèves ne pourront pas voir mes expressions faciales (j'enseigne au secondaire, mais j'ai des enfants qui retournent à la fois au primaire et au secondaire l'école). Je pensais modifier l'écran facial ou le masque lui-même avec des LED et des formes, mais je pensais que le nettoyage de ceux-ci serait un peu un problème, donc une solution qui m'est venue à l'esprit est de faire un portable léger, qui peut afficher des emojis et images montrant mes réactions. Voici mes instructions sur la façon dont j'ai fait cela.

Fournitures

Matériel physique requis

  • Matrice LED RVB 24 bits

    https://www.amazon.ca/gp/product/B01DC0IOCK/ref=pp…

  • ESP32
  • fils
  • interrupteurs/boutons poussoirs (en option, peut reprogrammer l'ESP pour utiliser des capteurs tactiles)
  • Mousse EVA (ou autre type de cadre)
  • acrylique (blanc, 1/4" d'épaisseur)
  • acrylique (noir, 1/8" d'épaisseur)
  • teinter le plastique (facultatif)

Logiciel requis:

  • Arduino
  • Python
  • éditeur graphique (PhotoShop ou GIMP)

Étape 1: Gabarit découpé au laser

Gabarit découpé au laser
Gabarit découpé au laser
Modèle découpé au laser
Modèle découpé au laser

Voici le gabarit découpé au laser pour faire des boîtes autour de l'acrylique, afin qu'il protège les LED en tant que partie du cadre. Je l'ai fait avec un morceau d'acrylique noir de 1/8.

J'ai essayé de couper un morceau d'acrylique blanc plus épais (1/4 "), mais j'ai découvert que je n'avais pas les réglages assez forts pour couper tout le long, ce qui s'est avéré mieux que prévu, car le blanc a fait un meilleur travail de diffusion de la lumière des LED et a fini par faire un meilleur "pixel" (d'ailleurs, fait amusant, le mot "pixel" est un acronyme de Picture Element - désolé, le professeur en moi devait juste dire ça)

Étape 2: Conversion d'images

Conversion d'images
Conversion d'images
Conversion d'images
Conversion d'images
Conversion d'images
Conversion d'images
Conversion d'images
Conversion d'images

L'étape suivante que j'ai prise consistait à convertir certaines images à utiliser dans le code Arduino, qui est une modification de l'exemple de code LED RVB trouvé pour l'ESP32 (à l'étape suivante).

En utilisant le code Python inclus ci-dessus, modifié la partie emplacement du fichier du code pour générer le code hexadécimal approprié à utiliser dans la matrice LED RVB (si vous êtes un programmeur, vous remarquerez que les LED sont reliées en série, et pas des coordonnées cartésiennes traditionnelles, donc une identification correcte des emplacements RVB doit zigzaguer entre les rangées de LED).

Le code de la page suivante a déjà les données d'en-tête mises à jour avec les noms associés.

L'image Mario ci-dessus a été prise à partir d'une feuille de sprite que j'ai trouvée sur Internet, et le reste a été créé à la main dans PhotoShop… il suffit de créer une toile 16x16, de zoomer complètement et d'utiliser un pinceau 1x1 pixel pour faire les images

Étape 3: Câblage et codage

Câblage et codage
Câblage et codage
Câblage et codage
Câblage et codage
Câblage et codage
Câblage et codage

Le code Arduino est inclus ci-dessus, et il suffisait de câbler les LED RVB à la source d'alimentation appropriée de l'ESP32 (5V et GND), ainsi que la liaison de données (P4)

À l'aide de boutons-poussoirs (tirés d'un autre élément de technologie indésirable), connectez-les aux broches P5 et P15 et à l'autre extrémité de GND. Le code effectue un PULLUP à HIGH afin que l'activation du bouton se produise lorsqu'il reconnaît un changement de BAS à HAUT (donc essentiellement lorsque le bouton est relâché par opposition à un bouton bas)

Étape 4: Tout assembler

Image
Image
Mettre tous ensemble
Mettre tous ensemble
Mettre tous ensemble
Mettre tous ensemble

En assemblant le tout, recouvrez le devant de l'acrylique blanc avec du vinyle teinté pour vitres, ce qui lui donne un bel aspect d'écran noir.

Découpez un cadre en utilisant des couches de mousse EVA (les fournitures que j'avais pour les trucs de cosplay que je crée également) et collez celles-ci avec de la colle de contact (deux couches pour loger les articles).

Une troisième couche de mousse EVA a été ajoutée avec des découpes afin que le dos s'adapte comme une pièce de puzzle en place.

Ajout d'une sangle pour qu'elle pende facilement à mon cou. Le poids total de tout cela est à peine perceptible.

En ce qui concerne la mise sous tension de l'unité, j'ai décidé d'utiliser la connexion micro USB intégrée qui est utilisée pour programmer l'ESP32, et je l'ai connectée à une alimentation USB que je viens de garder dans ma poche. Pour m'assurer que les tractions accidentelles sur le cordon ne causent pas de problèmes, j'ai ajouté l'utilisation de l'un de ces adaptateurs de chargeur USB à connexion magnétique pour le micro USB.

Et après? Je cherche à ajouter un microphone à l'ESP, puis à créer des barres de volume sonore animées, un peu comme KITT de Knight Rider, afin que les étudiants voient une représentation visuelle de ma voix… restez à l'écoute.

Image
Image
Image
Image

Finaliste du concours familial « Je ne peux pas toucher à ça »

Conseillé: