{"id":17502,"date":"2019-02-08T13:26:41","date_gmt":"2019-02-08T12:26:41","guid":{"rendered":"http:\/\/projectes.xtec.cat\/programacioirobotica\/?page_id=17502"},"modified":"2019-02-08T13:26:41","modified_gmt":"2019-02-08T12:26:41","slug":"sessio-4-incorporem-hi-mes-personatges","status":"publish","type":"page","link":"https:\/\/agora.xtec.cat\/iesdeltebre\/curs-scratch\/modul-1-comenca-lscratch-aventura-scratch-3\/sessio-4-incorporem-hi-mes-personatges\/","title":{"rendered":"Sessi\u00f3 4. Incorporem-hi m\u00e9s personatges"},"content":{"rendered":"<h2>Pla de treball<\/h2>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>Dibuixar personatges<\/li>\n<li>Editar vestits<\/li>\n<li>Mode mapa de bits i mode vectorial<\/li>\n<li>Importaci\u00f3 de personatges<\/li>\n<li>Respecte als drets d&#8217;autor<\/li>\n<li>\u00das de la c\u00e0mera per crear personatges<\/li>\n<\/ul>\n<\/div>\n<hr \/>\n<h2>Dibuixem el nostre personatge<\/h2>\n<p>Ara sabem utilitzar els personatges de la galeria, sabem utilitzar els seus diferents vestits per simular moviment, sabem despla\u00e7ar-los per l&#8217;escenari de moltes maneres diferents i sabem fer que parlin. Ja tenim moltes opcions diferents per anar pensant seriosament com voldrem que sigui la nostra postal interactiva.<\/p>\n<p>Anem a veure quins altres tipus de personatges podem afegir a la nostra postal i com podem modificar-los.<\/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\u00a0anomenat <strong>m1repte41<\/strong>.<\/li>\n<li>Anem a <strong>dibuixar<\/strong> un nou personatge. Fem clic a l&#8217;opci\u00f3 corresponent:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17609\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s4m1dibuixa-1.jpg\" alt=\"\" width=\"461\" height=\"416\" \/><\/li>\n<li>Quan hem fet clic a la icona ens trobem a la zona de vestits d&#8217;un nou personatge, on podrem dibuixar amb les eines que apareixen a l&#8217;esquerra i a la part de dalt:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-17590 size-medium aligncenter\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s4m14-300x243.jpg\" alt=\"\" width=\"300\" height=\"243\" \/><\/li>\n<li>\u00c9s important comprovar que el personatge estigui al centre i per tant centrat. Amb aquest centre indiquem tamb\u00e9 quin \u00e9s el centre de rotaci\u00f3 del personatge. Si quan es mou un personatge fa &#8220;coses rares&#8221; \u00e9s molt possible que no tingui el centre ben indicat. Per fer-ho hem d&#8217;utilitzar aquesta opci\u00f3 de comprovar que estigui situat al punt (0,0):<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-17594 alignleft\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s4m1personatgecoord.jpg\" alt=\"\" width=\"449\" height=\"239\" \/><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-17615 aligncenter\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s4m1centrarpersonatge.jpg\" alt=\"\" width=\"404\" height=\"302\" \/><\/li>\n<li>I tamb\u00e9 revisar mida i direcci\u00f3 per tal que el personatge estigui a la posici\u00f3 que ens interessa<\/li>\n<li>Cal que tinguem en compte que, quan creem un nou personatge, s&#8217;obre per defecte un entorn de dibuix de <strong>mapa de bits<\/strong>, per\u00f2 que podem canviar a mode <strong>vectorial<\/strong>. Fixem-nos que les eines que hi ha s\u00f3n diferents:&gt;\/li&gt;<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-17592\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s4m15.jpg\" alt=\"\" width=\"350\" height=\"296\" \/>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17593\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s4m16.jpg\" alt=\"\" width=\"381\" height=\"295\" \/><\/li>\n<li>Ara haur\u00edem de fer proves en els dos entorns per veure&#8217;n les difer\u00e8ncies. El mode de mapa de bits \u00e9s un entorn de dibuix &#8220;a m\u00e0 al\u00e7ada&#8221;, mentre que el mode vectorial \u00e9s un entorn de treball per objectes. Remenem!<\/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>Al costat del personatge que hem dibuixat en el projecte <strong>m1<\/strong><strong>repte41<\/strong>, afegirem el gat de l&#8217;Scratch i li farem cr\u00e9ixer les orelles i la cua.<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/05\/scratch-gat_orellescua.png\" alt=\"Gat amb orelles i cua llargues\" width=\"100\" \/><\/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: Primer cal que tinguem clar que aix\u00f2 nom\u00e9s ho podem fer en el mode vectorial i ho podem fer perqu\u00e8 aquest personatge estava creat en l&#8217;entorn vectorial. No ho podr\u00edem fer amb un personatge creat en mode mapa de bits.<\/p>\n<hr \/>\n<h2>Afegim personatges a l&#8217;Scratch<\/h2>\n<p>Ara que ja sabem com utilitzar els entorns de dibuix de l&#8217;Scratch, anem a veure com importar personatges.<\/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>Fem una cerca a internet del personatge que volem, per exemple un gat:<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/dret-imatge.png\" alt=\"Cercar imatges a Google\" \/><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li>Desem aquesta imatge all\u00e0 on vulguem. Hem de tenir clar on l&#8217;estem desant per tal de poder-la recuperar despr\u00e9s des de l&#8217;Scratch:<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/05\/scratch-desa_gat.jpg\" alt=\"Desa imatge\" width=\"400\" \/><\/p>\n<div style=\"padding-left: 10px; border: 1px solid; margin: 10px 120px 10px 50px;\">Cal que tinguem en compte que la majoria de continguts d&#8217;internet (text, imatges, m\u00fasica, v\u00eddeos&#8230;) tenen drets d&#8217;autor. Aix\u00f2 implica que cal vigilar qu\u00e8 copiem i qu\u00e8 baixem d&#8217;internet i quin \u00fas en fem, si no volem inc\u00f3rrer en un delicte. Si cerquem obres amb llic\u00e8ncia <em>Creative Commons<\/em> podrem baixar i utilitzar materials amb tranquil\u00b7litat.<\/div>\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>Entrem al nostre compte de l&#8217;Scratch i creem un nou projecte\u00a0que anomenarem <strong>m1<\/strong><strong>repte42<\/strong><\/p>\n<p>Hem de cercar un personatge a internet i insertar-lo com un nou personatge a l&#8217;Scratch. Anem a <strong>importar<\/strong> aquesta imatge com un nou personatge. Fem clic a l&#8217;opci\u00f3 corresponent:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17595\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s4m1capturapujapersonatge.jpg\" alt=\"\" width=\"470\" height=\"535\" \/><\/p>\n<p>Si triem un personatge amb el fons transparent no caldr\u00e0 que el retoquem. Fixem-nos com es veu el gat de l&#8217;Scratch darrera del nou personatge, veiem la difer\u00e8ncia si t\u00e9 fons blanc o no el t\u00e9:<\/p>\n<figure class=\"figure wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-17596\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s4m1gat2-1024x642.jpg\" alt=\"\" width=\"504\" height=\"316\" \/><figcaption class=\"wp-caption-text\">.<\/figcaption><\/figure>\n<figure class=\"figure wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-17598\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s4m1gat5goma.jpg\" alt=\"\" width=\"513\" height=\"315\" \/><figcaption class=\"wp-caption-text\">.<\/figcaption><\/figure>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-17619\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s4m1gatsensefons-1024x598.jpg\" alt=\"\" width=\"637\" height=\"372\" \/><\/p>\n<p>&nbsp;<\/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 retocar la imatge i eliminar el fons pots utilitzar aquestes opcions de la barra d&#8217;eines en mode mapa de bits.<\/p>\n<hr \/>\n<h2>Modifiquem els personatges de l&#8217;Scratch<\/h2>\n<p>La darrera manera per crear un personatge \u00e9s fer una foto des de l&#8217;ordinador, amb una webcam, o amb la c\u00e0mara integrada si \u00e9s un port\u00e0til.<\/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 o n&#8217;obrim un d&#8217;anterior<\/li>\n<li>Anem a <strong>fer una foto<\/strong> per crear un nou personatge. Fem clic a l&#8217;opci\u00f3 corresponent:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-17599 size-medium\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s4m1pujafotoc\u00e0mera-300x244.jpg\" alt=\"\" width=\"300\" height=\"244\" \/>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-17600 size-medium\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s4m1foto-300x255.jpg\" alt=\"\" width=\"300\" height=\"255\" \/><\/li>\n<li>Ara tenim la foto com un vestit d&#8217;un nou personatge. Podem utilitzar-la aix\u00ed, o podem retocar-la per incorporar-la en algun personatge de la galeria<\/li>\n<li>En aquest darrer cas, retallem la part que ens interessa. Ho podem fer amb la goma o l&#8217;eina de seleccionar:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-17910 size-medium alignleft\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s4m1fotoretallada-300x263.jpg\" alt=\"\" width=\"300\" height=\"263\" \/><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-17911 \" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s4m1fotoretallada2-293x300.jpg\" alt=\"\" width=\"317\" height=\"324\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>Seleccionem el personatge que volem modificar i tots els vestits ens interessin:\n<p><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/05\/scratch-vestits_cassy.jpg\" alt=\"Vestits del personatge 'Cassy'\" \/><\/li>\n<li>Tornem a la cara retallada, disminu\u00efm la mida fins que s&#8217;ajusti a les nostres necessitats i la copiem (Control + C):<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/05\/scratch-cara_retallada.jpg\" alt=\"Cara retallada\" \/><\/li>\n<li>Tornem al personatge a modificar, comencem per un dels vestits i hi enganxem (Control + V) la cara:<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/05\/scratch-personatge_cara.jpg\" alt=\"Personatge amb cara\" \/><\/li>\n<li>Finalment fem el mateix amb tots els vestits del personatge<\/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>Obrirem un nou projecte amb el nom <strong>m1<\/strong><strong>repte43<\/strong>. Triem un personatge i tants vestits del personatge com persones som a l&#8217;equip. Ens fem cadascun una foto i substitu\u00efm els caps dels diferents vestits per les nostres cares. Proveu de donar moviment al personatge combinant els vestits amb les vostres cares.<\/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 que ja hem vist les diferents maneres de crear personatges podem pensar m\u00e9s seriosament en la nostre postal interactiva. Quins personatges volem? Com han de ser? Els dibuixarem o els busquem a internet (vigilem amb els drets d&#8217;autor). Recollirem totes les possibilitats en el nostre projecte <strong>postal<\/strong>.<\/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>Mapa de bits:<\/strong> es correspon a un dibuix que es pot fer a m\u00e0 al\u00e7ada i que no es pot ampliar sense perdre resoluci\u00f3.<\/li>\n<li><b>Dibuix vectorial:<\/b> es correspon a un dibuix constru\u00eft a base de diferents elements i que es pot ampliar sense perdre resoluci\u00f3.<\/li>\n<li><strong>Llic\u00e8ncia Creative Commons (CC):\u00a0<\/strong>les imatges, els sons i qualsevol altre element que podem trobar a Internet estan creats per un autor. Fer-los servir sense tenir perm\u00eds del seu autor \u00e9s il\u00b7legal per aix\u00f2 hem de ser conscients que no tot el que trobem \u00e9s utilitzable de forma lliure. Alguns autors, per\u00f2, donen perm\u00eds de forma lliure i aquestes imatges i sons tenen el que s&#8217;anomena llic\u00e8ncia Creative Commons.<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Pla de treball<\/p>\n<ul>\n<li>Dibuixar personatges<\/li>\n<li>Editar vestits<\/li>\n<li>Mode mapa de bits i mode vectorial<\/li>\n<li>Importaci\u00f3 de personatges<\/li>\n<li>Respecte als drets d&#8217;autor<\/li>\n<li>\u00das de la c\u00e0mera per crear personatges<\/li>\n<\/ul>\n<p>Dibuixem el nostre personatge<br \/>\nAra sabem utilitzar els personatges de la galeria, sabem utilitzar els seus diferents vestits per simular moviment, sabem despla\u00e7ar-los per l&#8217;escenari&hellip;  <a href=\"https:\/\/agora.xtec.cat\/iesdeltebre\/curs-scratch\/modul-1-comenca-lscratch-aventura-scratch-3\/sessio-4-incorporem-hi-mes-personatges\/\" title=\"Read Sessi\u00f3 4. Incorporem-hi m\u00e9s 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-17502","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/agora.xtec.cat\/iesdeltebre\/wp-json\/wp\/v2\/pages\/17502","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=17502"}],"version-history":[{"count":0,"href":"https:\/\/agora.xtec.cat\/iesdeltebre\/wp-json\/wp\/v2\/pages\/17502\/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=17502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}