{"id":35132,"date":"2024-09-09T09:15:08","date_gmt":"2024-09-09T07:15:08","guid":{"rendered":"https:\/\/projectes.xtec.cat\/pensament-computacional\/?page_id=35132"},"modified":"2024-09-19T08:39:32","modified_gmt":"2024-09-19T06:39:32","slug":"guia-rapida-oled-esp32-steamakers","status":"publish","type":"page","link":"https:\/\/projectes.xtec.cat\/pensament-computacional\/inici\/robotica\/guies-rapides-inici\/guies-rapides-esp32-steamakers\/guia-rapida-oled-esp32-steamakers\/","title":{"rendered":"Pantalla OLED"},"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-removebg-preview.png\"><img loading=\"lazy\" decoding=\"async\" width=\"266\" height=\"190\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2023\/09\/esp32-removebg-preview.png\" alt=\"\" class=\"wp-image-28419\"\/><\/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\/OLED.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"724\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/OLED-1024x724.png\" alt=\"\" class=\"wp-image-35108\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/OLED-1024x724.png 1024w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/OLED-300x212.png 300w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/OLED-768x543.png 768w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/OLED-1536x1086.png 1536w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/OLED.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<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/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-a07e503f78c6144cfbfc17fc34454632\" 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>ESP32 STEAMakers: Com treballar amb una pantalla OLED<\/strong><\/h2>\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 connectar i mostrar textos o imatges a una pantalla tipus OLED, com les que podeu trobar als conjunts de sensors i actuadors de prim\u00e0ria o de secund\u00e0ria b\u00e0sic, amb la placa ESP32 STEAMakers i utilitzant ArduinoBlocks.<\/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 style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0\">Placa ESP32 STEAMakers<\/li>\n\n\n\n<li>Pantalla OLED<\/li>\n\n\n\n<li>Cable I2C o 4 cables dupont femella-femella<\/li>\n\n\n\n<li>Ordinador. Abans de comen\u00e7ar a fer servir la placa ESP32 STEAMakers, cal comprovar que el vostre 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\" 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> Comenceu amb la connexi\u00f3 de la pantalla OLED a la placa: La placa OLED es connecta a trav\u00e9s dels pins de comunicaci\u00f3 I2C; connecteu la pantalla OLED a la placa seguint l&#8217;esquema de la imatge:<\/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\/imatge1-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"724\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge1-1-1024x724.png\" alt=\"\" class=\"wp-image-35133\" style=\"width:495px;height:auto\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge1-1-1024x724.png 1024w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge1-1-300x212.png 300w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge1-1-768x543.png 768w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge1-1-1536x1086.png 1536w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge1-1.png 2000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Podeu fer-ho amb un cable I2C o utilitzant 4 cables dupont femella-femella. Si utilitzeu cables dupont, tingueu cura que cada cable connecti els terminals corresponents de la placa i de la pantalla (GND amb GND, VCC amb VCC, SCL amb SCL i SDA amb SDA).<\/p>\n\n\n\n<p><strong>2. <\/strong>Seguiu amb la programaci\u00f3 amb ArduinoBlocks: Executeu el programa AB-Connector. Recordeu que cal que estigui en execuci\u00f3 tota l&#8217;estona mentre treballem amb ArduinoBlocks.<\/p>\n\n\n\n<p><strong>3. <\/strong>Aneu a <a href=\"https:\/\/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-large is-resized\"><a href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge2-1.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"445\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge2-1-1024x445.jpg\" alt=\"\" class=\"wp-image-35134\" style=\"width:471px;height:auto\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge2-1-1024x445.jpg 1024w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge2-1-300x130.jpg 300w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge2-1-768x334.jpg 768w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge2-1.jpg 1097w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><strong>4.<\/strong> Per utilitzar la pantalla OLED, primer cal inicialitzar-la. Al bloc &#8220;Inicialitzar&#8221;, situeu-hi el bloc &#8220;OLED Iniciar I2C&#8221;, que trobareu a la categoria Visualitzaci\u00f3\/Pantalla OLED. Poseu-hi tamb\u00e9 el bloc &#8220;Netejar&#8221; per assegurar que la pantalla no tingui res escrit a l&#8217;inici.<\/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\/imatge3.png\"><img loading=\"lazy\" decoding=\"async\" width=\"916\" height=\"282\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge3.png\" alt=\"\" class=\"wp-image-35116\" style=\"width:527px;height:auto\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge3.png 916w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge3-300x92.png 300w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge3-768x236.png 768w\" sizes=\"auto, (max-width: 916px) 100vw, 916px\" \/><\/a><\/figure>\n\n\n\n<p><strong>5.<\/strong> A continuaci\u00f3, al bloc &#8220;Bucle&#8221; situeu-hi algun dels blocs de visualitzaci\u00f3 de la pantalla OLED, en funci\u00f3 del que vulgueu mostrar. Comenceu mostrant el text &#8220;Hola&#8221;, amb el bloc &#8220;OLED #1 Text&#8230;&#8221;:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge4-1.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"665\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge4-1-1024x665.jpg\" alt=\"\" class=\"wp-image-35115\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge4-1-1024x665.jpg 1024w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge4-1-300x195.jpg 300w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge4-1-768x498.jpg 768w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge4-1-1536x997.jpg 1536w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge4-1.jpg 1889w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge5.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"490\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge5-1024x490.jpg\" alt=\"\" class=\"wp-image-35117\" style=\"width:713px;height:auto\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge5-1024x490.jpg 1024w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge5-300x144.jpg 300w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge5-768x368.jpg 768w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge5.jpg 1165w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Si voleu veure-hi les dades que recull algun sensor, tamb\u00e9 podeu situar el bloc a l&#8217;espai destinat al text (a la imatge s&#8217;utilitza un bloc per veure les dades recollides per un sensor que mesura la intensitat lum\u00ednica): <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge6.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"157\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge6-1024x157.jpg\" alt=\"\" class=\"wp-image-35118\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge6-1024x157.jpg 1024w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge6-300x46.jpg 300w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge6-768x118.jpg 768w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge6-1536x236.jpg 1536w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge6.jpg 1632w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Feu clic al bot\u00f3 &#8220;Puja&#8221; situat a dalt a la dreta, verifiqueu primer que el port seleccionat sigui correcte:<\/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\/imatge6-1.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"775\" height=\"253\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge6-1.jpg\" alt=\"\" class=\"wp-image-35187\" style=\"width:455px;height:auto\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge6-1.jpg 775w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge6-1-300x98.jpg 300w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge6-1-768x251.jpg 768w\" sizes=\"auto, (max-width: 775px) 100vw, 775px\" \/><\/a><\/figure>\n\n\n\n<p><strong>6.<\/strong> Ara, afegiu una espera de 2 segons (2000 mil\u00b7lisegons), feu que es netegi la pantalla i que a continuaci\u00f3 es mostri una imatge. Per afegir l&#8217;espera de 2 segons, aneu a la categoria &#8220;Temps&#8221; i escolliu el bloc &#8220;Esperar 1000 mil\u00b7lisegons&#8221;. Canvieu el valor a 2000. A continuaci\u00f3, de la categoria Visualitzaci\u00f3\/Pantalla OLED, escolliu el bloc &#8220;OLED #1 Bitmap&#8230;&#8221;. Obriu l&#8217;OLED &#8211; Bitmap Editor:<\/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\/imatge7.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"580\" height=\"432\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge7.jpg\" alt=\"\" class=\"wp-image-35119\" style=\"width:356px;height:auto\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge7.jpg 580w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge7-300x223.jpg 300w\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" \/><\/a><\/figure>\n\n\n\n<p><strong>7. <\/strong>A l&#8217;OLED &#8211; Bitmap Editor teniu la pantalla OLED representada amb tots els seus p\u00edxels. Podeu marcar directament els p\u00edxels que vulgueu a sobre del dibuix de la pantalla i aquests seran els que s&#8217;activaran a la pantalla OLED connectada a la placa.<\/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\/imatge8.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"919\" height=\"622\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge8.jpg\" alt=\"\" class=\"wp-image-35120\" style=\"width:475px;height:auto\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge8.jpg 919w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge8-300x203.jpg 300w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge8-768x520.jpg 768w\" sizes=\"auto, (max-width: 919px) 100vw, 919px\" \/><\/a><\/figure>\n\n\n\n<p>O b\u00e9, podeu pujar una imatge des de &#8220;Trieu els fitxers&#8221; (preferentment amb les dimensions 128x64px, tot i que qualsevol imatge que hi pugeu us la transformar\u00e0 a aquesta proporci\u00f3):<\/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\/imatge9.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"643\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge9-1024x643.jpg\" alt=\"\" class=\"wp-image-35121\" style=\"width:557px;height:auto\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge9-1024x643.jpg 1024w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge9-300x188.jpg 300w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge9-768x482.jpg 768w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/imatge9.jpg 1045w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/Imatge10.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"724\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/Imatge10-1024x724.jpg\" alt=\"\" class=\"wp-image-35122\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/Imatge10-1024x724.jpg 1024w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/Imatge10-300x212.jpg 300w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/Imatge10-768x543.jpg 768w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/Imatge10-1536x1086.jpg 1536w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/Imatge10.jpg 2000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><strong>8. <\/strong>Poseu una altra espera de 2 segons abans de reiniciar el bucle. El codi complet de la vostra programaci\u00f3 ha de quedar aix\u00ed:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/Imatge11.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"565\" src=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/Imatge11-1024x565.jpg\" alt=\"\" class=\"wp-image-35123\" srcset=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/Imatge11-1024x565.jpg 1024w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/Imatge11-300x165.jpg 300w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/Imatge11-768x424.jpg 768w, https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/Imatge11.jpg 1349w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Feu clic al bot\u00f3 &#8220;Puja&#8221; situat a dalt a la dreta.<\/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\">Arxiu amb el programa:<\/p>\n\n\n\n<div class=\"wp-block-file\"><a id=\"wp-block-file--media-f3b100c9-0a9c-43ba-981b-7a1e7b0a0a35\" href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/Prova_OLED_ESP32.abp\">Prova_OLED_ESP32<\/a><a href=\"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-content\/uploads\/usu2217\/2024\/09\/Prova_OLED_ESP32.abp\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-f3b100c9-0a9c-43ba-981b-7a1e7b0a0a35\">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>ESP32 STEAMakers: Com treballar amb una pantalla OLED<\/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-35132","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-json\/wp\/v2\/pages\/35132","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=35132"}],"version-history":[{"count":6,"href":"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-json\/wp\/v2\/pages\/35132\/revisions"}],"predecessor-version":[{"id":36017,"href":"https:\/\/projectes.xtec.cat\/pensament-computacional\/wp-json\/wp\/v2\/pages\/35132\/revisions\/36017"}],"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=35132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}