{"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":"howto-pxlblck-animationen-konfigurieren-und-anzeigen","status":"publish","type":"post","link":"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\/","title":{"rendered":"HowTo: pxlBlck &#8211; Animationen konfigurieren und anzeigen"},"content":{"rendered":"\n<p>Mithilfe des pxlBlcks k\u00f6nnt Ihr Euch auf verschiedenen Wegen \u00fcber Ereignisse informieren lassen. Eine dieser M\u00f6glichkeiten besteht darin sich zuvor eingestellte Icons anzeigen lassen zu k\u00f6nnen.<\/p>\n\n\n\n<p>Leider funktioniert diese M\u00f6glichkeit nur auf LED-Matrizen mit einer H\u00f6he gr\u00f6\u00dfer als eins, also nicht auf den pxlBlcks welch &#8222;nur&#8220; einen LED-Streifen bzw. eine 1&#215;60 LED-Matrix verwenden. <\/p>\n\n\n\n<p>Deswegen gibt es neben der M\u00f6glichkeit Icons anzuzeigen auch noch die M\u00f6glichkeit Animationen anzuzeigen. Diese Animationen funktionieren auf allen vom pxlBlck-plugin unterst\u00fctzten LED-Matrizen.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Grundlagen zu Animationen<\/h2>\n\n\n\n<p>Animationen k\u00f6nnen nur \u00fcber den korrekten Befehl angezeigt werden. Das hei\u00dft, dass diese auch nur Ereignisbezogen ausgef\u00fchrt werden. <\/p>\n\n\n\n<p>Zum Beispiel k\u00f6nnt Ihr eine Animation ausl\u00f6sen, wenn eine bestimmte nachricht per MQTT an den pxlBlck gesendet wird, ein angeschlossener Sensor einen Bestimmten Zustand eingenommen hat aber auch zum Beispiel dann, wenn der pxlBlck gestartet ist oder die Verbindung zum WLAN verloren hat. Ein paar Beispiele dazu werde ich unter dem Tag pxlBlckUsecase sammeln. Ihr findet eine Liste dieser Usecases unter <strong><em><a href=\"https:\/\/nerdiy.de\/tag\/pxlblckusecase\/\">https:\/\/nerdiy.de\/tag\/pxlblckusecase\/<\/a><\/em><\/strong><\/p>\n\n\n\n<p>Im folgenden ein paar Grundlagen zum Grunds\u00e4tzlichen Aufbau des Befehls zum Ausl\u00f6sen von Animationen auf dem pxlBlck. Wie Ihr diesen Befehl an den pxlBlck senden k\u00f6nnt ist auch in dem Artikel <strong><em><a rel=\"noreferrer noopener\" href=\"https:\/\/nerdiy.de\/howto-espeasy-befehle-ausfuehren\/\" target=\"_blank\">ESPEasy \u2013 Befehle und Aktionen per HTTP, MQTT, UDP und direkt ausf\u00fchren<\/a><\/em><\/strong> beschrieben. Grunds\u00e4tzliche Informationen zum Aufbau der Befehle des pxlBlck k\u00f6nnt Ihr dazu auch in diesem Artikel nachlesen<strong><em> <a href=\"https:\/\/nerdiy.de\/howto-pxlblck-befehle-zur-konfiguration-des-pxlblck\/\" target=\"_blank\" rel=\"noreferrer noopener\">pxlBlck &#8211; Befehle zur Konfiguration des pxlBlck<\/a><\/em><\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Befehlsname<\/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>Befehls\u00fcbersicht<\/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>green <em>0-255],[<em>color_on_<\/em><\/em>blue <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>Parameter-Beschreibung<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table class=\"has-fixed-layout\"><thead><tr><th>Parametername<\/th><th>Beschreibung<\/th><th class=\"has-text-align-center\" data-align=\"center\">Erlaubter Wertebereich<\/th><\/tr><\/thead><tbody><tr><td><em>animation_type<\/em><\/td><td>Dieser parameter legt den Typ der Animation fest. Eine \u00dcbersicht \u00fcber die M\u00f6glichen Animationen findet Ihr in der nachfolgenden Tabelle.<\/td><td class=\"has-text-align-center\" data-align=\"center\">1-6<\/td><\/tr><tr><td><em>color_on_red<\/em><\/td><td>Dieser Parameter bestimmt die Helligkeit der Roten Farbe bei der Eingangsanimation.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-255<\/td><\/tr><tr><td><em><em>color_on_<\/em><\/em>green<\/td><td>Dieser Parameter bestimmt die Helligkeit der Gr\u00fcnen Farbe bei der Eingangsanimation.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-255<\/td><\/tr><tr><td><em><em>color_on_<\/em><\/em>blue<\/td><td>Dieser Parameter bestimmt die Helligkeit der Blauen Farbe bei der Eingangsanimation.<\/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>Dieser Parameter bestimmt die Helligkeit der Roten Farbe bei der Ausgangsanimation.<\/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>Dieser Parameter bestimmt die Helligkeit der Gr\u00fcnen Farbe bei der Ausgangsanimation.<\/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>Dieser Parameter bestimmt die Helligkeit der Blauen Farbe bei der Ausgangsanimation.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-255<\/td><\/tr><tr><td><em>animation_delay<\/em><\/td><td>Hiermit k\u00f6nnt Ihr die Zeitdauer f\u00fcr die Animation festlegen. Sie wird in Millisekunden angegeben und beschreibt die Anzeigedauer pro 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\">\u00dcbersicht der Animationen<\/h4>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table class=\"has-fixed-layout\"><thead><tr><th>ID<\/th><th>Beschreibung<\/th><\/tr><\/thead><tbody><tr><td>1<\/td><td>Die LED-Matrix wird von Rechts mit der Eingangsfarbe gef\u00fcllt und dann nach Links mit der Ausgangsfarbe \u00fcberschrieben.<\/td><\/tr><tr><td>2<\/td><td>Die LED-Matrix wird von Links mit der Eingangsfarbe gef\u00fcllt und dann nach Rechts mit der Ausgangsfarbe \u00fcberschrieben.<\/td><\/tr><tr><td>3<\/td><td>Eine Vertikale Linie (in Eingangsfarbe) wandert von Links nach Rechts (in Ausgangsfarbe).<\/td><\/tr><tr><td>4<\/td><td>Eine Vertikale Linie (in Ausgangsfarbe) wandert von Links nach Rechts (in Eingangsfarbe).<\/td><\/tr><tr><td>5<\/td><td>Die LED-Matrix wird von Beiden Seite zur Mtte hin gef\u00fcllt und dann wieder aufgel\u00f6st.<\/td><\/tr><tr><td>6<\/td><td>Die LED-Matrix wird von der Mitte aus gef\u00fcllt und dann wieder aufgel\u00f6st.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Infos zur Implementierung<\/h2>\n\n\n\n<p>Die Ausf\u00fchrung von Animationen ist so implementiert, dass w\u00e4hrend die Animation angezeigt wird keine anderen Aufgaben ausgef\u00fchrt werden k\u00f6nnen. Das hat zur Folge, dass w\u00e4hrend der Anzeige einer Animation zum Beispiel das Laden des Webmen\u00fcs des pxlBlck nicht fortgesetzt werden kann. Au\u00dferdem werden w\u00e4hrend der Ausf\u00fchrungszeit der Animation auch keine anderen Befehle bearbeitet. Diese sollten aber nach Abschluss der Animation ausgef\u00fchrt werden.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">&#8222;Cooldown-Time&#8220;<\/h2>\n\n\n\n<p>Die Bearbeitung von Animationen ist zeitlich begrenzt. Das hei\u00dft das der pxlBlck nach dem Empfang eines Befehls zur Anzeige einer Animation eine zeit lang weitere Befehle zur Animationsanzeige ignoriert. <\/p>\n\n\n\n<p>Diese Zeitspanne ist im Quellcode festgelegt und l\u00e4sst sich im Betrieb nicht ver\u00e4ndern. Wenn Ihr diese \u00e4ndern wollt: Sie ist mit dem #define PXLBLCK_ANIMATION_COOLDOWN_TIME definiert.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Beispiele<\/h2>\n\n\n\n<p>Im folgenden Absatz sind ein paar Beispiel-Befehle und deren Ansicht auf den verschiedenen pxlBlcks aufgef\u00fchrt.<\/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=de-DE&#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>Infos<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Animationstyp: 1<\/li><li>Verz\u00f6gerung: 50ms<\/li><li>Eingangsfarbe (RGB Wert): 1<em>50,0,0<\/em> <\/li><li>Ausgangsfarbe (RGB Wert): <em><em>0,0,150<\/em><\/em><\/li><\/ul>\n\n\n\n<p><strong>Befehl<\/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=de-DE&#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>Infos<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Animationstyp: 2<\/li><li>Verz\u00f6gerung: 50ms<\/li><li>Eingangsfarbe (RGB Wert): <em>50,50,50<\/em> <\/li><li>Ausgangsfarbe (RGB Wert): <em><em>0,50,0<\/em><\/em><\/li><\/ul>\n\n\n\n<p><strong>Befehl<\/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=de-DE&#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>Infos<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Animationstyp: 3<\/li><li>Verz\u00f6gerung: 150ms<\/li><li>Eingangsfarbe (RGB Wert): <em>50,50,50<\/em> <\/li><li>Ausgangsfarbe (RGB Wert): <em><em>0,50,0<\/em><\/em><\/li><\/ul>\n\n\n\n<p><strong>Befehl<\/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=de-DE&#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>Infos<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Animationstyp: 4<\/li><li>Verz\u00f6gerung: 50ms<\/li><li>Eingangsfarbe (RGB Wert): <em>50,50,50<\/em> <\/li><li>Ausgangsfarbe (RGB Wert): <em><em>0,50,0<\/em><\/em><\/li><\/ul>\n\n\n\n<p><strong>Befehl<\/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=de-DE&#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>Infos<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Animationstyp: 5<\/li><li>Verz\u00f6gerung: 50ms<\/li><li>Eingangsfarbe (RGB Wert): <em>50,50,50<\/em> <\/li><li>Ausgangsfarbe (RGB Wert): <em><em>0,0,50<\/em><\/em><\/li><\/ul>\n\n\n\n<p><strong>Befehl<\/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=de-DE&#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>Infos<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Animationstyp: 6<\/li><li>Verz\u00f6gerung: 20ms <\/li><li>Eingangsfarbe (RGB Wert): <em>50,50,50<\/em> <\/li><li>Ausgangsfarbe (RGB Wert): <em><em>0,50,0<\/em><\/em><\/li><\/ul>\n\n\n\n<p><strong>Befehl<\/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=de-DE&#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>Infos<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Animationstyp: 5<\/li><li>Verz\u00f6gerung: 20ms (20ms ist die genutzte Standardverz\u00f6gerung, falls dieser Parameter auf Null gesetzt wird)<\/li><li>Eingangsfarbe (RGB Wert): 15<em>0,0,0<\/em> <\/li><li>Ausgangsfarbe (RGB Wert): <em><em>0,0,0<\/em><\/em><\/li><\/ul>\n\n\n\n<p><strong>Befehl<\/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=de-DE&#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>Infos<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Animationstyp: 1<\/li><li>Verz\u00f6gerung: 20ms (20ms ist die genutzte Standardverz\u00f6gerung, falls dieser Parameter auf Null gesetzt wird)<\/li><li>Eingangsfarbe (RGB Wert): 10<em>0,100,100<\/em> <\/li><li>Ausgangsfarbe (RGB Wert): <em><em>0,0,0<\/em><\/em><\/li><\/ul>\n\n\n\n<p><strong>Befehl<\/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=de-DE&#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>Infos<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Animationstyp: 1<\/li><li>Verz\u00f6gerung: 50ms <\/li><li>Eingangsfarbe (RGB Wert): 15<em>0,0,0<\/em> <\/li><li>Ausgangsfarbe (RGB Wert): <em><em>0,0,150<\/em><\/em><\/li><\/ul>\n\n\n\n<p><strong>Befehl<\/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=de-DE&#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>Infos<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Animationstyp: 3<\/li><li>Verz\u00f6gerung: 150ms<\/li><li>Eingangsfarbe (RGB Wert): 5<em>0,50,50<\/em> <\/li><li>Ausgangsfarbe (RGB Wert): <em><em>0,50,0<\/em><\/em><\/li><\/ul>\n\n\n\n<p><strong>Befehl<\/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=de-DE&#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>Infos<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Animationstyp: 4<\/li><li>Verz\u00f6gerung: 50ms<\/li><li>Eingangsfarbe (RGB Wert): 5<em>0,50,50<\/em> <\/li><li>Ausgangsfarbe (RGB Wert): <em><em>0,50,0<\/em><\/em><\/li><\/ul>\n\n\n\n<p><strong>Befehl<\/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>Viel Spa\u00df mit dem Projekt<\/h2>\r\n<p>Ich hoffe bei euch hat alles wie beschrieben funktioniert. Falls nicht oder ihr Fragen oder Anregungen habt lasst es mich in den Kommentaren bitte wissen. Ich trage dies dann ggf. in den Artikel nach.<br \/>Auch Ideen f\u00fcr neue Projekte sind immer gerne willkommen. \ud83d\ude42<\/p>\r\n<p><strong>P.S. Viele dieser Projekte - besonders die Hardwareprojekte - kosten viel Zeit und Geld. Nat\u00fcrlich mache ich das weil ich Spa\u00df daran habe, aber wenn Du es cool findest, dass ich die Infos dazu mit Euch teile, w\u00fcrde ich mich \u00fcber eine kleine Spende an die Kaffeekasse freuen. \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=\"Buy Me a Coffee at 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 - The safer, easier way to pay online!\" 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>\n","protected":false},"excerpt":{"rendered":"<p>Mithilfe des pxlBlcks k\u00f6nnt Ihr Euch auf verschiedenen Wegen \u00fcber Ereignisse informieren lassen. Eine dieser M\u00f6glichkeiten besteht darin sich zuvor eingestellte Icons anzeigen lassen zu k\u00f6nnen. Leider funktioniert diese M\u00f6glichkeit [&hellip;]<\/p>\n","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.4 - 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\/de_de\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\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\/de_de\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\/\" \/>\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=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fab\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"4\u00a0Minuten\" \/>\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\":\"de\",\"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\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@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\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#organization\",\"name\":\"Nerdiy.de\",\"url\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@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\":\"de\",\"@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 - Animationen konfigurieren und anzeigen - nerdiy.de - DIY, Elektronik, 3D Druck und mehr...","description":"Read a huge collection of detailed Tutorials on Nerdiy.de about all kind of Software, Hardware and general maker topics.","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\/de_de\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\/","og_locale":"de_DE","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\/de_de\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\/","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":{"Verfasst von":"Fab","Gesch\u00e4tzte Lesezeit":"4\u00a0Minuten"},"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":"de","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":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nerdiy.de\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\/"]}]},{"@type":"ImageObject","inLanguage":"de","@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":"de"},{"@type":"Organization","@id":"https:\/\/nerdiy.de\/de_de\/#organization","name":"Nerdiy.de","url":"https:\/\/nerdiy.de\/de_de\/","logo":{"@type":"ImageObject","inLanguage":"de","@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":"de","@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\/de_de\/howto-pxlblck-das-pxlblck-plugin-installieren-und-konfigurieren\/","url_meta":{"origin":13964,"position":0},"title":"HowTo: pxlBlck &#8211; Das pxlBlck-Plugin installieren und konfigurieren","author":"Fab","date":"12. Dezember 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\/de_de\/category\/3d-druck\/"},"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\/de_de\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\/","url_meta":{"origin":13964,"position":1},"title":"HowTo: pxlBlck &#8211; Icons designen, auf den pxlBlck \u00fcbertragen und anzeigen","author":"Fab","date":"12. Dezember 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\/de_de\/category\/abendprojekt2h\/"},"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\/de_de\/howto-pxlblck-befehle-zur-konfiguration-des-pxlblck\/","url_meta":{"origin":13964,"position":2},"title":"HowTo: pxlBlck &#8211; Befehle zur Konfiguration des pxlBlck","author":"Fab","date":"12. Dezember 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\/de_de\/category\/elektronik\/"},"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\/de_de\/pxlblck\/","url_meta":{"origin":13964,"position":3},"title":"pxlBlck &#8211; Ein IOT\/SmartHome Informations-System","author":"Fab","date":"12. Dezember 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\/de_de\/category\/3d-druck\/"},"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\/de_de\/pxlblck-alle-infos-fuer-tester-des-neusten-pre-release\/","url_meta":{"origin":13964,"position":4},"title":"pxlBlck &#8211; Alle Infos f\u00fcr Tester des neusten Pre-Release","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\/de_de\/category\/esp-easy\/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\/de_de\/howto-pxlblck-pxlblck_slotclock-aufbauen\/","url_meta":{"origin":13964,"position":5},"title":"HowTo: pxlBlck &#8211; pxlBlck_SlotClock aufbauen","author":"Fab","date":"12. Dezember 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\/de_de\/category\/3d-druck\/"},"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\/de_de\/wp-json\/wp\/v2\/posts\/13964","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nerdiy.de\/de_de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nerdiy.de\/de_de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nerdiy.de\/de_de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nerdiy.de\/de_de\/wp-json\/wp\/v2\/comments?post=13964"}],"version-history":[{"count":0,"href":"https:\/\/nerdiy.de\/de_de\/wp-json\/wp\/v2\/posts\/13964\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nerdiy.de\/de_de\/wp-json\/wp\/v2\/media\/13991"}],"wp:attachment":[{"href":"https:\/\/nerdiy.de\/de_de\/wp-json\/wp\/v2\/media?parent=13964"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nerdiy.de\/de_de\/wp-json\/wp\/v2\/categories?post=13964"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nerdiy.de\/de_de\/wp-json\/wp\/v2\/tags?post=13964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}