HowTo : pxlBlck – Configurer et afficher des animations

Avec l'aide du pxlBlck, vous pouvez être informé des événements de différentes manières. L'une de ces options est de pouvoir afficher les icônes précédemment définies.

Malheureusement, cette option ne fonctionne que sur les matrices LED d'une hauteur supérieure à un, c'est à dire pas sur les pxlBlcks qui utilisent « uniquement » une bande LED ou une matrice LED 1×60.

Par conséquent, en plus de la possibilité d'afficher des icônes, il existe également la possibilité d'afficher des animations. Ces animations fonctionnent sur toutes les matrices LED supportées par le plugin pxlBlck.

---

Bases de l'animation

Les animations ne peuvent être affichées qu'avec la bonne commande. Cela signifie que ceux-ci ne sont effectués que de manière événementielle.

Par exemple, vous pouvez déclencher une animation lorsqu'un certain message est envoyé au pxlBlck via MQTT, un capteur connecté a pris un certain état, mais aussi, par exemple, lorsque le pxlBlck a démarré ou perdu la connexion au WLAN. Je vais rassembler quelques exemples sous la balise pxlBlckUsecase. Vous trouverez une liste de ces cas d'utilisation sur https://nerdiy.de/tag/pxlblckusecase/

Vous trouverez ci-dessous quelques notions de base sur la structure de base de la commande de déclenchement d'animations sur le pxlBlck. Comment vous pouvez envoyer cette commande au pxlBlck est également dans l'article ESPEasy - Exécutez des commandes et des actions via HTTP, MQTT, UDP et directement décrit. Vous pouvez également lire des informations de base sur la structure des commandes pxlBlck dans cet article pxlBlck - Commandes pour configurer le pxlBlck

nom de la commande

pbani

aperçu des commandes

pbani,[animation_type 1-6],[color_on_red 0-255],[color_on_vert 0-255],[color_on_bleu 0-255],[color_off_red 0-255],[color_off_green 0-255],[color_off_blue 0-255],[animation_delay 0-500],

Paramètre Description

le nom du paramètre	Description	Plage de valeurs autorisée
type_animation	Ce paramètre définit le type d'animation. Un aperçu des animations possibles se trouve dans le tableau ci-dessous.	1-6
color_on_red	Ce paramètre détermine la luminosité de la couleur rouge dans l'animation d'entrée.	0-255
color_on_vert	Ce paramètre détermine la luminosité de la couleur verte dans l'animation d'entrée.	0-255
color_on_bleu	Ce paramètre détermine la luminosité de la couleur bleue dans l'animation d'entrée.	0-255
color_off_red	Ce paramètre détermine la luminosité de la couleur rouge dans l'animation initiale.	0-255
color_off_green	Ce paramètre détermine la luminosité de la couleur verte dans l'animation initiale.	0-255
color_off_blue	Ce paramètre détermine la luminosité de la couleur bleue dans l'animation initiale.	0-255
animation_delay	Ici, vous pouvez définir la durée de l'animation. Il est spécifié en millisecondes et décrit le temps d'affichage par pixel.	0-500

Présentation des animations

IDENTIFIANT	Description
1	La matrice LED est remplie avec la couleur d'entrée à droite, puis écrasée par la couleur de sortie à gauche.
2	La matrice LED est remplie avec la couleur d'entrée à gauche, puis écrasée par la couleur de sortie à droite.
3	Une ligne verticale (en couleur d'entrée) se déplace de gauche à droite (en couleur de sortie).
4	Une ligne verticale (en couleur source) se déplace de gauche à droite (en couleur source).
5	La matrice LED est remplie des deux côtés vers le milieu, puis dissoute à nouveau.
6	La matrice LED est remplie à partir du centre puis dissoute à nouveau.

---

Informations sur la mise en œuvre

L'exécution de l'animation est mise en œuvre de manière à ce qu'aucune autre tâche ne puisse être effectuée pendant l'affichage de l'animation. De ce fait, le chargement du menu web pxlBlck, par exemple, ne peut pas être poursuivi pendant l'affichage d'une animation. De plus, aucune autre commande n'est traitée pendant l'exécution de l'animation. Cependant, ceux-ci doivent être exécutés une fois l'animation terminée.

---

"Temps de recharge"

Le montage des animations est limité dans le temps. Cela signifie qu'après avoir reçu une commande d'affichage d'animation, le pxlBlck ignore les autres commandes d'affichage d'animation pendant un certain temps.

Cette période de temps est définie dans le code source et ne peut pas être modifiée pendant le fonctionnement. Si vous voulez changer ceci : Il est défini avec le #define PXLBLCK_ANIMATION_COOLDOWN_TIME.

---

exemples

Le paragraphe suivant montre quelques exemples de commandes et leur affichage sur les différents pxlBlcks.

---

---

---

---

---

---

---

---

---

---

---

---

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é. 🙂