{"id":223,"date":"2020-05-21T13:31:54","date_gmt":"2020-05-21T11:31:54","guid":{"rendered":"https:\/\/edutictac.es\/sanja\/?p=223"},"modified":"2020-05-21T13:31:54","modified_gmt":"2020-05-21T11:31:54","slug":"scratch-bucles","status":"publish","type":"post","link":"https:\/\/edutictac.es\/blog\/sanja\/2020\/05\/21\/scratch-bucles\/","title":{"rendered":"Scratch. Bucles"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">En aquesta pr\u00e0ctica aprendr\u00e0s l&#8217;estructura repetitiva. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Per on comencem?<\/strong> Mira els primers 32&#8243; d&#8217;aquest <a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/watch?v=mLPkF6T7Hik\" target=\"_blank\">v\u00eddeo<\/a> . Queda clar qu\u00e8 \u00e9s un bucle? Els bucles els fem servir quan volem que un element fa\u00e7a una acci\u00f3 repetitiva. <\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><video controls src=\"https:\/\/edutictac.es\/sanja\/wp-content\/uploads\/sites\/15\/2020\/05\/BucleExtraterrestre.mp4\"><\/video><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-normal-font-size wp-block-paragraph\">Per exemple, aquest personatge  volem que canvie de lloc 5 vegades a una posici\u00f3 aleat\u00f2ria. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\" style=\"grid-template-columns:16% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"248\" height=\"378\" src=\"https:\/\/edutictac.es\/sanja\/wp-content\/uploads\/sites\/15\/2020\/05\/imagen-31.png\" alt=\"\" class=\"wp-image-225\" srcset=\"https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/05\/imagen-31.png 248w, https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/05\/imagen-31-197x300.png 197w\" sizes=\"auto, (max-width: 248px) 100vw, 248px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-normal-font-size wp-block-paragraph\">Amb el que sabem fins ara, ho podr\u00edem implementar tal com mostra la imatge de l&#8217;esquerra. <\/p>\n\n\n\n<p class=\"has-normal-font-size wp-block-paragraph\">En aquest cas s\u00f3n nom\u00e9s unes poques repeticions. Per\u00f2 qu\u00e8 passa si es necessiten repetir centenars de vegades? I si s\u00f3n moltes les instruccions les que es repeteixen moltes vegades? El programa seria molt llarg i molt dif\u00edcil de llegir. I si el necessitem canviar?<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">En la imatge anterior, ens hem de fixar que hi ha un bloc d&#8217;instruccions que es repeteix. S\u00ed, ho has vist b\u00e9: <img loading=\"lazy\" decoding=\"async\" width=\"248\" height=\"104\" class=\"wp-image-228\" style=\"width: 150px\" src=\"https:\/\/edutictac.es\/sanja\/wp-content\/uploads\/sites\/15\/2020\/05\/imagen-33.png\" alt=\"\">. Per tant podem utilitzar l&#8217;<strong>estructura <\/strong>del<strong> bucle<\/strong>. Una vegada identificat el bloc d&#8217;instruccions, nom\u00e9s hem de dir-li al bucle <span style=\"text-decoration: underline\">quantes vegades<\/span> es repeteix. <img loading=\"lazy\" decoding=\"async\" width=\"248\" height=\"188\" class=\"wp-image-231\" style=\"width: 150px\" src=\"https:\/\/edutictac.es\/sanja\/wp-content\/uploads\/sites\/15\/2020\/05\/imagen-35.png\" alt=\"\">. Aix\u00ed de f\u00e0cil. Aquest bucle s&#8217;executar\u00e0 5 vegades. I quines instruccions executar\u00e0? Les que estan dins del bucle. La condici\u00f3 de parada d&#8217;aquest bucle \u00e9s que s&#8217;arriben a les 5 repeticions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En el bucle anterior sabem des d&#8217;inici el nombre de voltes que s&#8217;ha d&#8217;executar, i hi ha vegades que dep\u00e8n de que es complisca una condici\u00f3. Per exemple:  <img loading=\"lazy\" decoding=\"async\" width=\"318\" height=\"188\" class=\"wp-image-232\" style=\"width: 150px\" src=\"https:\/\/edutictac.es\/sanja\/wp-content\/uploads\/sites\/15\/2020\/05\/imagen-36.png\" alt=\"\" srcset=\"https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/05\/imagen-36.png 318w, https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/05\/imagen-36-300x177.png 300w\" sizes=\"auto, (max-width: 318px) 100vw, 318px\" \/>. Aquest bucle s&#8217;executar\u00e0 fins que el personatge toque la vora. Pot ser 1000 vegades o 1, tot dep\u00e8n qu\u00e8 determine l&#8217;acci\u00f3 d&#8217;anar a la posici\u00f3 aleat\u00f2ria. La condici\u00f3 de parada d&#8217;aquest bucle \u00e9s el fet que el personatge toque la vora.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Per on seguim?<\/strong> Obri un projecte nou, insereix un personatge (si no t&#8217;agada el gat), busca un fons d&#8217;escenari, implementa les seg\u00fcents instruccions i comprova qu\u00e8 fan.<\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\" style=\"grid-template-columns:24% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"234\" height=\"214\" src=\"https:\/\/edutictac.es\/sanja\/wp-content\/uploads\/sites\/15\/2020\/05\/imagen-39.png\" alt=\"\" class=\"wp-image-235\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">Fixa&#8217;t b\u00e9 a la disfressa de l&#8217;inici del joc i despr\u00e9s d&#8217;executar-lo. On est\u00e0 el personatge? La disfressa \u00e9s diferent?<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\" style=\"grid-template-columns:22% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"234\" height=\"334\" src=\"https:\/\/edutictac.es\/sanja\/wp-content\/uploads\/sites\/15\/2020\/05\/imagen-38.png\" alt=\"\" class=\"wp-image-234\" srcset=\"https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/05\/imagen-38.png 234w, https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/05\/imagen-38-210x300.png 210w\" sizes=\"auto, (max-width: 234px) 100vw, 234px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-normal-font-size wp-block-paragraph\">Canvia el codi font del programa per aquest conjunt d&#8217;instruccions. Executa&#8217;l i comprova el resultat. <\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Pareix que el personatge tinga vida?<\/li><li>Qu\u00e8 passa si lleves l&#8217;\u00faltima instrucci\u00f3?<\/li><li>Quina utilitat t\u00e9 aquesta \u00faltima instrucci\u00f3?<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\" style=\"grid-template-columns:22% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"234\" height=\"416\" src=\"https:\/\/edutictac.es\/sanja\/wp-content\/uploads\/sites\/15\/2020\/05\/imagen-40.png\" alt=\"\" class=\"wp-image-236\" srcset=\"https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/05\/imagen-40.png 234w, https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/05\/imagen-40-169x300.png 169w\" sizes=\"auto, (max-width: 234px) 100vw, 234px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-normal-font-size wp-block-paragraph\">Abans de canviar el programa, mira la imatge de l&#8217;esquerra i intenta fer prediccions de qu\u00e8 far\u00e0 el programa: <\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>On estar\u00e0 el personatge a l&#8217;inici del joc?<\/li><li>En cada iteraci\u00f3 del bucle el persontage anir\u00e0 recte o estar\u00e0 girant?<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Executa el programa i comprova si les teues prediccions han sigut certes. Tens clar perqu\u00e8 passa el que est\u00e0 passant?<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\" style=\"grid-template-columns:22% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"234\" height=\"416\" src=\"https:\/\/edutictac.es\/sanja\/wp-content\/uploads\/sites\/15\/2020\/05\/imagen-41.png\" alt=\"\" class=\"wp-image-237\" srcset=\"https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/05\/imagen-41.png 234w, https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/05\/imagen-41-169x300.png 169w\" sizes=\"auto, (max-width: 234px) 100vw, 234px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-normal-font-size wp-block-paragraph\">Analitza el codi proposat en la imatge. <\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>En qu\u00e8 canvia respecte a l&#8217;anterior?<\/li><li>Quin comportament tindr\u00e0 aquest bucle?<\/li><li>Quina \u00e9s la condici\u00f3 de parada? Quan parar\u00e0?<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Canvia el codi font del teu programa i comprova qu\u00e8 ocorre.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\" style=\"grid-template-columns:22% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"326\" height=\"390\" src=\"https:\/\/edutictac.es\/sanja\/wp-content\/uploads\/sites\/15\/2020\/05\/imagen-42.png\" alt=\"\" class=\"wp-image-238\" srcset=\"https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/05\/imagen-42.png 326w, https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/05\/imagen-42-251x300.png 251w\" sizes=\"auto, (max-width: 326px) 100vw, 326px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-normal-font-size wp-block-paragraph\">Analitza el codi proposat en la imatge. <\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Quantes vegades s&#8217;executar\u00e0 el bucle?<\/li><li>Quina \u00e9s la condici\u00f3 de parada? Quan parar\u00e0?<\/li><li>El personatge va recte o avan\u00e7a girant?<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Canvia el codi font del teu programa i comprova si les teues prediccions han resultat acertades.<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>I ara qu\u00e8? <\/strong>Implementa un joc senzill de persecuci\u00f3. Aquest s\u00f3n els passos que he seguit jo. <\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\" style=\"grid-template-columns:33% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"644\" height=\"488\" src=\"https:\/\/edutictac.es\/sanja\/wp-content\/uploads\/sites\/15\/2020\/05\/imagen-43.png\" alt=\"\" class=\"wp-image-239\" srcset=\"https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/05\/imagen-43.png 644w, https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/05\/imagen-43-300x227.png 300w\" sizes=\"auto, (max-width: 644px) 100vw, 644px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-normal-font-size wp-block-paragraph\"><strong>Objectiu<\/strong>: el robot ha de pillar la gema.<img loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"484\" class=\"wp-image-244\" style=\"width: 100px\" src=\"https:\/\/edutictac.es\/sanja\/wp-content\/uploads\/sites\/15\/2020\/05\/imagen-48.png\" alt=\"\" srcset=\"https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/05\/imagen-48.png 650w, https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/05\/imagen-48-300x223.png 300w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/p>\n\n\n\n<p class=\"has-normal-font-size wp-block-paragraph\">El meu escenari principal \u00e9s l&#8217;<strong>espai<\/strong>. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El personatge prinicipal del joc ser\u00e0 el <strong>robot<\/strong>.<\/p>\n\n\n\n<p class=\"has-normal-font-size wp-block-paragraph\">La <strong>pedra<\/strong> ser\u00e1 l&#8217;objecte que va fugint. <\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\" style=\"grid-template-columns:63% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"308\" src=\"https:\/\/edutictac.es\/sanja\/wp-content\/uploads\/sites\/15\/2020\/05\/imagen-46-1024x308.png\" alt=\"\" class=\"wp-image-242\" srcset=\"https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/05\/imagen-46-1024x308.png 1024w, https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/05\/imagen-46-300x90.png 300w, https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/05\/imagen-46-768x231.png 768w, https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/05\/imagen-46.png 1098w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-normal-font-size wp-block-paragraph\">El <strong>robot<\/strong> es controlar\u00e0 amb les <span style=\"text-decoration: underline\">fletxes del teclat<\/span>. <\/p>\n\n\n\n<p class=\"has-normal-font-size wp-block-paragraph\">En la imatge tens els blocs necessaris per a implementar-lo.<\/p>\n\n\n\n<p class=\"has-normal-font-size wp-block-paragraph\">A l&#8217;inici del joc, el robot estar\u00e0 al rac\u00f3 inferior dret.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\" style=\"grid-template-columns:63% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"806\" height=\"330\" src=\"https:\/\/edutictac.es\/sanja\/wp-content\/uploads\/sites\/15\/2020\/05\/imagen-47.png\" alt=\"\" class=\"wp-image-243\" srcset=\"https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/05\/imagen-47.png 806w, https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/05\/imagen-47-300x123.png 300w, https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/05\/imagen-47-768x314.png 768w\" sizes=\"auto, (max-width: 806px) 100vw, 806px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-normal-font-size wp-block-paragraph\">La <strong>gemma<\/strong> ha d&#8217;anar botant d&#8217;un lloc a altre de forma aleat\u00f2ria fins que el robot no la toque. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una vegada s&#8217;han tocat, l&#8217;escenari canvia al de final de joc i la gemma desapareix.<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>I si tinc ganes de m\u00e9s?<\/strong> Canvia el comportament de Robot perqu\u00e8 quan canvie l&#8217;escenari al final, el robot desaparega. <\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Quin esdeveniment has hagut de implementar?<\/li><li>Quina modificaci\u00f3 has hagut de fer perqu\u00e8 el robot estiga visible a l&#8217;inici de la partida?<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>En aquesta pr\u00e0ctica aprendr\u00e0s l&#8217;estructura repetitiva. Per on comencem? Mira els primers 32&#8243; d&#8217;aquest v\u00eddeo . Queda clar qu\u00e8 \u00e9s un bucle? Els bucles els fem servir quan volem que un element fa\u00e7a una acci\u00f3 repetitiva. Per exemple, aquest personatge volem que canvie de lloc 5 vegades a una posici\u00f3 aleat\u00f2ria. Amb el que sabem &#8230; <a title=\"Scratch. Bucles\" class=\"read-more\" href=\"https:\/\/edutictac.es\/blog\/sanja\/2020\/05\/21\/scratch-bucles\/\" aria-label=\"M\u00e9s informaci\u00f3 sobre Scratch. Bucles\">Llegiu m\u00e9s<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":""},"categories":[5,2],"tags":[18,40,65],"class_list":["post-223","post","type-post","status-publish","format-standard","hentry","category-1eso","category-practiques","tag-bucles","tag-joc","tag-scratch"],"_links":{"self":[{"href":"https:\/\/edutictac.es\/blog\/sanja\/wp-json\/wp\/v2\/posts\/223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edutictac.es\/blog\/sanja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/edutictac.es\/blog\/sanja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/edutictac.es\/blog\/sanja\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/edutictac.es\/blog\/sanja\/wp-json\/wp\/v2\/comments?post=223"}],"version-history":[{"count":0,"href":"https:\/\/edutictac.es\/blog\/sanja\/wp-json\/wp\/v2\/posts\/223\/revisions"}],"wp:attachment":[{"href":"https:\/\/edutictac.es\/blog\/sanja\/wp-json\/wp\/v2\/media?parent=223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/edutictac.es\/blog\/sanja\/wp-json\/wp\/v2\/categories?post=223"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/edutictac.es\/blog\/sanja\/wp-json\/wp\/v2\/tags?post=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}