{"id":8771,"date":"2017-03-31T06:24:08","date_gmt":"2017-03-31T04:24:08","guid":{"rendered":"http:\/\/agora.xtec.cat\/formacio\/scratch\/?page_id=8771"},"modified":"2017-03-31T06:24:08","modified_gmt":"2017-03-31T04:24:08","slug":"sessio-7","status":"publish","type":"page","link":"https:\/\/agora.xtec.cat\/zerguilleries\/escola-beta\/modul-1\/sessio-7\/","title":{"rendered":"Sessi\u00f3 7. Efectes gr\u00e0fics dels personatges"},"content":{"rendered":"<h2>Pla de treball<\/h2>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>Efectes gr\u00e0fics dels personatges<\/li>\n<li>Altres propietats dels personatges<\/li>\n<li>Dibuix de figures i estampaci\u00f3 de personatges<\/li>\n<li>Nombres aleatoris<\/li>\n<li>Coordenades de l&#8217;escenari<\/li>\n<\/ul>\n<\/div>\n<hr \/>\n<h2>Els personatges tamb\u00e9 canvien<\/h2>\n<p>Mirem com aprofitar els efectes gr\u00e0fics aplicats als personatges per simular accions. Fem clic a cada personatge per veure els diferents efectes gr\u00e0fics:<\/p>\n<p><iframe loading=\"lazy\" class=\"aligncenter\" src=\"\/\/scratch.mit.edu\/projects\/embed\/153401638\/?autostart=false\" width=\"485\" height=\"402\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/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=\"Pas a pas\" 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 anomenat <strong>m1<\/strong><strong>repte71<\/strong><\/li>\n<li>Fixem-nos que a la categoria <strong>Aspecte<\/strong> hi ha m\u00e9s blocs que a la mateixa categoria referida a l&#8217;escenari:<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-aspecte.png\" alt=\"Aspecte\" \/><\/li>\n<li>Recordem d&#8217;anar a l&#8217;ajuda si necessitem fer alguna consulta<\/li>\n<li>Importem els personatges del drac i del mag:<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-personatge_drac.png\" alt=\"Drac\" \/> <img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-personatge_mag.png\" alt=\"Mag\" \/><\/li>\n<li>Importem a l&#8217;escenari el fons del bosc:<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-fons_bosc.png\" alt=\"Bosc\" \/><\/li>\n<li>Programem el mag per fer desapar\u00e8ixer el drac:<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-programa_mag.png\" alt=\"Programa mag\" \/><\/li>\n<li>Programem el drac per desapar\u00e8ixer amb un efecte gr\u00e0fic:<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-programa_drac.png\" alt=\"Programa drac\" \/><\/li>\n<li>Programem l&#8217;escenari per fer m\u00e9s espectacular l&#8217;encanteri del mag:<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-programa_fons.png\" alt=\"Programa fons\" \/><\/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>Modifiquem el projecte <strong>m1<\/strong><strong>repte71<\/strong> que tenim obert de manera que:<\/p>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>El drac es vagi fent petit a mesura que va desapareixent<\/li>\n<li>Combinem dos efectes gr\u00e0fics del fons mentre el drac va desapareixent<\/li>\n<li>Eliminem el bloc <strong>treu els efectes gr\u00e0fics<\/strong> al final del programa de l&#8217;escenari i el canviem pels blocs que calguin per tal d&#8217;anar recuperant l&#8217;aspecte inicial del fons a poc a poc<\/li>\n<li>Afegim una animaci\u00f3 al principi on vagin apareixent el mag i el drac<\/li>\n<\/ul>\n<\/div>\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: Caldr\u00e0 que tinguem en compte els temps de cada personatge quan hi incorporem la animaci\u00f3 inicial. D&#8217;altra banda, quan modifiquem l&#8217;aspecte d&#8217;un personatge, en algun moment hem de fer que recuperi el seu aspecte inicial per a una nova possible execuci\u00f3 del programa.<\/p>\n<hr \/>\n<h2>Afegim m\u00e9s efectes&#8230;<\/h2>\n<p>Aprofitant el que hem apr\u00e8s fins ara, podem fer que, en aquesta escena que estem programant, apareguin algunes estrelles mentre s&#8217;executa l&#8217;escena principal on el mag fa desapar\u00e8ixer el drac. Podem fer-ho de dues formes diferents.<\/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=\"Pas a pas\" width=\"32\" \/> <strong>Fem-ho pas a pas<\/strong><\/p>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>Importem un nou personatge, l&#8217;estrella:<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-personatge_estrella.png\" alt=\"Estrella\" \/><\/li>\n<li>Modifiquem la mida de l&#8217;estrella fins que tingui la que necessitem. Recordem que aix\u00f2 ho podem fer amb l&#8217;eina <strong>Reduir<\/strong> que vam veure a la<a href=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/curs-scratch-primaria\/modul-5\/sessio-2\">\u00a0Sessi\u00f3 2<\/a>, tot fent clic repetidament sobre el personatge un cop triada l&#8217;eina<\/li>\n<li>Tamb\u00e9 podem modificar la mida de l&#8217;estrella amb el bloc <strong>augmenta la mida<\/strong> de la categoria <strong>Aspecte<\/strong>, utilitzant valors negatius:<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-aspecte_augmentamida.png\" alt=\"Augmenta la mida\" \/><\/li>\n<li>El codi quedaria de la seg\u00fcent forma:<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-estrella_estampada.png\" alt=\"Estampa l'estrella\" \/><\/li>\n<li>L&#8217;altra manera \u00e9s dibuixar una estrella tal i com vam veure veure a la <a href=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/curs-scratch-primaria\/modul-5\/sessio-5\">Sessi\u00f3 5<\/a>, tot fent que un personatge les dibuixi\n<ul>\n<li>Creem un personatge qualsevol i l&#8217;amaguem, cosa que podem fer des de les propietats del personatge o des del bloc de codi corresponent. Fixem-nos que, encara que el personatge estigui ocult, els dibuixos que faci s\u00ed que s\u00f3n visibles<\/li>\n<li>Programem aquest darrer personatge per tal que dibuixi tres estrelles. Fixem-nos que quan es despla\u00e7a als diferents punts on ha de fer el dibuix de l&#8217;estrella hem d&#8217;haver-li dit <strong>puja el llapis<\/strong>:<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-estrella_dibuixada.png\" alt=\"Dibuixa l'estrella\" \/><\/li>\n<\/ul>\n<\/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>Seguim treballant sobre el projecte <strong>m1<\/strong><strong>repte71<\/strong> que tenim obert. Afegim un programa que estampi cinc estrelles i en dibuixi altres cinc en punts triats de forma aleat\u00f2ria.<\/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: Per situar un personatge en un punt de l&#8217;escenari utilitzem el bloc <strong>ves a<\/strong>, on fem refer\u00e8ncia a les posicions &#8220;x&#8221; i &#8220;y&#8221;. Per triar aquests punts de forma <strong>aleat\u00f2ria<\/strong> hem d&#8217;utilitzar el bloc corresponent de la categoria <strong>Operadors<\/strong>:<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-operadors_nombreatzar.png\" alt=\"Nombre a l'atzar\" \/><\/p>\n<p>Horitzontalment (les &#8220;x&#8221;), les estrelles poden apar\u00e8ixer en qualsevol lloc, per tant posem des de l&#8217;extrem esquerre (x=-240) fins l&#8217;extrem dret (x=240). Verticalment (les &#8220;y&#8221;), farem que puguin apar\u00e8ixer nom\u00e9s des de l&#8217;extrem superior (y=180) fins all\u00e0 on hi ha cel (y=85):<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-vesa_nobrealatzar.png\" alt=\"Ves a una posici\u00f3 a l'atzar\" \/><\/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>Ara els nostres personatges i els nostres escenaris s\u00f3n d&#8217;all\u00f2 m\u00e9s animats: canvien d&#8217;aspecte, apareixen i desapareixen,&#8230; Ha arribat el moment de pensar en les animacions necess\u00e0ries que ajudin a desenvolupar la nostra hist\u00f2ria. A la descripci\u00f3 del nostre projecte <strong>postal<\/strong> indicarem, per a cada personatge i escenari, quins efectes han de tenir.<\/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>Aleatori:<\/strong> tria d&#8217;un objecte (un n\u00famero generalment) segons l&#8217;atzar de forma autom\u00e0tica.<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Pla de treball<\/p>\n<ul>\n<li>Efectes gr\u00e0fics dels personatges<\/li>\n<li>Altres propietats dels personatges<\/li>\n<li>Dibuix de figures i estampaci\u00f3 de personatges<\/li>\n<li>Nombres aleatoris<\/li>\n<li>Coordenades de l&#8217;escenari<\/li>\n<\/ul>\n<p>Els personatges tamb\u00e9 canvien<br \/>\nMirem com aprofitar els efectes gr\u00e0fics aplicats als personatges per simular accions. Fem clic a cada personatge per veure els diferents efectes gr\u00e0fics:<\/p>\n<p> Fem-ho pas&hellip;  <a href=\"https:\/\/agora.xtec.cat\/zerguilleries\/escola-beta\/modul-1\/sessio-7\/\" title=\"Read Sessi\u00f3 7. Efectes gr\u00e0fics dels personatges\">Llegeix m\u00e9s\u00bb<\/a><\/p>\n","protected":false},"author":14,"featured_media":0,"parent":8172,"menu_order":60,"comment_status":"closed","ping_status":"closed","template":"page-templates\/side-menu.php","meta":{"footnotes":""},"class_list":["post-8771","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/agora.xtec.cat\/zerguilleries\/wp-json\/wp\/v2\/pages\/8771","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agora.xtec.cat\/zerguilleries\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agora.xtec.cat\/zerguilleries\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/zerguilleries\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/zerguilleries\/wp-json\/wp\/v2\/comments?post=8771"}],"version-history":[{"count":0,"href":"https:\/\/agora.xtec.cat\/zerguilleries\/wp-json\/wp\/v2\/pages\/8771\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/zerguilleries\/wp-json\/wp\/v2\/pages\/8172"}],"wp:attachment":[{"href":"https:\/\/agora.xtec.cat\/zerguilleries\/wp-json\/wp\/v2\/media?parent=8771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}