{"id":17500,"date":"2019-02-08T13:25:51","date_gmt":"2019-02-08T12:25:51","guid":{"rendered":"http:\/\/projectes.xtec.cat\/programacioirobotica\/?page_id=17500"},"modified":"2019-02-08T13:25:51","modified_gmt":"2019-02-08T12:25:51","slug":"sessio-3-movem-els-personatges","status":"publish","type":"page","link":"https:\/\/agora.xtec.cat\/iesdeltebre\/curs-scratch\/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>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><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-icona_tasques.png\" alt=\"Icona tasques\" width=\"32\" \/><strong>Fem-ho pas a pas<\/strong><\/p>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>Entrem al nostre compte de l&#8217;Scratch i creem un nou projecte amb el nom <strong>m1<\/strong><strong>repte 31<\/strong>.<\/li>\n<li>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>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=\"alignnone wp-image-17572\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/mou-te10.jpg\" alt=\"\" width=\"140\" height=\"53\" \/><\/li>\n<li>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=\"alignnone wp-image-17573\" 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=\"alignnone wp-image-17574\" 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<p><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-icona_repte.png\" alt=\"Icona repte\" width=\"32\" \/> <img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-repte1.png\" alt=\"Repte 1\" width=\"100\" \/><\/p>\n<p>Continuem treballant en el nostre projecte <strong>m1<\/strong><strong>repte31<\/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><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-icona_pista.png\" alt=\"Icona pista\" width=\"24\" \/> Pista: 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><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-icona_pista.png\" alt=\"Icona pista\" width=\"24\" \/> Pista: 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>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>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<hr \/>\n<h2>M\u00e9s moviment, m\u00e9s real<\/h2>\n<p>Els personatges, a m\u00e9s a m\u00e9s de despla\u00e7ar-se, tamb\u00e9 poden simular un moviment &#8220;real&#8221;.<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-icona_tasques.png\" alt=\"Icona tasques\" width=\"32\" \/><b>Fem-ho pas a pas<\/b><\/p>\n<p>Comencem un nou projecte que hem d&#8217;anomenar <strong>m1<\/strong><strong>repte32<\/strong>.<\/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>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>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>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<hr \/>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-icona_repte.png\" alt=\"Icona repte\" width=\"32\" \/> <img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-repte2.png\" alt=\"Repte 2\" width=\"100\" \/><\/p>\n<p>Obrim el nostre projecte <strong>m1<\/strong><strong>repte32<\/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<hr \/>\n<h2>I encara m\u00e9s&#8230; no parem<\/h2>\n<p>L&#8217;Scratch ens ofereix altres formes de moure un personatge per l&#8217;escenari.<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-icona_tasques.png\" alt=\"Icona tasques\" width=\"32\" \/><strong>Fem-ho pas a pas<\/strong><\/p>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>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>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>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>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>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>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<p><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-icona_repte.png\" alt=\"Icona repte\" width=\"32\" \/> <img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-repte3.png\" alt=\"Repte 3\" width=\"100\" \/><\/p>\n<p>Iniciem un nou projecte i li donem el nom de <strong>m1<\/strong><strong>repte33<\/strong>. Amb el personatge de la ballarina, que t\u00e9 quatre vestits, fem un programa que comenci amb l&#8217;\u00faltim vestit, el &#8220;ballerina-d&#8221; i que els utilitzi tots quatre durant menys d&#8217;un segon cadasc\u00fan. A continuaci\u00f3 hem de simular que fa la roda.<\/p>\n<p>La primera part del repte \u00e9s molt f\u00e0cil, nom\u00e9s cal anar canviant de vestit dins d&#8217;un bloc <strong>Repeteix<\/strong> amb el bloc <strong>Espera<\/strong>. Per la segona part, 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><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-icona_pista.png\" alt=\"Icona pista\" width=\"24\" \/> Pista: Aquesta roda \u00e9s una mica barroera. 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;.<\/p>\n<p>Podem esbrinar quina relaci\u00f3 hi ha entre l&#8217;angle de gir i el nombre de repeticions perqu\u00e8 la ballarina faci una roda completa? Podem modificar el programa perqu\u00e8 la ballarina faci dues rodes seguides?<\/p>\n<hr \/>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-icona_projecte2.png\" alt=\"Icona projecte\" width=\"32\" \/> <strong>El nostre projecte creix&#8230;<\/strong><\/p>\n<p>\u00c9s el moment de revisar la descripci\u00f3 que hem fet al nostre projecte <strong>postal<\/strong>\u00a0per anar definint quins moviments hauran de fer els nostres personatges: com es mour\u00e0 cadascun, quin recorregut haur\u00e0 de fer&#8230;<\/p>\n<p>No oblidem que estem definint poc a poc la nostra postal i que, algunes vegades, hem de canviar coses que ja creiem decidides per d&#8217;altres de noves. Aix\u00ed \u00e9s com treballen els programadors, pensant primer la idea fins a l&#8217;\u00faltim detall i despr\u00e9s executar-la.<\/p>\n<hr \/>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-icona_glosari.png\" alt=\"Icona glosari\" width=\"32\" \/> <strong>Com que som programadors i programadores parlem de&#8230;<\/strong><\/p>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li><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><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><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\/iesdeltebre\/curs-scratch\/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\/iesdeltebre\/wp-json\/wp\/v2\/pages\/17500","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agora.xtec.cat\/iesdeltebre\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agora.xtec.cat\/iesdeltebre\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/iesdeltebre\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/iesdeltebre\/wp-json\/wp\/v2\/comments?post=17500"}],"version-history":[{"count":0,"href":"https:\/\/agora.xtec.cat\/iesdeltebre\/wp-json\/wp\/v2\/pages\/17500\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/iesdeltebre\/wp-json\/wp\/v2\/pages\/17494"}],"wp:attachment":[{"href":"https:\/\/agora.xtec.cat\/iesdeltebre\/wp-json\/wp\/v2\/media?parent=17500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}