HowTo : pxlBlck – Installer et configurer le plugin pxlBlck

Le plugin pxlBlck pour ESPEasy Framework est le « pendant logiciel » des plateformes pxlBlck. Avec le plugin, vous pouvez facilement contrôler les matrices LED intégrées et en utilisant les autres fonctions, il est relativement simple d'afficher vos propres animations et notifications sur la matrice LED.

Plate-forme pxlBlck

Avant de procéder à l'installation du plugin, vous devez déjà avoir configuré le matériel pour votre pxlBlck. Les instructions de montage des différentes plateformes pxlBlck se trouvent sous le lien suivant

• https://nerdiy.de/tag/pxlblckplattform/

Installation du plugin

Comme déjà mentionné, le plugin pxlBlck est un plugin pour ESPEasy Framework. Vous devrez donc d'abord flasher ESPEasy sur votre ESP8266 ou ESP32. Bien entendu, le plugin PxlBlck doit également être inclus. Désormais, j'appellerai simplement la combinaison du framework EspEasy incluant le plugin pxlBlck « firmware ».

Il existe essentiellement deux façons d'obtenir le firmware sur votre ESP8266 ou ESP32. L'un est décrit dans l'article ESPEasy - Compiler et flasher le firmware et configurer les données d'accès WiFi

La deuxième option consiste à programmer vos « binaires » compilés sur l’ESP8266 ou l’ESP32. Vous pouvez lire comment cela fonctionne ici : ESP8266 - Fichiers Flash .bin sous Windows à l'aide d'Esptool

Le binaire actuel peut être trouvé dans la section suivante.

Binaires ou firmware précompilé

Dans la liste suivante, vous trouverez le lien vers la version actuelle. Celui-ci contient le binaire que vous pouvez flasher directement sur votre ESP8266 ou ESP32.

binaire: https://github.com/Nerdiyde/pxlBlck/tree/main/plugin/bin

Dans le dossier lié pour les binaires, vous trouverez divers fichiers pour l'ESP8266 et l'ESP32. Les options utilisées sont spécifiées dans le nom du fichier.

Journal des modifications : Vous pouvez trouver le changelog actuel dans le Nerdiy-Git sous le lien suivant : https://github.com/Nerdiyde/pxlBlck/blob/main/CHANGELOG.md

Configurer les données d'accès WiFi

Après avoir transféré le firmware sur votre ESP8266 ou ESP32, vous devez d'abord configurer les données d'accès WiFi pour votre WiFi. C'est le seul moyen pour votre pxlBlck de recevoir et d'afficher des messages d'événement ou l'heure.

Comment vous pouvez transférer les données d'accès WiFi dans ESPEasy (c'est-à-dire votre pxlBlck programmé) est dans l'article ESPEasy - Compiler et flasher le firmware et configurer les données d'accès WiFi décrit

Personnellement, je trouve plus facile de configurer les données d'accès via l'interface série. Vous pouvez trouver des informations à ce sujet sous le lien suivant : https://nerdiy.de/howto-espeasy-firmware-flashen/#WLAN-Zugangsdaten_ueber_die_serielle_Schnittstelle_konfigurieren

Activer et configurer le plugin pxlBlck

Après avoir transféré les données d'accès WiFi sur votre pxlBlck, vous devez d'abord activer et configurer correctement le pxlBlck. Pour ce faire, le moyen le plus simple consiste à utiliser le menu Web ESPEasy.

Pour cela, saisissez l'adresse IP de votre pxlBlck dans la barre d'adresse de votre navigateur. Comment vous pouvez trouver l'adresse IP des appareils de votre réseau est dans l'article Afficher/connaître l'adresse IP des appareils du réseau décrites.

Après avoir entré l'adresse IP dans la barre d'adresse, vous devriez vous retrouver sur la page de présentation affichée.

Cliquez sur le bouton « Appareils » (zone marquée en rouge).

Tous les appareils configurés sont répertoriés dans la vue d'ensemble qui apparaît maintenant. Comme vous n'avez (très probablement) configuré aucun appareil, cette liste est bien sûr vide.

Pour activer le plugin pxlBlck, cliquez sur le premier bouton « Modifier » (zone marquée en rouge).

Vous allez maintenant être redirigé vers la page affichée.

Sélectionnez maintenant l'entrée dans la liste déroulante

Affichage—pxlBlck

hors de.

Configurer le GPIO de la matrice LED

Après avoir activé le plugin pxlBlck, vous serez redirigé vers la page de présentation du plugin. Une description complète de toutes les options est ci-dessous. Dans ce paragraphe, nous continuons avec la configuration du plugin pxlBlck.

