{"id":35907,"date":"2024-09-17T13:42:51","date_gmt":"2024-09-17T11:42:51","guid":{"rendered":"https:\/\/projectes.xtec.cat\/pensament-computacional\/?page_id=35907"},"modified":"2024-10-11T07:47:00","modified_gmt":"2024-10-11T05:47:00","slug":"guia-rapida-esp32-steamakers","status":"publish","type":"page","link":"https:\/\/projectes.xtec.cat\/pensament-computacional\/inici\/robotica\/guies-rapides-inici\/guies-rapides-esp32-steamakers\/guia-rapida-esp32-steamakers\/","title":{"rendered":"Tira de leds"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-6 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 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-image aligncenter size-full\"><a href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2023\/09\/ESP32_boto-removebg-preview.png\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"300\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2023\/09\/ESP32_boto-removebg-preview.png\" alt=\"\" class=\"wp-image-28929\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2023\/09\/ESP32_boto-removebg-preview.png 400w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2023\/09\/ESP32_boto-removebg-preview-300x225.png 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 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-image aligncenter size-large\"><a href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/grafics-guies-rapides-3-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"724\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/grafics-guies-rapides-3-2-1024x724.png\" alt=\"\" class=\"wp-image-35872\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/grafics-guies-rapides-3-2-1024x724.png 1024w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/grafics-guies-rapides-3-2-300x212.png 300w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/grafics-guies-rapides-3-2-768x543.png 768w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/grafics-guies-rapides-3-2-1536x1086.png 1536w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/grafics-guies-rapides-3-2.png 2000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center has-small-font-size\"><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center has-small-font-size\"><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-4 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center has-small-font-size\"><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center has-small-font-size\"><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-12 wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-bottom:0;flex-basis:25%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-5 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-11 wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-bottom:0\">\n<div class=\"wp-block-getwid-section caixared alignwide alignwide getwid-margin-top-none getwid-margin-bottom-none\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<p class=\"has-text-align-center has-medium-font-size\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0\"><strong>Guia r\u00e0pida<\/strong><\/p>\n<\/div><\/div><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-ast-global-color-0-color has-text-color has-link-color has-large-font-size wp-elements-3116efb031d271fabd9ab234c26aa8b2\" style=\"margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20);padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);font-style:normal;font-weight:300\"><strong>Com treballar amb la tira de leds<\/strong><\/h2>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-getwid-tabs active-tab2 tablinks-active2\" data-active-tab=\"0\"><ul class=\"wp-block-getwid-tabs__nav-links\"><\/ul>\n<div class=\"wp-block-getwid-tabs__nav-link\"><span class=\"wp-block-getwid-tabs__title-wrapper\"><a href=\"#\"><span class=\"wp-block-getwid-tabs__title\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-1-color\"><strong>General<\/strong><\/mark><\/span><\/a><\/span><\/div><div class=\"wp-block-getwid-tabs__tab-content-wrapper\"><div class=\"wp-block-getwid-tabs__tab-content\">\n<div class=\"wp-block-getwid-section caixa2 getwid-margin-top-none\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<p style=\"margin-top:var(--wp--preset--spacing--20);margin-right:0;margin-bottom:var(--wp--preset--spacing--20);margin-left:0;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30)\">En aquesta guia r\u00e0pida trobareu les instruccions per treballar amb una tira de leds com la que trobeu als conjunts de prim\u00e0ria i de secund\u00e0ria b\u00e0sic.<\/p>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading has-pale-cyan-blue-background-color has-text-color has-background has-link-color wp-elements-2b7baa4dcde393e30c388460318d7c40\" style=\"color:#595959e3;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30)\"><strong>Material necessari<\/strong><\/h5>\n\n\n\n<div style=\"margin-top:0;margin-bottom:0;height:7px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none getwid-margin-bottom-none\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-small getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background has-background has-ast-global-color-5-background-color\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<ul class=\"wp-block-list\">\n<li>Placa ESP32 STEAMakers<\/li>\n\n\n\n<li>Tira de leds<\/li>\n\n\n\n<li>Cable adaptador GVS per a la tira de leds<\/li>\n\n\n\n<li>Ordinador. Abans de comen\u00e7ar a fer servir la placa ESP32 STEAMakers, cal comprovar que el nostre dispositiu tingui instal\u00b7lats els controladors necessaris. Trobareu tota la informaci\u00f3 en aquesta <a href=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/09\/ESP32-STEAMakers_.pdf#page=7\" data-type=\"link\" data-id=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/09\/ESP32-STEAMakers_.pdf#page=7\" target=\"_blank\" rel=\"noreferrer noopener\">fitxa<\/a>.<\/li>\n<\/ul>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div style=\"height:2px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);height:2px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);height:2px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-getwid-tabs__nav-link\"><span class=\"wp-block-getwid-tabs__title-wrapper\"><a href=\"#\"><span class=\"wp-block-getwid-tabs__title\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-1-color\"><strong>Pas a pas<\/strong><\/mark><\/span><\/a><\/span><\/div><div class=\"wp-block-getwid-tabs__tab-content-wrapper\"><div class=\"wp-block-getwid-tabs__tab-content\">\n<div class=\"wp-block-getwid-section\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background has-background has-ast-global-color-5-background-color\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<p><strong>1.<\/strong> Executeu el programa AB-Connector. Recordeu que cal que estigui en execuci\u00f3 tota l&#8217;estona mentre treballeu amb ArduinoBlocks. <\/p>\n\n\n\n<p><strong>2.<\/strong> Aneu a <a href=\"http:\/\/www.arduinoblocks.com\/web\/site\/login\" target=\"_blank\" rel=\"noreferrer noopener\">ArduinoBlocks<\/a>, inicieu sessi\u00f3 i comenceu un nou projecte del tipus &#8220;UNO&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge1-15.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"866\" height=\"473\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge1-15.jpg\" alt=\"\" class=\"wp-image-35911\" style=\"width:359px;height:auto\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge1-15.jpg 866w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge1-15-300x164.jpg 300w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge1-15-768x419.jpg 768w\" sizes=\"auto, (max-width: 866px) 100vw, 866px\" \/><\/a><\/figure>\n\n\n\n<p><strong>3.<\/strong> Incorporeu el <a href=\"https:\/\/projectes.xtec.cat\/digital\/equipaments-i-infraestructures\/robotica\/formacio-tecnica-robotica\/components-i-accessoris\/sensors-i-actuadors-eso-basics\/\">cable adaptador<\/a> que trobareu al conjunt a l&#8217;extrem de la tira de leds. A continuaci\u00f3, connecteu la tira de leds a algun dels ports digitals de la placa. A l&#8217;exemple utilitzem el pin 12 (D8).<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge2-6.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1825\" height=\"1041\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge2-6.png\" alt=\"\" class=\"wp-image-35912\" style=\"width:410px;height:auto\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge2-6.png 1825w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge2-6-300x171.png 300w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge2-6-1024x584.png 1024w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge2-6-768x438.png 768w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge2-6-1536x876.png 1536w\" sizes=\"auto, (max-width: 1825px) 100vw, 1825px\" \/><\/a><\/figure>\n\n\n\n<p><strong>4.<\/strong> La tira de leds cal inicialitzar-la. Per fer-ho, aneu a la categoria &#8220;Visualitzaci\u00f3 \/ NeoPixel&#8221; i col\u00b7loqueu el bloc &#8220;Iniciar GRB 800Khz&#8230;&#8221;. A continuaci\u00f3, canvieu el nombre de p\u00edxels a 30, que s\u00f3n els que tenen les tires de leds dels conjunts i seleccioneu el pin on tingueu connectada la tira<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><a href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge3-8.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"151\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge3-8-1024x151.jpg\" alt=\"\" class=\"wp-image-35913\" style=\"width:568px;height:auto\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge3-8-1024x151.jpg 1024w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge3-8-300x44.jpg 300w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge3-8-768x113.jpg 768w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge3-8.jpg 1141w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Sota el bloc &#8220;Iniciar&#8221;, poseu un bloc &#8220;Netejar&#8221;, per assegurar que tots els leds estiguin apagats quan inicieu el programa.<\/p>\n\n\n\n<p><strong>5.<\/strong> En aquesta mateixa categoria veureu que hi ha diverses opcions per treballar amb els leds de manera individual. Podeu establir el color, la brillantor, etc. Tingueu en compte que la numeraci\u00f3 comen\u00e7a al &#8220;0&#8221;, de manera que els leds van des del 0 fins al 29.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><a href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge4-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"724\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge4-2-1024x724.png\" alt=\"\" class=\"wp-image-35887\" style=\"width:715px;height:auto\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge4-2-1024x724.png 1024w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge4-2-300x212.png 300w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge4-2-768x543.png 768w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge4-2-1536x1086.png 1536w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge4-2.png 2000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><strong>6.<\/strong> Si voleu il\u00b7luminar un p\u00edxel en concret d&#8217;un color, nom\u00e9s cal que situeu el bloc &#8220;Establir p\u00edxel #&#8230;&#8221; al bloc &#8220;Bucle&#8221;, indiqueu el n\u00famero del led que voleu il\u00b7luminar i a continuaci\u00f3 poseu el bloc &#8220;Mostra&#8221; (imatge5) <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><a href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge5-4.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"447\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge5-4-1024x447.png\" alt=\"\" class=\"wp-image-35914\" style=\"width:490px;height:auto\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge5-4-1024x447.png 1024w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge5-4-300x131.png 300w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge5-4-768x335.png 768w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge5-4.png 1141w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><strong>7.<\/strong> Feu clic al bot\u00f3 &#8220;Puja&#8221; situat a dalt a la dreta (imatge5.1) <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge5.1.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"775\" height=\"253\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge5.1.jpg\" alt=\"\" class=\"wp-image-35890\" style=\"width:453px;height:auto\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge5.1.jpg 775w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge5.1-300x98.jpg 300w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge5.1-768x251.jpg 768w\" sizes=\"auto, (max-width: 775px) 100vw, 775px\" \/><\/a><\/figure>\n\n\n\n<p>Aquest seria el funcionament m\u00e9s b\u00e0sic, per\u00f2 a continuaci\u00f3 us proposem algun exemple m\u00e9s complex. <\/p>\n\n\n\n<p><strong>Sem\u00e0for<\/strong> <\/p>\n\n\n\n<p>Primer caldr\u00e0 que inicialitzeu la tira de leds tal com s&#8217;indica al punt 4 de l&#8217;apartat anterior. <\/p>\n\n\n\n<p><strong>1.<\/strong> En aquest exemple farem que el primer led mostri el color vermell durant 2 segons, a continuaci\u00f3 s&#8217;apagar\u00e0 el primer led i el segon led mostrar\u00e0 el color taronja durant 1 segon. Per \u00faltim, s&#8217;apagar\u00e0 el segon led i el tercer mostrar\u00e0 el color verd durant 2 segons, com si fos un sem\u00e0for. Per comen\u00e7ar, de la categoria &#8220;Visualitzaci\u00f3 \/ NeoPixel&#8221;, trieu el bloc &#8220;Establir p\u00edxel #&#8221;, definiu que sigui el p\u00edxel 0 i el color vermell. A continuaci\u00f3, poseu el bloc &#8220;Mostrar&#8221;, seguit d&#8217;una pausa de 2000 mil\u00b7lisegons (de la categoria &#8220;Temps&#8221;). Per apagar el led, poseu un bloc &#8220;Establir p\u00edxel # 0&#8221; i escolliu el color negre, seguit del bloc &#8220;Mostrar&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><a href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge6-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"648\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge6-1-1024x648.png\" alt=\"\" class=\"wp-image-35915\" style=\"width:593px;height:auto\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge6-1-1024x648.png 1024w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge6-1-300x190.png 300w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge6-1-768x486.png 768w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge6-1.png 1141w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><strong>2.<\/strong> A continuaci\u00f3, engegueu el segon led (led #1). Per fer-ho, trieu el bloc &#8220;Establir p\u00edxel #1&#8221;, i establiu el color taronja, seguit d&#8217;un bloc &#8220;Mostrar&#8221; i una pausa de 1000 mil\u00b7lisegons. Per apagar el p\u00edxel, poseu el bloc &#8220;Establir p\u00edxel #1&#8221; en color negre i seguidament il\u00b7lumineu el p\u00edxel 3 de color verd, situant el bloc &#8220;Establir p\u00edxel #2&#8221; amb el color verd, seguit d&#8217;un bloc &#8220;Mostrar&#8221;. Per acabar, poseu una espera de 2000 mi\u00b7lisegons i apagueu el p\u00edxel 2 amb el bloc &#8220;Establir p\u00edxel #2&#8221; de color negre, seguit del bloc &#8220;Mostrar&#8221;. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><a href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge7-7.png\"><img loading=\"lazy\" decoding=\"async\" width=\"797\" height=\"1024\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge7-7-797x1024.png\" alt=\"\" class=\"wp-image-35916\" style=\"width:558px;height:auto\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge7-7-797x1024.png 797w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge7-7-233x300.png 233w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge7-7-768x987.png 768w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge7-7.png 1141w\" sizes=\"auto, (max-width: 797px) 100vw, 797px\" \/><\/a><\/figure>\n\n\n\n<p><strong>3.<\/strong> Pugeu el programa a la placa, tal com es descriu al punt 7 de l&#8217;apartat anterior. <\/p>\n\n\n\n<p><strong>Il\u00b7luminar tots els leds de la tira del mateix color <\/strong><\/p>\n\n\n\n<p>Per comen\u00e7ar, inicialitzeu la tira de leds tal com s&#8217;indica al punt 4 del primer apartat. <\/p>\n\n\n\n<p><strong>1.<\/strong> Per il\u00b7luminar tots els leds d&#8217;un mateix color, podr\u00edem anar situant blocs del tipus &#8220;Establir p\u00edxel #&#8230;&#8221;, seguits del bloc &#8220;Mostrar&#8221; per a cadascun dels 30 leds, per\u00f2 hi ha alternatives per fer-ho de manera m\u00e9s r\u00e0pida i eficient. En aquest exemple, utilitzareu un bloc de la categoria &#8220;Control&#8221; per fer-ho. <\/p>\n\n\n\n<p><strong>2. <\/strong>Aneu a la categoria &#8220;Control&#8221; i seleccioneu el bloc &#8220;Comptar amb i des de 0 fins a 9 en increments de 1&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge8-8.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"560\" height=\"128\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge8-8.jpg\" alt=\"\" class=\"wp-image-35898\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge8-8.jpg 560w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge8-8-300x69.jpg 300w\" sizes=\"auto, (max-width: 560px) 100vw, 560px\" \/><\/a><\/figure>\n\n\n\n<p><strong>3. <\/strong>Canvieu el valor 9 per 29, per tal que la variable &#8220;i&#8221; consideri des del led 0 (primer led de la tira) fins al led 29 (\u00faltim led de la tira). A continuaci\u00f3, de la categoria &#8220;Visualitzaci\u00f3 \/ NeoPixel&#8221;, poseu un bloc &#8220;Establir p\u00edxel #&#8230;&#8221;. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge9-5.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"567\" height=\"143\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge9-5.jpg\" alt=\"\" class=\"wp-image-35899\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge9-5.jpg 567w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge9-5-300x76.jpg 300w\" sizes=\"auto, (max-width: 567px) 100vw, 567px\" \/><\/a><\/figure>\n\n\n\n<p><strong>4.<\/strong> Per omplir el buit on va el n\u00famero del led, aneu a la Categoria &#8220;Variables&#8221;; hi trobareu la variable &#8220;i&#8221;. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge10-3.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"627\" height=\"271\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge10-3.jpg\" alt=\"\" class=\"wp-image-35900\" style=\"width:519px;height:auto\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge10-3.jpg 627w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge10-3-300x130.jpg 300w\" sizes=\"auto, (max-width: 627px) 100vw, 627px\" \/><\/a><\/figure>\n\n\n\n<p>Situeu-la al buit del n\u00famero del led i a continuaci\u00f3 situeu tamb\u00e9 el bloc &#8220;Mostrar&#8221; <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><a href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge11.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge11-1024x538.png\" alt=\"\" class=\"wp-image-35917\" style=\"width:613px;height:auto\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge11-1024x538.png 1024w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge11-300x158.png 300w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge11-768x404.png 768w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge11.png 1141w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><strong>6.<\/strong> Pugeu el programa a la placa, tal com es descriu al punt 7 del primer apartat.<\/p>\n<\/div><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-getwid-tabs__nav-link\"><span class=\"wp-block-getwid-tabs__title-wrapper\"><a href=\"#\"><span class=\"wp-block-getwid-tabs__title\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-1-color\"><strong>Desc\u00e0rregues i enlla\u00e7os<\/strong><\/mark><\/span><\/a><\/span><\/div><div class=\"wp-block-getwid-tabs__tab-content-wrapper\"><div class=\"wp-block-getwid-tabs__tab-content\">\n<div class=\"wp-block-getwid-section\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background has-background has-ast-global-color-5-background-color\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<p style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0\">Programa sencer:<\/p>\n\n\n\n<div class=\"wp-block-file\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0\"><a id=\"wp-block-file--media-aeddd5d0-3f42-40bc-ab43-47020a100eb2\" href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/ESP32_tiraledsbasic.abp\">ESP32_tiraledsbasic<\/a><a href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/ESP32_tiraledsbasic.abp\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-aeddd5d0-3f42-40bc-ab43-47020a100eb2\">Baixa<\/a><\/div>\n\n\n\n<div class=\"wp-block-file\" style=\"margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20);padding-top:0;padding-bottom:0\"><a id=\"wp-block-file--media-63b94c74-a360-4b0d-9c7e-476874d2c82c\" href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/ESP32_semafor.abp\">ESP32_sem\u00e0for<\/a><a href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/ESP32_semafor.abp\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-63b94c74-a360-4b0d-9c7e-476874d2c82c\">Baixa<\/a><\/div>\n\n\n\n<div class=\"wp-block-file\"><a id=\"wp-block-file--media-62334763-3411-4095-8101-2a429684dfdc\" href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/ESP32_tiraled.abp\">ESP32_tiraled<\/a><a href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/ESP32_tiraled.abp\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-62334763-3411-4095-8101-2a429684dfdc\">Baixa<\/a><\/div>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"ast-oembed-container \" style=\"height: 100%;\"><iframe loading=\"lazy\" title=\"T\u00e8cnic ESP32 STEAMakers\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/_Cbnksic45M?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n<\/div><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Com treballar amb la tira de leds<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":35473,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","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,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-35907","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-json\/wp\/v2\/pages\/35907","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-json\/wp\/v2\/comments?post=35907"}],"version-history":[{"count":6,"href":"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-json\/wp\/v2\/pages\/35907\/revisions"}],"predecessor-version":[{"id":37984,"href":"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-json\/wp\/v2\/pages\/35907\/revisions\/37984"}],"up":[{"embeddable":true,"href":"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-json\/wp\/v2\/pages\/35473"}],"wp:attachment":[{"href":"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-json\/wp\/v2\/media?parent=35907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}