{"id":17500,"date":"2020-05-11T08:00:51","date_gmt":"2020-05-11T06:00:51","guid":{"rendered":"http:\/\/projectes.xtec.cat\/programacioirobotica\/?page_id=17500"},"modified":"2020-05-08T22:25:21","modified_gmt":"2020-05-08T20:25:21","slug":"sessio-3-movem-els-personatges","status":"publish","type":"page","link":"https:\/\/agora.xtec.cat\/col-imma-lloret\/modul-1-comenca-lscratch-aventura-scratch-3\/sessio-3-movem-els-personatges\/","title":{"rendered":"Sessi\u00f3 3. Movem els personatges"},"content":{"rendered":"<h2>Pla de treball<\/h2>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>Els personatges es poden moure?<\/li>\n<li>El bloc de moviment<\/li>\n<li>Primers moviments: mou-te, rebota, fixa la rotaci\u00f3, posici\u00f3 inicial,\u00a0v\u00e9s a, llisca<\/li>\n<li>Estructura iterativa<\/li>\n<li>Direcci\u00f3 del moviment<\/li>\n<li>Personatges animats<\/li>\n<\/ul>\n<\/div>\n<hr \/>\n<h2>Comencem a fer moure els personatges<\/h2>\n<p style=\"text-align: justify;\">Ara que ja tenim personatges i sabem fer que parlin, podem fer que es moguin; en aquesta sessi\u00f3 descobrirem els moviments que poden fer els personatges. El bloc de moviment \u00e9s un dels m\u00e9s importants i cal dominar-lo! Tamb\u00e9 veurem que necessitem poder repetir de manera autom\u00e0tica algunes ordres per moure indefinidament un personatge.<\/p>\n<p><strong>Fem-ho pas a pas<\/strong><\/p>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li style=\"text-align: justify;\">Entrem al nostre compte de l&#8217;Scratch i creem un nou projecte amb el nom\u00a0<strong>repte4<\/strong>. Un cop creat, l\u2019hem de compartir clicant el bot\u00f3\u00a0<strong>Comparteix<\/strong> de la part dreta superior per tal que el nostre mestre hi pugui accedir. Quan l\u2019h\u00e0gim compartit s\u2019obrir\u00e0 un nou espai.Quan ja tens el projecte creat pots adem\u00e9s\u00a0<em>desar ara<\/em>\u00a0o\u00a0<em>desar una c\u00f2pia.<\/em><\/li>\n<li style=\"text-align: justify;\">Analitzem la categoria dels blocs de moviment:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17567\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/mov.jpg\" alt=\"\" width=\"183\" height=\"715\" \/><\/li>\n<li style=\"text-align: justify;\">Provem qu\u00e8 passa si el fem moure 10 passes. \u00c9s poc? \u00c9s molt? Cada cop que fem clic al bloc el personatge es mou el nombre de passes indicat? Podem canviar-li el valor?<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-17572 aligncenter\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/mou-te10.jpg\" alt=\"\" width=\"140\" height=\"53\" \/><\/li>\n<li style=\"text-align: justify;\">Podem repetir aquest moviment v\u00e0ries vegades? \u00c9s el mateix <strong>mou-te 50<\/strong> que <strong>repeteix 5 vegades &#8211; mou-te 10<\/strong>?<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-17573 aligncenter\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s3m1repeteix.png\" alt=\"\" width=\"263\" height=\"80\" \/><\/li>\n<li>Utilitzant aquests blocs estem construint una <strong>estructura iterativa:<\/strong><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-17574 aligncenter\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s3m1estructuraiterativa.png\" alt=\"\" width=\"133\" height=\"100\" \/><\/li>\n<\/ul>\n<\/div>\n<hr \/>\n<h2><span style=\"color: #ff6600;\"><strong>Repte 4<\/strong><\/span><\/h2>\n<p style=\"text-align: justify;\">Continuem treballant en el nostre projecte\u00a0<strong>repte4<\/strong>. El que hem d&#8217;aconseguir ara \u00e9s construir un programa en el qual el personatge comenci a moure&#8217;s sempre des del centre de l&#8217;escenari, avanci cap a la dreta, en tocar la vora reboti i canvi\u00ef de direcci\u00f3 per\u00f2 sense que estigui cap per avall.<\/p>\n<p style=\"text-align: justify;\"><span style=\"color: #ff6600;\"><strong>Pista:<\/strong><\/span> Quan el personatge arriba a la vora no pot anar m\u00e9s enll\u00e0, podem fer-lo &#8220;rebotar&#8221; i que canvi\u00ef la seva direcci\u00f3. En canviar la direcci\u00f3 pot passar-nos que el personatge no quedi com esper\u00e0vem. Podem utilitzar aquests blocs:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17576\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s3m12.png\" alt=\"\" width=\"405\" height=\"48\" \/><\/p>\n<p style=\"text-align: justify;\"><strong><span style=\"color: #ff6600;\">Pista:<\/span><\/strong> Podem fer refer\u00e8ncia a qualsevol punt de l&#8217;escenari de l&#8217;Scratch amb <strong>coordenades cartesianes<\/strong> (ja en tornarem a parlar m\u00e9s endavant). Les coordenades cartesianes ens permeten descriure un punt a l&#8217;escenari mitjan\u00e7ant dos n\u00fameros:<\/p>\n<p style=\"text-align: justify;\">n\u00famero <strong>x<\/strong>: ens indica la posici\u00f3 <strong>horitzontal<\/strong>. Els seus valors a l&#8217;escenari de l&#8217;Scratch van des de <strong>-240<\/strong> (el punt m\u00e9s a l&#8217;esquerra possible) fins a <strong>240<\/strong> (el punt m\u00e9s a la dreta possible)<\/p>\n<p style=\"text-align: justify;\">n\u00famero <strong>y<\/strong>: ens indica la posici\u00f3 <strong>vertical<\/strong>. Els seus valors a l&#8217;escenari de l&#8217;Scratch van des de <strong>-180<\/strong> (el punt m\u00e9s a baix possible) fins a <strong>180<\/strong> (el punt m\u00e9s amunt possible)<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/05\/scratch-coordenades.png\" alt=\"Coordenades cartesianes\" \/><br \/>\nEn concret el centre de l&#8217;escenari \u00e9s el (0, 0):<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/05\/scratch-moviment_ves.png\" alt=\"Ves a\" \/><\/p>\n<p style=\"text-align: justify;\"><span style=\"color: #ff0000;\"><strong>Quan hagis aconseguit que en pr\u00e8mer la bandereta, el gat des del centre de l&#8217;escenari comenci a caminar, reboti a la vora , giri i es dirigeixi a l&#8217;altra vora, torni a rebotar i girar i aix\u00ed per sempre, desa el projecte i envia el link a la tasca de classroom.<\/strong><\/span><\/p>\n<hr \/>\n<h2><span style=\"color: #ff6600;\"><strong>Repte 5<\/strong><\/span><\/h2>\n<h2>M\u00e9s moviment, m\u00e9s real<\/h2>\n<p style=\"text-align: justify;\">Els personatges, a m\u00e9s a m\u00e9s de despla\u00e7ar-se, tamb\u00e9 poden simular un moviment &#8220;real&#8221;.<\/p>\n<p style=\"text-align: justify;\"><b>Fem-ho pas a pas<\/b><\/p>\n<p style=\"text-align: justify;\">Comencem un nou projecte que hem d&#8217;anomenar\u00a0<strong>repte5<\/strong>. Un cop creat, l\u2019hem de compartir clicant el bot\u00f3\u00a0<strong>Comparteix<\/strong> de la part dreta superior per tal que el nostre mestre hi pugui accedir. Quan l\u2019h\u00e0gim compartit s\u2019obrir\u00e0 un nou espai.<\/p>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>Anem a la pestanya <strong>vestits<\/strong> del personatge que h\u00e0giu triat:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-17578 size-medium\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s3m13-300x300.jpg\" alt=\"\" width=\"300\" height=\"300\" \/><\/li>\n<li style=\"text-align: justify;\">Mirem quins vestits t\u00e9 el personatge. En aquest cas, el gat de l&#8217;Scratch t\u00e9 dos vestits:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17579\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s3m1vestitsqueteelpersonatge.jpg\" alt=\"\" width=\"334\" height=\"451\" \/><\/li>\n<li style=\"text-align: justify;\">Provem el programa que ten\u00edem fet fins ara, per\u00f2 de manera que anem alternant els dos vestits del gat:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17580\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s3m15.png\" alt=\"\" width=\"240\" height=\"272\" \/><\/li>\n<li style=\"text-align: justify;\">Quan anem a veure la galeria de personatges de l&#8217;Scratch, en seleccionar-ne un podem veure quants vestits t\u00e9:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17581\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s3m16.jpg\" alt=\"\" width=\"145\" height=\"147\" \/><\/li>\n<\/ul>\n<\/div>\n<p style=\"text-align: justify;\">En el nostre projecte <strong>repte5<\/strong>, triem un personatge de la galeria que tingui diferents vestits i fem-ne una petita animaci\u00f3 de manera que es mogui per l&#8217;escenari i vagi canviant de vestit.<\/p>\n<p style=\"text-align: justify;\"><span style=\"color: #ff0000;\"><strong>Quan hagis aconseguit que un personatge que no sigui el gat, en pr\u00e8mer la bandereta vagi canviant de vestit mentre es belluga per l&#8217;escenari, desa el projecte i envia el link a la tasca de classroom.<\/strong><\/span><\/p>\n<hr \/>\n<h2><span style=\"color: #ff6600;\"><strong>Repte 6<\/strong><\/span><\/h2>\n<h2>I encara m\u00e9s&#8230; no parem<\/h2>\n<p style=\"text-align: justify;\">L&#8217;Scratch ens ofereix altres formes de moure un personatge per l&#8217;escenari.<\/p>\n<p><strong>Fem-ho pas a pas<\/strong><\/p>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li style=\"text-align: justify;\">A la categoria <strong>Moviment<\/strong> el bloc <strong>Gira<\/strong> gira el personatge de manera que queda &#8220;mirant&#8221; en una direcci\u00f3 diferent i, en conseq\u00fc\u00e8ncia, quan fem que es mogui ho far\u00e0 en aquesta nova direcci\u00f3:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17582\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s3m17.png\" alt=\"\" width=\"257\" height=\"48\" \/><\/li>\n<li style=\"text-align: justify;\">Fem combinacions dels blocs <strong>Gira<\/strong>, <strong>Mou-te<\/strong>, <strong>Espera<\/strong> i <strong>Repeteix<\/strong> per veure com es mou el personatge per l&#8217;escenari.<\/li>\n<li style=\"text-align: justify;\">Aix\u00ed com el bloc <strong>Anar a 0,0<\/strong> envia el personatge al centre de l&#8217;escenari, el bloc <strong>Apunta en direcci\u00f3 90<\/strong> fa que el personatge quedi &#8220;mirant&#8221; a la dreta, que \u00e9s la direcci\u00f3 inicial:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17583\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s3m18.png\" alt=\"\" width=\"136\" height=\"46\" \/><\/li>\n<li style=\"text-align: justify;\">A la categoria <strong>Moviment<\/strong> el bloc <strong>Llisca<\/strong> ens permet despla\u00e7ar el personatge fins la posici\u00f3 indicada en el temps indicat:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17584\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s3m19.png\" alt=\"\" width=\"249\" height=\"48\" \/><\/li>\n<li style=\"text-align: justify;\">Fem diferents proves amb aquest bloc i veiem com funciona. Aquest bloc no ens permet utilitzar diferents vestits d&#8217;un personatge.<\/li>\n<li style=\"text-align: justify;\">A la categoria <strong>Moviment<\/strong> els blocs <strong>Suma<\/strong> a &#8220;x&#8221; i a &#8220;y&#8221; ens permeten moure el personatge en una direcci\u00f3 concreta, encara que el personatge no estigui &#8220;mirant&#8221; en aquesta direcci\u00f3. Aquests dos blocs ens permeten tamb\u00e9 posar valors negatius per despla\u00e7ar el personatge en l&#8217;altre sentit:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17585\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s3m110.png\" alt=\"\" width=\"208\" height=\"48\" \/><\/li>\n<\/ul>\n<\/div>\n<hr \/>\n<h2><\/h2>\n<p style=\"text-align: justify;\">Iniciem un nou projecte i li donem el nom de <strong>repte6<\/strong>. Amb el personatge de la ballarina, que t\u00e9 quatre vestits, hem d&#8217;aconseguir que faci 4 rodes amb l&#8217;\u00faltim vestit, el &#8220;ballerina-d&#8221;.<\/p>\n<p style=\"text-align: justify;\">Hem de <strong>fer girar<\/strong> el personatge amb el mateix vestit &#8220;ballerina-d&#8221; dins d&#8217;un altre bloc <strong>Repeteix<\/strong> de manera que en cada gir la ballarina es vagi despla\u00e7ant cap a la dreta per simular la roda; aquest despla\u00e7ament, com que ha de ser cap a la dreta, l&#8217;hem de fer amb el bloc <strong>Suma a X<\/strong>:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17752\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s2m1repeteix4.png\" alt=\"\" width=\"144\" height=\"160\" \/><\/p>\n<p style=\"text-align: justify;\"><span style=\"color: #ff6600;\"><strong>Pista:<\/strong> <\/span>Aquesta roda que hem fet \u00e9s una mica barroera. L&#8217;hem de millorar i enlloc de fer que giri 90\u00ba podem posar un valor m\u00e9s petit perqu\u00e8 sembli m\u00e9s real, per\u00f2 aleshores haurem de modificar el nombre de repeticions. Podem provar amb 45\u00ba i vuit repeticions, per\u00f2 potser haurem de canviar el valor del despla\u00e7ament a la &#8220;x&#8221;, haureu d&#8217;averiguar amb quin n\u00famero va m\u00e9s b\u00e9.<\/p>\n<p style=\"text-align: justify;\"><strong><span style=\"color: #ff6600;\">Pista:<\/span> <\/strong>Podem fer servir aquests blogs combinats:<\/p>\n<p><a href=\"https:\/\/agora.xtec.cat\/col-imma-lloret\/wp-content\/uploads\/usu1420\/2020\/05\/repeteix-doble.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-20124 alignnone\" src=\"https:\/\/agora.xtec.cat\/col-imma-lloret\/wp-content\/uploads\/usu1420\/2020\/05\/repeteix-doble.png\" alt=\"\" width=\"138\" height=\"150\" \/><\/a><\/p>\n<p style=\"text-align: justify;\"><strong><span style=\"color: #ff0000;\">Quan hagis aconseguit que la ballarina en pr\u00e8mer la bandereta des d&#8217;un punt inicial a l&#8217;esquerra de l&#8217;escenari faci 4 rodes cap a la dreta,<\/span><\/strong> <span style=\"color: #ff0000;\"><strong>desa el projecte i envia el link a la tasca de classroom.<\/strong><\/span><\/p>\n<p style=\"text-align: justify;\"><strong>Com que som programadors i programadores parlem de&#8230;<\/strong><\/p>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li style=\"text-align: justify;\"><strong>Coordenades cartesianes:<\/strong> \u00e9s un sistema d&#8217;identificaci\u00f3 que ens permet situar un punt a sobre d&#8217;un pla, indicant a quina dist\u00e0ncia horitzontal (n\u00famero x) i a quina dist\u00e0ncia vertical (n\u00famero y) respecte del centre del pla es troba\u00a0aquest punt.<\/li>\n<li style=\"text-align: justify;\"><b>Estructura iterativa:<\/b>\u00a0s\u00f3n parts d&#8217;un programa on les instruccions es van executant repetint-se tantes vegades com sigui necessari.<\/li>\n<li style=\"text-align: justify;\"><strong>Vestits:<\/strong> s\u00f3n les possibles aparences d&#8217;un mateix personatge.<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Pla de treball<\/p>\n<ul>\n<li>Els personatges es poden moure?<\/li>\n<li>El bloc de moviment<\/li>\n<li>Primers moviments: mou-te, rebota, fixa la rotaci\u00f3, posici\u00f3 inicial,\u00a0v\u00e9s a, llisca<\/li>\n<li>Estructura iterativa<\/li>\n<li>Direcci\u00f3 del moviment<\/li>\n<li>Personatges animats<\/li>\n<\/ul>\n<p>Comencem a fer moure els personatges<br \/>\nAra que ja tenim personatges i sabem fer que parlin, podem fer que es moguin; en aquesta&hellip;  <a href=\"https:\/\/agora.xtec.cat\/col-imma-lloret\/modul-1-comenca-lscratch-aventura-scratch-3\/sessio-3-movem-els-personatges\/\" title=\"Read Sessi\u00f3 3. Movem els personatges\">Llegeix m\u00e9s\u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":17494,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/side-menu.php","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,"footnotes":""},"class_list":["post-17500","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/agora.xtec.cat\/col-imma-lloret\/wp-json\/wp\/v2\/pages\/17500","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agora.xtec.cat\/col-imma-lloret\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agora.xtec.cat\/col-imma-lloret\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/col-imma-lloret\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/col-imma-lloret\/wp-json\/wp\/v2\/comments?post=17500"}],"version-history":[{"count":3,"href":"https:\/\/agora.xtec.cat\/col-imma-lloret\/wp-json\/wp\/v2\/pages\/17500\/revisions"}],"predecessor-version":[{"id":20130,"href":"https:\/\/agora.xtec.cat\/col-imma-lloret\/wp-json\/wp\/v2\/pages\/17500\/revisions\/20130"}],"up":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/col-imma-lloret\/wp-json\/wp\/v2\/pages\/17494"}],"wp:attachment":[{"href":"https:\/\/agora.xtec.cat\/col-imma-lloret\/wp-json\/wp\/v2\/media?parent=17500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}