Pour ce faire, saisissez un nom dans le champ de texte à côté de « Nom ». Celui-ci peut être librement choisi. J'ai simplement entré « Horloge » ici.

Cochez ensuite la case dans la section « Activé ».

Pour que le plugin puisse également contrôler la matrice LED connectée, vous devez maintenant régler le bon GPIO. Ceci est spécifié dans les instructions d'assemblage de votre plate-forme pxlBlck.

Définir la plate-forme pxlBlck

En plus du GPIO correct, vous devez maintenant également définir la plate-forme PxlBlck correcte. C'est le seul moyen pour le plugin pxlBlck de connaître la taille de la matrice LED connectée.

Pour ce faire, cliquez sur la liste déroulante dans la zone « Type de matrice » et sélectionnez l'entrée appropriée pour votre plateforme pxlBlck.

Par exemple, en avez-vous un ? SlotClock ou RingHorloge configuration, sélectionnez « RingClock (1 × 60) » ici.

Si vous ne l'avez pas déjà fait, vous devez également cocher la case dans la section « Affichage activé ». Ce n'est que si cette option est activée qu'il y aura une sortie sur la matrice LED.

Définir le cadran de la montre/l'économiseur d'écran

Si vous le souhaitez, vous pouvez désormais définir un cadran d'horloge ou un économiseur d'écran. Les cadrans d'horloge ou les économiseurs d'écran sont toujours affichés lorsqu'aucune animation, icône ou similaire « lié à un événement » n'est actuellement affiché sur l'écran pxlBlck.

Vous pouvez trouver plus d'informations, y compris des exemples de réglage des cadrans ou des économiseurs d'écran, dans l'article

• pxlBlck - Configurer les cadrans d'horloge et les économiseurs d'écran

Pour cela, cliquez sur la liste déroulante dans la section « Version du cadran » et sélectionnez le cadran ou l'économiseur d'écran souhaité.

La liste qui y est affichée dépend du « Type de matrice » défini. Pour le « Type de matrice » « RingClock », vous avez le choix entre les options affichées. Ainsi, par exemple, la représentation « Ring » convient ici. Vous trouverez une description détaillée de toutes les représentations plus loin dans cet article.

définir des couleurs

Si vous avez précédemment sélectionné un cadran de montre ou un économiseur d'écran qui vous permet de configurer les couleurs, vous avez désormais également la possibilité de définir les couleurs à votre guise. Les couleurs réglables et leurs noms sont toujours adaptés au cadran/économiseur d'écran réglé. Ne soyez donc pas surpris si les options de couleur sont différentes selon le cadran de la montre/l'économiseur d'écran que vous avez défini.

Pour ce faire, faites défiler vers le bas de la vue dans le plugin pxlBlck.

Vous pouvez y définir jusqu'à quatre couleurs.

Vous pouvez le faire à l'aide du ColorPicker en cliquant sur le bouton (marqué en rouge) de la section de couleur correspondante. Sélectionnez ensuite simplement la couleur souhaitée et confirmez votre sélection en cliquant sur « OK ».

Alternativement, vous pouvez également spécifier directement la valeur RVB de la couleur souhaitée.

Pour ce faire, vous devez entrer la valeur souhaitée dans les champs marqués en rouge, vert et bleu. La plage de valeurs autorisée est de 0 à 255.

Dans l'exemple illustré, le cadran « RingClock » est sélectionné et l'aiguille des heures est réglée sur « Rouge », l'aiguille des minutes est réglée sur « Bleu » et l'aiguille des secondes est réglée sur « Vert ». Les index, cependant, brillent en blanc.

Description des options du plugin/menu web du plugin

Dans les paragraphes précédents, vous pouvez déjà trouver des informations sur les options de configuration les plus importantes du plugin pxlBlck. Une description complète de toutes les options se trouve maintenant dans cette section.

Après avoir configuré votre pxlBlck avec vos données d'accès WiFi et qu'il est accessible dans le réseau, vous pouvez accéder au menu web via l'adresse IP du pxlBlck.

Pour cela, saisissez l'adresse IP de votre pxlBlck dans la barre d'adresse de votre navigateur. Comment vous pouvez trouver l'adresse IP des appareils de votre réseau est dans l'article Afficher/connaître l'adresse IP des appareils du réseau décrites.

Vous pouvez accéder au menu web en cliquant sur « Appareils » puis dans la « Liste des appareils » sur le plugin pxlBlck que vous avez activé.

Ici, vous pouvez voir les options possibles du plugin pxlBlck dans la vue Web.

Le paragraphe suivant contient une description de chaque fonction.

