{"id":17506,"date":"2020-05-24T21:00:38","date_gmt":"2020-05-24T19:00:38","guid":{"rendered":"http:\/\/projectes.xtec.cat\/programacioirobotica\/?page_id=17506"},"modified":"2020-05-24T22:03:35","modified_gmt":"2020-05-24T20:03:35","slug":"sessio-6-dissenyem-lescenari","status":"publish","type":"page","link":"https:\/\/agora.xtec.cat\/col-imma-lloret\/modul-1-comenca-lscratch-aventura-scratch-3\/sessio-6-dissenyem-lescenari\/","title":{"rendered":"Sessi\u00f3 5. Dissenyem l&#8217;escenari"},"content":{"rendered":"<h2>Pla de treball<\/h2>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>On s\u00f3n els personatges?<\/li>\n<li>Creaci\u00f3 d&#8217;un escenari<\/li>\n<li>Disseny i modificaci\u00f3 del fons<\/li>\n<li>Efectes gr\u00e0fics de l&#8217;escenari<\/li>\n<\/ul>\n<\/div>\n<hr \/>\n<h2>Els escenaris<\/h2>\n<p style=\"text-align: justify;\">On s\u00f3n els personatges? On els imaginem? Quin entorn volem que els envolti? En aquesta sessi\u00f3 aprendrem a posar els escenaris.<\/p>\n<h2><span style=\"color: #ff6600;\">Repte 10<\/span><\/h2>\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\u00a0anomenat <b>repte10<\/b>. Recorda fer-lo p\u00fablic clicant a comparteix i desar tots els canvis que facis despr\u00e9s.<\/li>\n<li style=\"text-align: justify;\">Triem l&#8217;opci\u00f3 per actuar sobre l&#8217;<strong>escenari<\/strong> enlloc de fer-ho sobre els personatges. Cal que tinguem clar qu\u00e8 \u00e9s el que tenim seleccionat; si tenim seleccionat un personatge no podrem editar l&#8217;escenari i a l&#8217;inrev\u00e9s<\/li>\n<li style=\"text-align: justify;\">Podem editar el personatge:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-17631 size-medium alignleft\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s5m1informaci\u00f3personatge-300x254.jpg\" alt=\"\" width=\"300\" height=\"254\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-17916 \" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/1s6m1triapersonatgecercle-300x177.jpg\" alt=\"\" width=\"444\" height=\"262\" \/><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li>Podem editar l&#8217;escenari:<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-17651 aligncenter\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s6m1editarfons-1024x610.jpg\" alt=\"\" width=\"403\" height=\"240\" \/><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"text-align: justify;\">A l&#8217;escenari podem definir diferents fons, de manera equivalent a com definim diferents vestits per cada personatge. Per fer-ho anem a l&#8217;opci\u00f3 de\u00a0<strong>Fons<\/strong>:<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-17918 size-medium aligncenter\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/2s6m1triafonscercle-300x187.jpg\" alt=\"\" width=\"300\" height=\"187\" \/><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"text-align: justify;\">El mecanisme per a les diferents possibilitats de creaci\u00f3 de fons per a l&#8217;escenari \u00e9s el mateix que per a la creaci\u00f3 de vestits per als personatges, triem la via que necessitem en cada moment:\n<ul>\n<li style=\"text-align: justify;\">Triar un fons de la galeria de l&#8217;Scratch:<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-17927 size-medium\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s6m1triafonsgaleriacercle-300x206.jpg\" alt=\"\" width=\"300\" height=\"206\" \/><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"text-align: justify;\">Dibuixar un fons:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-17932 size-medium\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s6m1pintafonscercle-300x255.jpg\" alt=\"\" width=\"300\" height=\"255\" \/>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-17656 size-medium\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/4s6m1dibuixafons-300x189.jpg\" alt=\"\" width=\"300\" height=\"189\" \/><\/li>\n<li style=\"text-align: justify;\">Pujar un fitxer des del nostre ordinador que ser\u00e0 el fons:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-17922 size-medium alignleft\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/5s6m1pujafonsdesdefitxercercle-221x300.jpg\" alt=\"\" width=\"221\" height=\"300\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-17658 size-medium alignnone\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/6s5m1pujarrfons-300x185.jpg\" alt=\"\" width=\"300\" height=\"185\" \/><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"text-align: justify;\">Tamb\u00e9 podeu afegir un fons sorpresa (al picar es tria un fons a l&#8217;atzar de la galer\u00eda):\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-17937 size-medium alignleft\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s6m1afegirfonssorpresa-300x262.jpg\" alt=\"\" width=\"300\" height=\"262\" \/><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div style=\"padding-left: 50px;\">\n<p>&nbsp;<\/p>\n<\/div>\n<p style=\"text-align: justify;\">Quan estem a l&#8217;escenari tamb\u00e9 veiem les diferents categories de blocs de programaci\u00f3, aix\u00f2 vol dir que tamb\u00e9 podem programar l&#8217;escenari. L&#8217;\u00fanica categoria que no t\u00e9 blocs de programaci\u00f3 \u00e9s el de moviment perqu\u00e8 evidenment, els escenaris no es belluguen.<\/p>\n<p style=\"text-align: justify;\"><strong>Fem-ho pas a pas<\/strong><\/p>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li style=\"text-align: justify;\">Triem dos escenaris de l&#8217;Scratch, un que tu tries i un altre que sigui sorpresa.<\/li>\n<li style=\"text-align: justify;\">Fem que hi hagi un canvi de fons quan passin cinc segons des de l&#8217;inici del programa:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17661\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/8s6m1canvifons.png\" alt=\"\" width=\"180\" height=\"159\" \/><\/li>\n<\/ul>\n<\/div>\n<p style=\"text-align: justify;\">Ara afegeix un altre fons dibuixat per tu i un altre que tinguis al teu ordinador. Pot ser una foto d&#8217;un paisatge que hagis fotografiat o b\u00e9 una imatge trobada per internet. Fes que amb un interval de 5 segons es mostrin tots els paisatges i que sigui un canvi continuu, \u00e9s a dir, que no pari si tu no li dones l&#8217;ordre.<\/p>\n<p style=\"text-align: justify;\"><strong><span style=\"color: #ff0000;\">Quan hagis aconseguit que les 4 imatges es mostrin en un bucle continuu amb un interval de 5 segons, desa el programa, copia el link del projecte i adjunta&#8217;l com a enlla\u00e7 a la tasca de Classroom.<\/span><\/strong><\/p>\n<hr \/>\n<h2><span style=\"color: #ff6600;\">Repte 11<\/span><\/h2>\n<h2>Podem canviar els escenaris?<\/h2>\n<p>Podem actuar sobre com es veu l&#8217;escenari, per fer-ho tenim diferents opcions a la categoria <strong>aspecte<\/strong>:<\/p>\n<h2><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-17949 size-medium\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s6m1augefe-212x300.png\" alt=\"\" width=\"212\" height=\"300\" \/><\/h2>\n<p><strong>Fem-ho pas a pas<\/strong><\/p>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li style=\"text-align: justify;\">Obrim un nou projecte que s&#8217;anomeni <strong>repte11. <\/strong> Recorda fer-lo p\u00fablic clicant a comparteix i desar tots els canvis que facis despr\u00e9s.<\/li>\n<li style=\"text-align: justify;\">Triem un escenari d&#8217;Scratch.<\/li>\n<li style=\"text-align: justify;\">Anem a fer que vagi augmentant el color de l&#8217;escenari cada segon:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17663\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/10s6m1efectecolor.png\" alt=\"\" width=\"223\" height=\"217\" \/><\/li>\n<li>Aquestes s\u00f3n dues imatges del proc\u00e9s:<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-fonscolor1.png\" alt=\"Color\" width=\"300\" \/> <img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-fonscolor2.png\" alt=\"Color de fons 2\" width=\"300\" \/><\/li>\n<li style=\"text-align: justify;\">Podem canviar el temps i el valor del canvi de color per aconseguir un canvi m\u00e9s suau:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17665\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/s6m1augmentaefecte1.png\" alt=\"\" width=\"225\" height=\"176\" \/><\/li>\n<li style=\"text-align: justify;\">El valor, \u00e9s a dir el n\u00famero, de l&#8217;<strong>efecte gr\u00e0fic<\/strong> pot ser positiu i negatiu, amb el que podem aconseguir fer-lo i desfer-lo:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-17939 size-medium\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s6m1augmefectes-204x300.png\" alt=\"\" width=\"204\" height=\"300\" \/><\/li>\n<\/ul>\n<\/div>\n<p style=\"text-align: justify;\">Al projecte <b>repte11 <\/b>que tenim obert, triem un escenari de fons mar\u00ed d&#8217;Scratch i programem un canvi de fons d&#8217;escenari de manera que apliquem un fer i desfer d&#8217;un efecte gr\u00e0fic, diferent del remol\u00ed, tot creant un efecte de transici\u00f3 entre ells. Provem amb diferents efectes gr\u00e0fics.<\/p>\n<p style=\"text-align: justify;\">Els diferents efectes gr\u00e0fics, els podreu trobar fent clic a la fletxeta del bloc.<\/p>\n<p><strong><span style=\"color: #ff0000;\">Quan hagis aconseguit que l&#8217;escenari faci i desfaci un efecte gr\u00e0fic amb un interval de temps,<\/span><\/strong> <strong><span style=\"color: #ff0000;\">desa el programa, copia el link del projecte i adjunta&#8217;l com a enlla\u00e7 a la tasca de Classroom.<\/span><\/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><b>Escenari:<\/b> espai on es mouen els personatges.<\/li>\n<li><b>Fons:<\/b> imatge, color, textura,&#8230; que forma l&#8217;escenari.<\/li>\n<li><strong>Aspecte:<\/strong> caracter\u00edstiques del fons referides a colors, intensitat de llum,&#8230;<\/li>\n<li><strong>Efecte gr\u00e0fic:<\/strong>\u00a0modificacions que poden aplicar-se sobre una imatge i que ens permeten definir l&#8217;aspecte d&#8217;un fons d&#8217;escenari.<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Pla de treball<\/p>\n<ul>\n<li>On s\u00f3n els personatges?<\/li>\n<li>Creaci\u00f3 d&#8217;un escenari<\/li>\n<li>Disseny i modificaci\u00f3 del fons<\/li>\n<li>Efectes gr\u00e0fics de l&#8217;escenari<\/li>\n<\/ul>\n<p>Els escenaris<br \/>\nOn s\u00f3n els personatges? On els imaginem? Quin entorn volem que els envolti? En aquesta sessi\u00f3 aprendrem a posar els escenaris.<br \/>\nRepte 10<br \/>\nFem-ho pas a pas<\/p>\n<ul>\n<li style=\"text-align: justify;\">Entrem al nostre compte&hellip;  <a href=\"https:\/\/agora.xtec.cat\/col-imma-lloret\/modul-1-comenca-lscratch-aventura-scratch-3\/sessio-6-dissenyem-lescenari\/\" title=\"Read Sessi\u00f3 5. Dissenyem l&#8217;escenari\">Llegeix m\u00e9s\u00bb<\/a><br \/>\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-17506","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\/17506","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=17506"}],"version-history":[{"count":3,"href":"https:\/\/agora.xtec.cat\/col-imma-lloret\/wp-json\/wp\/v2\/pages\/17506\/revisions"}],"predecessor-version":[{"id":20388,"href":"https:\/\/agora.xtec.cat\/col-imma-lloret\/wp-json\/wp\/v2\/pages\/17506\/revisions\/20388"}],"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=17506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}