{"id":13964,"date":"2020-12-12T17:08:43","date_gmt":"2020-12-12T16:08:43","guid":{"rendered":"https:\/\/nerdiy.de\/?p=13964"},"modified":"2020-12-12T18:36:51","modified_gmt":"2020-12-12T17:36:51","slug":"comment-configurer-et-afficher-les-animations-pxlblck","status":"publish","type":"post","link":"https:\/\/nerdiy.de\/fr\/comment-configurer-et-afficher-les-animations-pxlblck\/","title":{"rendered":"HowTo\u00a0: pxlBlck \u2013 Configurer et afficher des animations"},"content":{"rendered":"<p>Avec l&#039;aide du pxlBlck, vous pouvez \u00eatre inform\u00e9 des \u00e9v\u00e9nements de diff\u00e9rentes mani\u00e8res. L&#039;une de ces options est de pouvoir afficher les ic\u00f4nes pr\u00e9c\u00e9demment d\u00e9finies.<\/p>\n\n\n\n<p>Malheureusement, cette option ne fonctionne que sur les matrices LED de hauteur sup\u00e9rieure \u00e0 un, c&#039;est-\u00e0-dire pas sur les pxlBlcks qui n&#039;utilisent &quot;que&quot; un ruban LED ou une matrice LED 1\u00d760. <\/p>\n\n\n\n<p>Par cons\u00e9quent, en plus de la possibilit\u00e9 d&#039;afficher des ic\u00f4nes, il existe \u00e9galement la possibilit\u00e9 d&#039;afficher des animations. Ces animations fonctionnent sur toutes les matrices LED support\u00e9es par le plugin pxlBlck.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Bases de l&#039;animation<\/h2>\n\n\n\n<p>Les animations ne peuvent \u00eatre affich\u00e9es qu&#039;avec la bonne commande. Cela signifie que ceux-ci ne sont effectu\u00e9s que de mani\u00e8re \u00e9v\u00e9nementielle. <\/p>\n\n\n\n<p>Par exemple, vous pouvez d\u00e9clencher une animation lorsqu&#039;un certain message est envoy\u00e9 au pxlBlck via MQTT, un capteur connect\u00e9 a pris un certain \u00e9tat, mais aussi, par exemple, lorsque le pxlBlck a d\u00e9marr\u00e9 ou perdu la connexion au WLAN. Je vais rassembler quelques exemples sous la balise pxlBlckUsecase. Vous trouverez une liste de ces cas d&#039;utilisation sur <strong><em><a href=\"https:\/\/nerdiy.de\/fr\/jour\/pxlblckusecase\/\">https:\/\/nerdiy.de\/tag\/pxlblckusecase\/<\/a><\/em><\/strong><\/p>\n\n\n\n<p>Vous trouverez ci-dessous quelques notions de base sur la structure de base de la commande de d\u00e9clenchement d&#039;animations sur le pxlBlck. Comment vous pouvez envoyer cette commande au pxlBlck est \u00e9galement dans l&#039;article <strong><em><a rel=\"noreferrer noopener\" href=\"https:\/\/nerdiy.de\/fr\/howto-espeasy-execute-commands\/\" target=\"_blank\">ESPEasy - Ex\u00e9cutez des commandes et des actions via HTTP, MQTT, UDP et directement<\/a><\/em><\/strong> d\u00e9crit. Vous pouvez \u00e9galement lire des informations de base sur la structure des commandes pxlBlck dans cet article<strong><em> <a href=\"https:\/\/nerdiy.de\/fr\/howto-pxlblck-commands-pour-configurer-le-pxlblck\/\" target=\"_blank\" rel=\"noreferrer noopener\">pxlBlck - Commandes pour configurer le pxlBlck<\/a><\/em><\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>nom de la commande<\/strong><\/h4>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><em>pbani<\/em><\/p><\/blockquote>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>aper\u00e7u des commandes<\/strong><\/h4>\n\n\n\n<p class=\"has-light-gray-background-color has-background\"><em>pbani,[animation_type 1-6],[color_on_red 0-255],[<em>color_on_<\/em><\/em>vert <em>0-255],[<em>color_on_<\/em><\/em>bleu <em>0-255],[<em>color_off_red <\/em>0-255],[<em><em>color_off_green<\/em><\/em><\/em> <em>0-255],[<em><em>color_off_blue<\/em><\/em><\/em> <em>0-255],[animation_delay 0-500],<\/em><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Param\u00e8tre Description<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table class=\"has-fixed-layout\"><thead><tr><th>le nom du param\u00e8tre<\/th><th>Description<\/th><th class=\"has-text-align-center\" data-align=\"center\">Plage de valeurs autoris\u00e9e<\/th><\/tr><\/thead><tbody><tr><td><em>type_animation<\/em><\/td><td>Ce param\u00e8tre d\u00e9finit le type d&#039;animation. Un aper\u00e7u des animations possibles se trouve dans le tableau ci-dessous.<\/td><td class=\"has-text-align-center\" data-align=\"center\">1-6<\/td><\/tr><tr><td><em>color_on_red<\/em><\/td><td>Ce param\u00e8tre d\u00e9termine la luminosit\u00e9 de la couleur rouge dans l&#039;animation d&#039;entr\u00e9e.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-255<\/td><\/tr><tr><td><em><em>color_on_<\/em><\/em>vert<\/td><td>Ce param\u00e8tre d\u00e9termine la luminosit\u00e9 de la couleur verte dans l&#039;animation d&#039;entr\u00e9e.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-255<\/td><\/tr><tr><td><em><em>color_on_<\/em><\/em>bleu<\/td><td>Ce param\u00e8tre d\u00e9termine la luminosit\u00e9 de la couleur bleue dans l&#039;animation d&#039;entr\u00e9e.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-255<\/td><\/tr><tr><td><em><em>color_off_red<\/em><\/em><\/td><td>Ce param\u00e8tre d\u00e9termine la luminosit\u00e9 de la couleur rouge dans l&#039;animation initiale.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-255<\/td><\/tr><tr><td><em><em>color_off_green<\/em><\/em><\/td><td>Ce param\u00e8tre d\u00e9termine la luminosit\u00e9 de la couleur verte dans l&#039;animation initiale.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-255<\/td><\/tr><tr><td><em><em>color_off_blue<\/em><\/em><\/td><td>Ce param\u00e8tre d\u00e9termine la luminosit\u00e9 de la couleur bleue dans l&#039;animation initiale.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-255<\/td><\/tr><tr><td><em>animation_delay<\/em><\/td><td>Ici, vous pouvez d\u00e9finir la dur\u00e9e de l&#039;animation. Il est sp\u00e9cifi\u00e9 en millisecondes et d\u00e9crit le temps d&#039;affichage par pixel.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-500<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Pr\u00e9sentation des animations<\/h4>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table class=\"has-fixed-layout\"><thead><tr><th>IDENTIFIANT<\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td>1<\/td><td>La matrice LED est remplie avec la couleur d&#039;entr\u00e9e \u00e0 droite, puis \u00e9cras\u00e9e par la couleur de sortie \u00e0 gauche.<\/td><\/tr><tr><td>2<\/td><td>La matrice LED est remplie avec la couleur d&#039;entr\u00e9e \u00e0 gauche, puis \u00e9cras\u00e9e par la couleur de sortie \u00e0 droite.<\/td><\/tr><tr><td>3<\/td><td>Une ligne verticale (en couleur d&#039;entr\u00e9e) se d\u00e9place de gauche \u00e0 droite (en couleur de sortie).<\/td><\/tr><tr><td>4<\/td><td>Une ligne verticale (en couleur source) se d\u00e9place de gauche \u00e0 droite (en couleur source).<\/td><\/tr><tr><td>5<\/td><td>La matrice LED est remplie des deux c\u00f4t\u00e9s vers le milieu, puis dissoute \u00e0 nouveau.<\/td><\/tr><tr><td>6<\/td><td>La matrice LED est remplie \u00e0 partir du centre puis dissoute \u00e0 nouveau.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Informations sur la mise en \u0153uvre<\/h2>\n\n\n\n<p>L&#039;ex\u00e9cution de l&#039;animation est mise en \u0153uvre de mani\u00e8re \u00e0 ce qu&#039;aucune autre t\u00e2che ne puisse \u00eatre effectu\u00e9e pendant l&#039;affichage de l&#039;animation. De ce fait, le chargement du menu web pxlBlck, par exemple, ne peut pas \u00eatre poursuivi pendant l&#039;affichage d&#039;une animation. De plus, aucune autre commande n&#039;est trait\u00e9e pendant l&#039;ex\u00e9cution de l&#039;animation. Cependant, ceux-ci doivent \u00eatre ex\u00e9cut\u00e9s une fois l&#039;animation termin\u00e9e.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">&quot;Temps de recharge&quot;<\/h2>\n\n\n\n<p>Le montage des animations est limit\u00e9 dans le temps. Cela signifie qu&#039;apr\u00e8s avoir re\u00e7u une commande d&#039;affichage d&#039;animation, le pxlBlck ignore les autres commandes d&#039;affichage d&#039;animation pendant un certain temps. <\/p>\n\n\n\n<p>Cette p\u00e9riode de temps est d\u00e9finie dans le code source et ne peut pas \u00eatre modifi\u00e9e pendant le fonctionnement. Si vous voulez changer ceci : Il est d\u00e9fini avec le #define PXLBLCK_ANIMATION_COOLDOWN_TIME.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">exemples<\/h2>\n\n\n\n<p>Le paragraphe suivant montre quelques exemples de commandes et leur affichage sur les diff\u00e9rents pxlBlcks.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"810\" height=\"456\" src=\"https:\/\/www.youtube.com\/embed\/X7pPk5TqrA8?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=fr-FR&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Info<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Type d&#039;animation\u00a0: 1<\/li><li>D\u00e9lai\u00a0: 50\u00a0ms<\/li><li>Couleur d&#039;entr\u00e9e (valeur RVB) : 1<em>50,0,0<\/em> <\/li><li>Couleur de sortie (valeur RVB)\u00a0: <em><em>0,0,150<\/em><\/em><\/li><\/ul>\n\n\n\n<p><strong>commande<\/strong>:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>pbani,1,150,0,0,0,0,150,50<\/p><\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"810\" height=\"456\" src=\"https:\/\/www.youtube.com\/embed\/B3FCAiDHOBg?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=fr-FR&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Info<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Type d&#039;animation\u00a0: 2<\/li><li>D\u00e9lai\u00a0: 50\u00a0ms<\/li><li>Couleur d&#039;entr\u00e9e (valeur RVB)\u00a0: <em>50,50,50<\/em> <\/li><li>Couleur de sortie (valeur RVB)\u00a0: <em><em>0,50,0<\/em><\/em><\/li><\/ul>\n\n\n\n<p><strong>commande<\/strong>:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><em>pbani,2,50,50,50,0,0,50,50,<\/em><\/p><\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"810\" height=\"456\" src=\"https:\/\/www.youtube.com\/embed\/rl0Y3ab9Q3A?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=fr-FR&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Info<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Type d&#039;animation\u00a0: 3<\/li><li>D\u00e9lai\u00a0: 150\u00a0ms<\/li><li>Couleur d&#039;entr\u00e9e (valeur RVB)\u00a0: <em>50,50,50<\/em> <\/li><li>Couleur de sortie (valeur RVB)\u00a0: <em><em>0,50,0<\/em><\/em><\/li><\/ul>\n\n\n\n<p><strong>commande<\/strong>:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><em>pbani,3,50,50,50,0,50,0,150,<\/em><\/p><\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"810\" height=\"456\" src=\"https:\/\/www.youtube.com\/embed\/_exVcOy0am0?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=fr-FR&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Info<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Type d&#039;animation\u00a0: 4<\/li><li>D\u00e9lai\u00a0: 50\u00a0ms<\/li><li>Couleur d&#039;entr\u00e9e (valeur RVB)\u00a0: <em>50,50,50<\/em> <\/li><li>Couleur de sortie (valeur RVB)\u00a0: <em><em>0,50,0<\/em><\/em><\/li><\/ul>\n\n\n\n<p><strong>commande<\/strong>:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><em>pbani,4,50,50,50,0,50,0,50,<\/em><\/p><\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"810\" height=\"456\" src=\"https:\/\/www.youtube.com\/embed\/g_9IGZt369E?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=fr-FR&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Info<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Type d&#039;animation\u00a0: 5<\/li><li>D\u00e9lai\u00a0: 50\u00a0ms<\/li><li>Couleur d&#039;entr\u00e9e (valeur RVB)\u00a0: <em>50,50,50<\/em> <\/li><li>Couleur de sortie (valeur RVB)\u00a0: <em><em>0,0,50<\/em><\/em><\/li><\/ul>\n\n\n\n<p><strong>commande<\/strong>:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><em>pbani,5,50,50,50,0,0,50,50,<\/em><\/p><\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"810\" height=\"456\" src=\"https:\/\/www.youtube.com\/embed\/BFq4-BxC2RA?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=fr-FR&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Info<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Type d&#039;animation\u00a0: 6<\/li><li>D\u00e9lai\u00a0: 20\u00a0ms <\/li><li>Couleur d&#039;entr\u00e9e (valeur RVB)\u00a0: <em>50,50,50<\/em> <\/li><li>Couleur de sortie (valeur RVB)\u00a0: <em><em>0,50,0<\/em><\/em><\/li><\/ul>\n\n\n\n<p><strong>commande<\/strong>:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><em>pbani,6,50,50,50,0,50,0,50,<\/em><\/p><\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"810\" height=\"456\" src=\"https:\/\/www.youtube.com\/embed\/GxfUo1EHsWw?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=fr-FR&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Info<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Type d&#039;animation\u00a0: 5<\/li><li>D\u00e9lai\u00a0: 20\u00a0ms (20\u00a0ms est le d\u00e9lai par d\u00e9faut utilis\u00e9 si ce param\u00e8tre est d\u00e9fini sur z\u00e9ro)<\/li><li>Couleur d&#039;entr\u00e9e (valeur RVB) : 15<em>0,0,0<\/em> <\/li><li>Couleur de sortie (valeur RVB)\u00a0: <em><em>0,0,0<\/em><\/em><\/li><\/ul>\n\n\n\n<p><strong>commande<\/strong>:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><em>pbani,5,150,0,0,0,0,0,<\/em><\/p><\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"810\" height=\"456\" src=\"https:\/\/www.youtube.com\/embed\/cSa_kvL_rto?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=fr-FR&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Info<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Type d&#039;animation\u00a0: 1<\/li><li>D\u00e9lai\u00a0: 20\u00a0ms (20\u00a0ms est le d\u00e9lai par d\u00e9faut utilis\u00e9 si ce param\u00e8tre est d\u00e9fini sur z\u00e9ro)<\/li><li>Couleur d&#039;entr\u00e9e (valeur RVB) : 10<em>0,100,100<\/em> <\/li><li>Couleur de sortie (valeur RVB)\u00a0: <em><em>0,0,0<\/em><\/em><\/li><\/ul>\n\n\n\n<p><strong>commande<\/strong>:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><em>pbani,1,100,100,100,0,0,0,<\/em><\/p><\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"810\" height=\"456\" src=\"https:\/\/www.youtube.com\/embed\/yLOpYtMl3-U?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=fr-FR&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Info<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Type d&#039;animation\u00a0: 1<\/li><li>D\u00e9lai\u00a0: 50\u00a0ms <\/li><li>Couleur d&#039;entr\u00e9e (valeur RVB) : 15<em>0,0,0<\/em> <\/li><li>Couleur de sortie (valeur RVB)\u00a0: <em><em>0,0,150<\/em><\/em><\/li><\/ul>\n\n\n\n<p><strong>commande<\/strong>:<\/p>\n\n\n\n<p><em>pbani,1,150,0,0,0,0,150,50<\/em><\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"810\" height=\"456\" src=\"https:\/\/www.youtube.com\/embed\/UfPeH5waXGM?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=fr-FR&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Info<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Type d&#039;animation\u00a0: 3<\/li><li>D\u00e9lai\u00a0: 150\u00a0ms<\/li><li>Couleur d&#039;entr\u00e9e (valeur RVB) : 5<em>0,50,50<\/em> <\/li><li>Couleur de sortie (valeur RVB)\u00a0: <em><em>0,50,0<\/em><\/em><\/li><\/ul>\n\n\n\n<p><strong>commande<\/strong>:<\/p>\n\n\n\n<p>pbani,3,50,50,50,0,50,0,150<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"810\" height=\"456\" src=\"https:\/\/www.youtube.com\/embed\/WSQdn8GZbH8?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=fr-FR&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Info<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Type d&#039;animation\u00a0: 4<\/li><li>D\u00e9lai\u00a0: 50\u00a0ms<\/li><li>Couleur d&#039;entr\u00e9e (valeur RVB) : 5<em>0,50,50<\/em> <\/li><li>Couleur de sortie (valeur RVB)\u00a0: <em><em>0,50,0<\/em><\/em><\/li><\/ul>\n\n\n\n<p><strong>commande<\/strong>:<\/p>\n\n\n\n<p>pbani,4,50,50,50,0,50,0,50<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2>Amusez-vous avec le projet<\/h2>\r\n<p>J'esp\u00e8re que tout a fonctionn\u00e9 comme d\u00e9crit. 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 \u00e0 l'article si n\u00e9cessaire.<br \/>Les id\u00e9es de nouveaux projets sont toujours les bienvenues. \ud83d\ude42<\/p>\r\n<p><strong>PS Beaucoup de ces projets - en particulier les projets mat\u00e9riels - co\u00fbtent beaucoup de temps et d&#039;argent. Bien s\u00fbr, je le fais parce que j&#039;aime \u00e7a, mais si vous pensez que c&#039;est cool que je partage l&#039;information avec vous, je serais heureux d&#039;un petit don au fonds du caf\u00e9. \ud83d\ude42<\/strong><\/p>\r\n<p><a href=\"https:\/\/ko-fi.com\/nerdiy\" target=\"_blank\" rel=\"noopener\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"border: 0px; height: 36px;\" src=\"https:\/\/i0.wp.com\/cdn.ko-fi.com\/cdn\/kofi4.png?resize=143%2C36&#038;ssl=1\" alt=\"Achetez-moi un caf\u00e9 sur ko-fi.com\" width=\"143\" height=\"36\" border=\"0\" \/><\/a>\u00a0 \u00a0 \u00a0 \u00a0<input name=\"cmd\" type=\"hidden\" value=\"_s-xclick\" \/> <input name=\"hosted_button_id\" type=\"hidden\" value=\"UAZE9RMHJY7VJ\" \/> <input title=\"PayPal - Le moyen le plus s\u00fbr et le plus facile de payer en ligne !\" alt=\"Donate with PayPal button\" name=\"submit\" src=\"https:\/\/www.paypalobjects.com\/de_DE\/DE\/i\/btn\/btn_donateCC_LG.gif\" type=\"image\" \/> <img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.paypal.com\/de_DE\/i\/scr\/pixel.gif?resize=1%2C1&#038;ssl=1\" alt=\"\" width=\"1\" height=\"1\" border=\"0\" \/><\/p>","protected":false},"excerpt":{"rendered":"<p>Avec l&#039;aide du pxlBlck, vous pouvez \u00eatre inform\u00e9 des \u00e9v\u00e9nements de diff\u00e9rentes mani\u00e8res. L&#039;une de ces options est de pouvoir afficher les ic\u00f4nes pr\u00e9c\u00e9demment d\u00e9finies. Malheureusement, cette option fonctionne [...]<\/p>","protected":false},"author":1,"featured_media":13991,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[91,149,86,146,153,61],"tags":[29,245,82,165,151],"class_list":["post-13964","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-3d-druck","category-abendprojekt2h","category-elektronik","category-esp-easy","category-pxlblck","category-smarthome","tag-arduino","tag-esp32","tag-esp8266","tag-espeasy","tag-espeasy-plugin"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HowTo: pxlBlck - Animationen konfigurieren und anzeigen - nerdiy.de - DIY, Elektronik, 3D Druck und mehr...<\/title>\n<meta name=\"description\" content=\"Read a huge collection of detailed Tutorials on Nerdiy.de about all kind of Software, Hardware and general maker topics.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nerdiy.de\/fr\/comment-configurer-et-afficher-les-animations-pxlblck\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HowTo: pxlBlck - Animationen konfigurieren und anzeigen - nerdiy.de - DIY, Elektronik, 3D Druck und mehr...\" \/>\n<meta property=\"og:description\" content=\"Read a huge collection of detailed Tutorials on Nerdiy.de about all kind of Software, Hardware and general maker topics.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nerdiy.de\/fr\/comment-configurer-et-afficher-les-animations-pxlblck\/\" \/>\n<meta property=\"og:site_name\" content=\"nerdiy.de - DIY, Elektronik, 3D Druck und mehr...\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/nerdiy.de\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/nerdiy.de\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-12-12T16:08:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-12T17:36:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-animationen-konfigurieren-und-anzeigen-img-20201210-235604.jpg?fit=1564%2C1564&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"1564\" \/>\n\t<meta property=\"og:image:height\" content=\"1564\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Fab\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@nerdiyde\" \/>\n<meta name=\"twitter:site\" content=\"@nerdiyde\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fab\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\\\/\"},\"author\":{\"name\":\"Fab\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#\\\/schema\\\/person\\\/f1579a71868adb0be60a74246d3e0908\"},\"headline\":\"HowTo: pxlBlck &#8211; Animationen konfigurieren und anzeigen\",\"datePublished\":\"2020-12-12T16:08:43+00:00\",\"dateModified\":\"2020-12-12T17:36:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\\\/\"},\"wordCount\":919,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/nerdiy.de\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/www.nerdiy.de-howto-pxlblck-animationen-konfigurieren-und-anzeigen-img-20201210-235604.jpg?fit=1564%2C1564&ssl=1\",\"keywords\":[\"Arduino\",\"ESP32\",\"ESP8266\",\"ESPEasy\",\"ESPEasy-Plugin\"],\"articleSection\":[\"3D-Druck\",\"Abendprojekt(&lt;2h)\",\"Elektronik\",\"ESP Easy\",\"pxlBlck\",\"SmartHome\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\\\/\",\"url\":\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\\\/\",\"name\":\"HowTo: pxlBlck - Animationen konfigurieren und anzeigen - nerdiy.de - DIY, Elektronik, 3D Druck und mehr...\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/nerdiy.de\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/www.nerdiy.de-howto-pxlblck-animationen-konfigurieren-und-anzeigen-img-20201210-235604.jpg?fit=1564%2C1564&ssl=1\",\"datePublished\":\"2020-12-12T16:08:43+00:00\",\"dateModified\":\"2020-12-12T17:36:51+00:00\",\"description\":\"Read a huge collection of detailed Tutorials on Nerdiy.de about all kind of Software, Hardware and general maker topics.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/nerdiy.de\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/www.nerdiy.de-howto-pxlblck-animationen-konfigurieren-und-anzeigen-img-20201210-235604.jpg?fit=1564%2C1564&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/nerdiy.de\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/www.nerdiy.de-howto-pxlblck-animationen-konfigurieren-und-anzeigen-img-20201210-235604.jpg?fit=1564%2C1564&ssl=1\",\"width\":1564,\"height\":1564},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HowTo: pxlBlck &#8211; Animationen konfigurieren und anzeigen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#website\",\"url\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/\",\"name\":\"nerdiy.de - DIY, Elektronik, 3D Druck und mehr...\",\"description\":\"Bei nerdiy.de dreht sich alles um Elektronik, Heimwerken, 3D-Druck, Smart Home und viele andere technische Themen.\",\"publisher\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#organization\",\"name\":\"Nerdiy.de\",\"url\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/nerdiy.de\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/www.nerdiy.de-v1.0final180x180-1.png?fit=180%2C180&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/nerdiy.de\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/www.nerdiy.de-v1.0final180x180-1.png?fit=180%2C180&ssl=1\",\"width\":180,\"height\":180,\"caption\":\"Nerdiy.de\"},\"image\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/nerdiy.de\",\"https:\\\/\\\/x.com\\\/nerdiyde\",\"https:\\\/\\\/www.instagram.com\\\/nerdiy.de\\\/\",\"https:\\\/\\\/www.pinterest.de\\\/nerdiyde\\\/\",\"https:\\\/\\\/www.youtube.com\\\/nerdiy\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#\\\/schema\\\/person\\\/f1579a71868adb0be60a74246d3e0908\",\"name\":\"Fab\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5cd8a2c5a20873f04ac46048f749a6f5335f6d9d3af744d9bb04f4052c44fca2?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5cd8a2c5a20873f04ac46048f749a6f5335f6d9d3af744d9bb04f4052c44fca2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5cd8a2c5a20873f04ac46048f749a6f5335f6d9d3af744d9bb04f4052c44fca2?s=96&d=mm&r=g\",\"caption\":\"Fab\"},\"sameAs\":[\"https:\\\/\\\/nerdiy.de\",\"https:\\\/\\\/www.facebook.com\\\/nerdiy.de\\\/\",\"https:\\\/\\\/www.instagram.com\\\/nerdiy.de\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/nerdiy-de\\\/\",\"http:\\\/\\\/www.pinterest.com\\\/nerdiyde\\\/\",\"https:\\\/\\\/x.com\\\/nerdiyde\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/Nerdiy\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HowTo : pxlBlck - Configurer et afficher des animations - nerdiy.fr - DIY, \u00e9lectronique, impression 3D et plus...","description":"Lisez une vaste collection de didacticiels d\u00e9taill\u00e9s sur Nerdiy.de sur tous les types de logiciels, de mat\u00e9riel et de sujets g\u00e9n\u00e9raux sur les fabricants.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nerdiy.de\/fr\/comment-configurer-et-afficher-les-animations-pxlblck\/","og_locale":"fr_FR","og_type":"article","og_title":"HowTo: pxlBlck - Animationen konfigurieren und anzeigen - nerdiy.de - DIY, Elektronik, 3D Druck und mehr...","og_description":"Read a huge collection of detailed Tutorials on Nerdiy.de about all kind of Software, Hardware and general maker topics.","og_url":"https:\/\/nerdiy.de\/fr\/comment-configurer-et-afficher-les-animations-pxlblck\/","og_site_name":"nerdiy.de - DIY, Elektronik, 3D Druck und mehr...","article_publisher":"https:\/\/www.facebook.com\/nerdiy.de","article_author":"https:\/\/www.facebook.com\/nerdiy.de\/","article_published_time":"2020-12-12T16:08:43+00:00","article_modified_time":"2020-12-12T17:36:51+00:00","og_image":[{"width":1564,"height":1564,"url":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-animationen-konfigurieren-und-anzeigen-img-20201210-235604.jpg?fit=1564%2C1564&ssl=1","type":"image\/jpeg"}],"author":"Fab","twitter_card":"summary_large_image","twitter_creator":"@nerdiyde","twitter_site":"@nerdiyde","twitter_misc":{"Written by":"Fab","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/nerdiy.de\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\/#article","isPartOf":{"@id":"https:\/\/nerdiy.de\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\/"},"author":{"name":"Fab","@id":"https:\/\/nerdiy.de\/de_de\/#\/schema\/person\/f1579a71868adb0be60a74246d3e0908"},"headline":"HowTo: pxlBlck &#8211; Animationen konfigurieren und anzeigen","datePublished":"2020-12-12T16:08:43+00:00","dateModified":"2020-12-12T17:36:51+00:00","mainEntityOfPage":{"@id":"https:\/\/nerdiy.de\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\/"},"wordCount":919,"commentCount":0,"publisher":{"@id":"https:\/\/nerdiy.de\/de_de\/#organization"},"image":{"@id":"https:\/\/nerdiy.de\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-animationen-konfigurieren-und-anzeigen-img-20201210-235604.jpg?fit=1564%2C1564&ssl=1","keywords":["Arduino","ESP32","ESP8266","ESPEasy","ESPEasy-Plugin"],"articleSection":["3D-Druck","Abendprojekt(&lt;2h)","Elektronik","ESP Easy","pxlBlck","SmartHome"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/nerdiy.de\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/nerdiy.de\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\/","url":"https:\/\/nerdiy.de\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\/","name":"HowTo : pxlBlck - Configurer et afficher des animations - nerdiy.fr - DIY, \u00e9lectronique, impression 3D et plus...","isPartOf":{"@id":"https:\/\/nerdiy.de\/de_de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nerdiy.de\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\/#primaryimage"},"image":{"@id":"https:\/\/nerdiy.de\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-animationen-konfigurieren-und-anzeigen-img-20201210-235604.jpg?fit=1564%2C1564&ssl=1","datePublished":"2020-12-12T16:08:43+00:00","dateModified":"2020-12-12T17:36:51+00:00","description":"Lisez une vaste collection de didacticiels d\u00e9taill\u00e9s sur Nerdiy.de sur tous les types de logiciels, de mat\u00e9riel et de sujets g\u00e9n\u00e9raux sur les fabricants.","breadcrumb":{"@id":"https:\/\/nerdiy.de\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nerdiy.de\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/nerdiy.de\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\/#primaryimage","url":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-animationen-konfigurieren-und-anzeigen-img-20201210-235604.jpg?fit=1564%2C1564&ssl=1","contentUrl":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-animationen-konfigurieren-und-anzeigen-img-20201210-235604.jpg?fit=1564%2C1564&ssl=1","width":1564,"height":1564},{"@type":"BreadcrumbList","@id":"https:\/\/nerdiy.de\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/nerdiy.de\/de_de\/"},{"@type":"ListItem","position":2,"name":"HowTo: pxlBlck &#8211; Animationen konfigurieren und anzeigen"}]},{"@type":"WebSite","@id":"https:\/\/nerdiy.de\/de_de\/#website","url":"https:\/\/nerdiy.de\/de_de\/","name":"nerdiy.de - DIY, \u00e9lectronique, impression 3D et plus...","description":"Sur nerdiy.fr, tout tourne autour de l'\u00e9lectronique, du bricolage, de l'impression 3D, de la maison intelligente et de nombreux autres sujets techniques.","publisher":{"@id":"https:\/\/nerdiy.de\/de_de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nerdiy.de\/de_de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/nerdiy.de\/de_de\/#organization","name":"Nerdiy.de","url":"https:\/\/nerdiy.de\/de_de\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/nerdiy.de\/de_de\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/04\/www.nerdiy.de-v1.0final180x180-1.png?fit=180%2C180&ssl=1","contentUrl":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/04\/www.nerdiy.de-v1.0final180x180-1.png?fit=180%2C180&ssl=1","width":180,"height":180,"caption":"Nerdiy.de"},"image":{"@id":"https:\/\/nerdiy.de\/de_de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/nerdiy.de","https:\/\/x.com\/nerdiyde","https:\/\/www.instagram.com\/nerdiy.de\/","https:\/\/www.pinterest.de\/nerdiyde\/","https:\/\/www.youtube.com\/nerdiy"]},{"@type":"Person","@id":"https:\/\/nerdiy.de\/de_de\/#\/schema\/person\/f1579a71868adb0be60a74246d3e0908","name":"Fab","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/5cd8a2c5a20873f04ac46048f749a6f5335f6d9d3af744d9bb04f4052c44fca2?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5cd8a2c5a20873f04ac46048f749a6f5335f6d9d3af744d9bb04f4052c44fca2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5cd8a2c5a20873f04ac46048f749a6f5335f6d9d3af744d9bb04f4052c44fca2?s=96&d=mm&r=g","caption":"Fab"},"sameAs":["https:\/\/nerdiy.de","https:\/\/www.facebook.com\/nerdiy.de\/","https:\/\/www.instagram.com\/nerdiy.de","https:\/\/www.linkedin.com\/company\/nerdiy-de\/","http:\/\/www.pinterest.com\/nerdiyde\/","https:\/\/x.com\/nerdiyde","https:\/\/www.youtube.com\/c\/Nerdiy"]}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-animationen-konfigurieren-und-anzeigen-img-20201210-235604.jpg?fit=1564%2C1564&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9GM3g-3De","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":13274,"url":"https:\/\/nerdiy.de\/fr\/comment-installer-et-configurer-pxlblck-le-plugin-pxlblck\/","url_meta":{"origin":13964,"position":0},"title":"HowTo\u00a0: pxlBlck \u2013 Installer et configurer le plugin pxlBlck","author":"Fab","date":"12. December 2020","format":false,"excerpt":"Das pxlBlck-plugin f\u00fcr das ESPEasy Framework ist das \"Software-Gegenst\u00fcck\" zu den pxlBlck-Plattformen. Mit dem Plugin k\u00f6nnt Ihr die verbauten LED Matrizen leicht ansteuern und mithilfe der anderen Funktionen ist relativ leicht eigene Animationen und Benachrichtigungen auf der LED-Matrix anzuzeigen. pxlBlck-Plattform Bevor Ihr mit der Installation des Plugins fortfahrt, solltet Ihr\u2026","rel":"","context":"In &quot;3D-Druck&quot;","block_context":{"text":"3D-Druck","link":"https:\/\/nerdiy.de\/fr\/categorie\/impression-en-3d\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-das-pxlblck-plugin-installieren-und-konfigurieren-firefox-8k7fzetyi1.jpg?fit=969%2C861&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-das-pxlblck-plugin-installieren-und-konfigurieren-firefox-8k7fzetyi1.jpg?fit=969%2C861&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-das-pxlblck-plugin-installieren-und-konfigurieren-firefox-8k7fzetyi1.jpg?fit=969%2C861&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-das-pxlblck-plugin-installieren-und-konfigurieren-firefox-8k7fzetyi1.jpg?fit=969%2C861&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":7726,"url":"https:\/\/nerdiy.de\/fr\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/","url_meta":{"origin":13964,"position":1},"title":"HowTo\u00a0: pxlBlck - concevoir des ic\u00f4nes, les transf\u00e9rer sur le pxlBlck et les afficher","author":"Fab","date":"12. December 2020","format":false,"excerpt":"Mit der Entwicklung der pxlBlcks habe ich begonnen, weil ich auf der Suche nach einer M\u00f6glichkeit war \u00fcber Ereignisse im SmartHome informiert zu bleiben. Mittlerweile gibt es dazu zwei in das pxlBlck-Plugin integrierte Optionen. Neben der M\u00f6glichkeit Animationen anzeigen zu k\u00f6nnen gibt es dazu auch die M\u00f6glichkeit vordefinierte Icons auf\u2026","rel":"","context":"In &quot;Abendprojekt(&lt;2h)&quot;","block_context":{"text":"Abendprojekt(&lt;2h)","link":"https:\/\/nerdiy.de\/fr\/categorie\/projet-de-soiree2h\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-incollage-20200604-194845972.jpg?fit=1200%2C1200&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-incollage-20200604-194845972.jpg?fit=1200%2C1200&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-incollage-20200604-194845972.jpg?fit=1200%2C1200&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-incollage-20200604-194845972.jpg?fit=1200%2C1200&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-incollage-20200604-194845972.jpg?fit=1200%2C1200&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":13724,"url":"https:\/\/nerdiy.de\/fr\/howto-pxlblck-commands-pour-configurer-le-pxlblck\/","url_meta":{"origin":13964,"position":2},"title":"HowTo\u00a0: pxlBlck - Commandes pour configurer le pxlBlck","author":"Fab","date":"12. December 2020","format":false,"excerpt":"Das pxlBlck-plugin bzw. die Funktionen Eures pxlBlck lassen sich prinzipiell auf zwei unterschiedlichen Wegen konfigurieren. Eine M\u00f6glichkeit ist die Konfiguration der meisten Funktionen \u00fcber das Webmen\u00fc des Plugins. Viele Infos dazu findet Ihr in dem Artikel pxlBlck - Das pxlBlck-Plugin installieren und konfigurieren Neben dieser M\u00f6glichkeit k\u00f6nnt Ihr Euren pxBlck\u2026","rel":"","context":"In &quot;Elektronik&quot;","block_context":{"text":"Elektronik","link":"https:\/\/nerdiy.de\/fr\/categorie\/electronique\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-nn3d9sugck.jpg?fit=1152%2C783&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-nn3d9sugck.jpg?fit=1152%2C783&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-nn3d9sugck.jpg?fit=1152%2C783&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-nn3d9sugck.jpg?fit=1152%2C783&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-nn3d9sugck.jpg?fit=1152%2C783&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":974,"url":"https:\/\/nerdiy.de\/fr\/pxlblck\/","url_meta":{"origin":13964,"position":3},"title":"pxlBlck - Un syst\u00e8me d'information IOT\/SmartHome","author":"Fab","date":"12. December 2020","format":false,"excerpt":"pxlBlck ist ein System aus Hard- und Software um ein Informationssystem f\u00fcr das SmartHome aufzubauen. Es stehen verschiedene Software- und Hardwareoptionen zur Verf\u00fcgung. Dank der Integration in ein EspEasy-Plugin k\u00f6nnen die pxlBlck's ohne externe Automatisierungssoftware automatisiert werden. In Kombination mit externer Automatisierungssoftware (z. B. NodeRed, MQTT-Server, etc...) k\u00f6nnen auch verschiedene\u2026","rel":"","context":"In &quot;3D-Druck&quot;","block_context":{"text":"3D-Druck","link":"https:\/\/nerdiy.de\/fr\/categorie\/impression-en-3d\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/11\/www.nerdiy.de-20200717-184353-scaled.jpg?fit=1200%2C900&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/11\/www.nerdiy.de-20200717-184353-scaled.jpg?fit=1200%2C900&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/11\/www.nerdiy.de-20200717-184353-scaled.jpg?fit=1200%2C900&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/11\/www.nerdiy.de-20200717-184353-scaled.jpg?fit=1200%2C900&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/11\/www.nerdiy.de-20200717-184353-scaled.jpg?fit=1200%2C900&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":8847,"url":"https:\/\/nerdiy.de\/fr\/pxlblck-toutes-les-infos-pour-les-testeurs-de-la-derniere-pre-release\/","url_meta":{"origin":13964,"position":4},"title":"pxlBlck - Toutes les informations pour les testeurs de la derni\u00e8re pr\u00e9-version","author":"Fab","date":"15. August 2020","format":false,"excerpt":"Liebe Tester,zu allererst vielen Dank, dass Ihr Euch bereit erkl\u00e4rt habt das pxlBlck Plugin zu testen. :) Im folgenden versuche ich alles aufzulisten, dass Ihr f\u00fcr die Installation und den Betrieb des Plugins ben\u00f6tigt. Wenn etwas fehlt erw\u00e4hnt das bitte einfach in der Kommtnarfunktion ganz am Ende der Seite. :)\u2026","rel":"","context":"In &quot;pxlBlckDev&quot;","block_context":{"text":"pxlBlckDev","link":"https:\/\/nerdiy.de\/fr\/categorie\/esp-facile\/pxlblck\/pxlblckdev\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/08\/www.nerdiy.de-img-20200604-200809-046.jpg?fit=1080%2C1080&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/08\/www.nerdiy.de-img-20200604-200809-046.jpg?fit=1080%2C1080&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/08\/www.nerdiy.de-img-20200604-200809-046.jpg?fit=1080%2C1080&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/08\/www.nerdiy.de-img-20200604-200809-046.jpg?fit=1080%2C1080&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/08\/www.nerdiy.de-img-20200604-200809-046.jpg?fit=1080%2C1080&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":7680,"url":"https:\/\/nerdiy.de\/fr\/comment-construire-pxlblck-pxlblck_slotclock\/","url_meta":{"origin":13964,"position":5},"title":"HowTo : pxlBlck - construire pxlBlck_SlotClock","author":"Fab","date":"12. December 2020","format":false,"excerpt":"Die pxlBlck_SlotClock besteht aus einer 1x60 LED Matrix. So kann sie die Uhrzeit nach dem gleichen Schema wie eine Analoge Uhr darstellen. Die Farben der einzelnen Zeiger lassen sich einstellen. Zus\u00e4tzlich lassen sich Stundenmarkierungen anzeigen. Dadurch wird die Orientierung und das ablesen der Uhrzeit etwas leichter. :) Um \u00fcber Ereignisse\u2026","rel":"","context":"In &quot;3D-Druck&quot;","block_context":{"text":"3D-Druck","link":"https:\/\/nerdiy.de\/fr\/categorie\/impression-en-3d\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-pxlblck_slotclock-aufbauen-dsc00766-1-scaled.jpg?fit=1200%2C800&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-pxlblck_slotclock-aufbauen-dsc00766-1-scaled.jpg?fit=1200%2C800&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-pxlblck_slotclock-aufbauen-dsc00766-1-scaled.jpg?fit=1200%2C800&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-pxlblck_slotclock-aufbauen-dsc00766-1-scaled.jpg?fit=1200%2C800&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-pxlblck_slotclock-aufbauen-dsc00766-1-scaled.jpg?fit=1200%2C800&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/nerdiy.de\/fr\/wp-json\/wp\/v2\/posts\/13964","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nerdiy.de\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nerdiy.de\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nerdiy.de\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nerdiy.de\/fr\/wp-json\/wp\/v2\/comments?post=13964"}],"version-history":[{"count":0,"href":"https:\/\/nerdiy.de\/fr\/wp-json\/wp\/v2\/posts\/13964\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nerdiy.de\/fr\/wp-json\/wp\/v2\/media\/13991"}],"wp:attachment":[{"href":"https:\/\/nerdiy.de\/fr\/wp-json\/wp\/v2\/media?parent=13964"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nerdiy.de\/fr\/wp-json\/wp\/v2\/categories?post=13964"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nerdiy.de\/fr\/wp-json\/wp\/v2\/tags?post=13964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}