Description des options du menu Web

• Nom de famille: Ici, vous pouvez configurer le nom de l'appareil
• Activé: Le plugin ne sera activé que si la coche est cochée ici
• GPIO/DigitalIn: Ici, vous devez spécifier le GPIO qui est connecté à la matrice LED. Vous pouvez trouver des informations à ce sujet dans l'article sur la structure de votre plateforme pxlBlck.
• Aider: Un clic dessus vous amène à une page de présentation avec tous les articles de pxlBlck
• Affichage activé: Cette option vous permet de désactiver l'affichage ou de masquer le contenu. Cette option peut être utilisée, par exemple, pour éteindre l'écran la nuit ou lorsque personne n'est à la maison. Vous pouvez également trouver des informations à ce sujet dans l'article pxlBlck - Éteignez l'écran lorsque vous êtes absent
• Type de matrice: Ici, vous pouvez configurer les dimensions de votre matrice LED. Dans l'exemple ci-dessus, une matrice est configurée de 32 LED de large et 8 LED de haut
• Type de led: Ici, vous pouvez configurer le type de votre LED. La plupart des LED Neopixel ou WS2812 ont la séquence verte, rouge, bleue. Donc GRB.
• Postes de départ: Ici, vous pouvez spécifier dans quel coin de votre matrice se trouve la première LED. Vous pouvez également trouver des informations à ce sujet ici : https://learn.adafruit.com/adafruit-neopixel-uberguide/neomatrix-library
• Disposition des DEL: Avec cela, la disposition de votre matrice LED peut être configurée. Vous pouvez également trouver des informations à ce sujet ici : https://learn.adafruit.com/adafruit-neopixel-uberguide/neomatrix-library
• Tuiles-Arrangement et tuiles matricielles dans la direction X et tuiles matricielles dans la direction Y: Ces fonctions sont actuellement en test. En cas de doute, veuillez simplement le laisser défini sur « OneTileOnly ».
• Rotation matricielle : Cela permet de faire pivoter la matrice par pas de 90°
• Version cadran : Cette option configure le cadran de la montre ou l'animation qui s'affiche pendant le fonctionnement normal. Plus à ce sujet ci-dessous.
• Zéros non significatifs activés : Avec cette fonction, vous pouvez activer les zéros non significatifs. Par exemple, l'heure « 8h15 » devient « 8h15 ».
• Luminosité de l'affichage : Ceci ajuste la luminosité de l'écran du contenu affiché sur 15 niveaux
• Luminosité minimale : Cette option vous permet de définir une valeur absolue spécifique pour la luminosité la plus faible. De cette façon, vous pouvez définir une valeur absolue pour « l’obscurité extrême » et éviter d’éventuelles distorsions de couleurs.
• Heure, minute et arrière-plan : Ici, vous pouvez définir la couleur de chaque groupe. Ces groupes changent en fonction du cadran réglé sous « Version cadran ». Plus d’informations à ce sujet ci-dessous.

Configuration du pxlBlck à l'aide de commandes

En plus de pouvoir configurer votre pxlBlck à l'aide des options du menu Web, vous pouvez également configurer le plugin à l'aide de commandes.

Cela a l'avantage que vous pouvez également ajuster les paramètres via MQTT, appel HTTP ou en utilisant des règles pendant le fonctionnement.

Vous trouverez des informations à ce sujet dans l'article pxlBlck - Commandes pour configurer le pxlBlck

Afficher les animations sur le pxlBlck

Les commandes peuvent être utilisées pour afficher diverses informations sur votre pxlBlck. La façon dont vous pouvez déclencher et configurer des animations est décrite dans l'article suivant.

• pxlBlck - Configurer et afficher les animations

Afficher les icônes sur le pxlBlck

En plus des animations, des icônes prédéfinies peuvent également être affichées sur l'écran pxlBlck. L'article suivant décrit comment créer des icônes, les transférer sur le pxlBlck et les afficher.

• pxlBlck - Concevez des icônes, transférez-les sur le pxlBlck et affichez-les

Amusez-vous avec le projet

J'espère que tout a fonctionné comme décrit. Si ce n'est pas le cas ou si vous avez des questions ou des suggestions, faites-le moi savoir dans les commentaires. Je les ajouterai à l'article si nécessaire.
Les idées de nouveaux projets sont toujours les bienvenues. 🙂

PS Beaucoup de ces projets - en particulier les projets matériels - coûtent beaucoup de temps et d'argent. Bien sûr, je le fais parce que j'aime ça, mais si vous pensez que c'est cool que je partage l'information avec vous, je serais heureux d'un petit don au fonds du café. 🙂