{"id":17506,"date":"2019-02-08T13:27:38","date_gmt":"2019-02-08T12:27:38","guid":{"rendered":"http:\/\/projectes.xtec.cat\/programacioirobotica\/?page_id=17506"},"modified":"2019-02-08T13:27:38","modified_gmt":"2019-02-08T12:27:38","slug":"sessio-6-dissenyem-lescenari","status":"publish","type":"page","link":"https:\/\/agora.xtec.cat\/iesdeltebre\/curs-scratch\/modul-1-comenca-lscratch-aventura-scratch-3\/sessio-6-dissenyem-lescenari\/","title":{"rendered":"Sessi\u00f3 6. 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>Fins ara hem anat prenent decisions sobre els nostres personatges, ara \u00e9s el moment de pensar on volem situar les nostres postals interactives. On s\u00f3n els personatges? On els imaginem? Quin entorn volem que els envolti? Potser a la primera sessi\u00f3 ja vam pensar en un escenari, ara l&#8217;hem de repensar i descobrir com fer-lo.<\/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>m1<\/strong><strong>repte61<\/strong>.<\/li>\n<li>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<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li>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>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>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>Triar un fons de la galeria de l&#8217;Scratch o b\u00e9 pujar un fons:<\/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\" \/>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-17922 size-medium\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/5s6m1pujafonsdesdefitxercercle-221x300.jpg\" alt=\"\" width=\"221\" height=\"300\" \/>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0<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\" \/><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>Dibuixar un fons:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-17655 \" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/01\/4s6m1dibuixarunfons-300x188.jpg\" alt=\"\" width=\"300\" height=\"188\" \/>\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>Pujar un fitxer 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>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>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.<\/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>Triem dos escenaris de l&#8217;Scratch.<\/li>\n<li>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<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 projecte <strong>m1<\/strong><strong>repte61<\/strong> que tenim obert, creem quatre fons per l&#8217;escenari, un de cada manera de les que hem vist. Fem que l&#8217;escenari canvi\u00ef de fons quan premem una tecla.<\/p>\n<hr \/>\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><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>Obrim un nou projecte que s&#8217;anomeni <strong>m1repte62<\/strong> on 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>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>El valor 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<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>Al projecte\u00a0<strong>m1repte62<\/strong> que tenim obert, programem un canvi de fons d&#8217;escenari de manera que apliquem un fer i desfer d&#8217;un efecte gr\u00e0fic tot creant un efecte de transici\u00f3 entre ells. Provem amb diferents efectes gr\u00e0fics.<\/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>A la definici\u00f3 de la nostra <strong>postal<\/strong> encara no hav\u00edem tingut en compte quins serien els escenaris necessaris en funci\u00f3 de la hist\u00f2ria que volem explicar. Hem de pensar quins s\u00f3n els fons m\u00e9s adients i buscar-los. Obrim el projecte <strong>postal<\/strong> i:<\/p>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>Afegim a la descripci\u00f3 de la postal quins s\u00f3n els escenaris m\u00e9s adients i si hem de fer canvis entre ells segons el desenvolupament de la hist\u00f2ria, com seran aquests canvis i si caldr\u00e0 aplicar algun efecte.<\/li>\n<li>Busquem els fons necessaris per a la nostra hist\u00f2ria. Recordem que les imatges poden tenir drets d&#8217;autor i cal comprovar-ho.<\/li>\n<li>Guardem en el nostre projecte els escenaris que volem fer servir per tenir-los a punt.<\/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_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 \/>\nFins ara hem anat prenent decisions sobre els nostres personatges, ara \u00e9s el moment de pensar on volem situar les nostres postals interactives. On s\u00f3n els personatges? On els imaginem?&hellip;  <a href=\"https:\/\/agora.xtec.cat\/iesdeltebre\/curs-scratch\/modul-1-comenca-lscratch-aventura-scratch-3\/sessio-6-dissenyem-lescenari\/\" title=\"Read Sessi\u00f3 6. Dissenyem l&#8217;escenari\">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-17506","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/agora.xtec.cat\/iesdeltebre\/wp-json\/wp\/v2\/pages\/17506","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=17506"}],"version-history":[{"count":0,"href":"https:\/\/agora.xtec.cat\/iesdeltebre\/wp-json\/wp\/v2\/pages\/17506\/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=17506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}