{"id":17508,"date":"2019-02-08T13:28:11","date_gmt":"2019-02-08T12:28:11","guid":{"rendered":"http:\/\/projectes.xtec.cat\/programacioirobotica\/?page_id=17508"},"modified":"2019-02-08T13:28:11","modified_gmt":"2019-02-08T12:28:11","slug":"sessio-7-efectes-grafics-dels-personatges","status":"publish","type":"page","link":"https:\/\/agora.xtec.cat\/iesdeltebre\/curs-scratch\/modul-1-comenca-lscratch-aventura-scratch-3\/sessio-7-efectes-grafics-dels-personatges\/","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><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-17675 size-large\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/1s7m1personatges-1024x616.png\" alt=\"\" width=\"1024\" height=\"616\" \/><\/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 loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-17952 size-medium\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s7m1categoriaaspecte1-107x300.png\" alt=\"\" width=\"107\" height=\"300\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-17953 size-medium\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s7m1categoriaaspecte6-252x300.png\" alt=\"\" width=\"252\" height=\"300\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-17954 size-full\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s7m1categoriaaspecte3.png\" alt=\"\" width=\"134\" height=\"112\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-17956 size-medium\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s7m1categoriaaspecte8-300x274.png\" alt=\"\" width=\"300\" height=\"274\" \/><\/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 loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17963\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s7m1ddrac.png\" alt=\"\" width=\"241\" height=\"121\" \/><\/li>\n<li>Programem el drac per desapar\u00e8ixer amb un efecte gr\u00e0fic:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17679\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s7m1efectesgrafics.png\" alt=\"\" width=\"196\" height=\"237\" \/><\/li>\n<li>Programem l&#8217;escenari per fer m\u00e9s espectacular l&#8217;encanteri del mag:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17960\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s7m1magcolor.png\" alt=\"\" width=\"227\" height=\"240\" \/><\/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, un &#8220;star&#8221;:<\/li>\n<li>Modifiquem la mida del &#8220;star&#8221; 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 del &#8220;star&#8221; amb el bloc <strong>augmenta la mida<\/strong> de la categoria <strong>Aspecte<\/strong>, utilitzant valors negatius:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17680\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s7m1augmentamida.png\" alt=\"\" width=\"112\" height=\"33\" \/><\/li>\n<li>El codi quedaria de la seg\u00fcent forma:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17681\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s7m1estampa.png\" alt=\"\" width=\"130\" height=\"366\" \/><\/li>\n<li>L&#8217;altra manera \u00e9s dibuixar un star 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 &#8220;stars&#8221;. Fixem-nos que quan es despla\u00e7a als diferents punts on ha de fer el dibuix del &#8220;star&#8221; hem d&#8217;haver-li dit <strong>puja el llapis<\/strong>:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17682\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s7m1repeteix.png\" alt=\"\" width=\"193\" height=\"656\" \/><\/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 &#8220;stars&#8221; 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 loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17683\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s7m1nombrealatzar.png\" alt=\"\" width=\"159\" height=\"33\" \/><\/p>\n<p>Horitzontalment (les &#8220;x&#8221;), els &#8220;stars&#8221; 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 loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17686\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s7m1nombreatzar2.png\" alt=\"\" width=\"400\" height=\"45\" \/><\/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\/iesdeltebre\/curs-scratch\/modul-1-comenca-lscratch-aventura-scratch-3\/sessio-7-efectes-grafics-dels-personatges\/\" title=\"Read Sessi\u00f3 7. Efectes gr\u00e0fics dels 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-17508","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/agora.xtec.cat\/iesdeltebre\/wp-json\/wp\/v2\/pages\/17508","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=17508"}],"version-history":[{"count":0,"href":"https:\/\/agora.xtec.cat\/iesdeltebre\/wp-json\/wp\/v2\/pages\/17508\/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=17508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}