{"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":"2021-01-12T17:43:04","modified_gmt":"2021-01-12T16:43:04","slug":"sessio-3-dissenyem-lescenari","status":"publish","type":"page","link":"https:\/\/agora.xtec.cat\/iesroquetes\/scratch-challenge\/modul-1-comenca-lscratch-aventura-scratch-3\/sessio-3-dissenyem-lescenari\/","title":{"rendered":"Sessi\u00f3 3. Dissenya 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 has anat afegint els teus personatges, i ara \u00e9s el moment de situar la teva animaci\u00f3. On s\u00f3n els personatges? Quin entorn els envolta? Toca descobrir com fer realitat l&#8217;entorn que has dissenyat a l&#8217;Storyboard.<\/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>Entra al teu compte de l&#8217;Scratch i obre el projecte de <strong>l&#8217;Storyboard<\/strong>.<\/li>\n<li>Tria l&#8217;opci\u00f3 per actuar sobre l&#8217;<strong>escenari<\/strong> en lloc de fer-ho sobre els personatges. Cal que tinguis clar qu\u00e8 \u00e9s el que tens seleccionat; si tens seleccionat un personatge, no podr\u00e0s editar l&#8217;escenari i a l&#8217;inrev\u00e9s<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-18752\" src=\"https:\/\/agora.xtec.cat\/iesroquetes\/wp-content\/uploads\/usu997\/2020\/08\/s6m1editarfons-1024x610-1024x610.jpg\" alt=\"\" width=\"1024\" height=\"610\" srcset=\"https:\/\/agora.xtec.cat\/iesroquetes\/wp-content\/uploads\/usu997\/2020\/08\/s6m1editarfons-1024x610.jpg 1024w, https:\/\/agora.xtec.cat\/iesroquetes\/wp-content\/uploads\/usu997\/2020\/08\/s6m1editarfons-1024x610-300x179.jpg 300w, https:\/\/agora.xtec.cat\/iesroquetes\/wp-content\/uploads\/usu997\/2020\/08\/s6m1editarfons-1024x610-768x458.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<ul>\n<li>A l&#8217;escenari pots definir diferents fons, de manera equivalent a com defineixes diferents vestits per cada personatge. Per fer-ho ves a l&#8217;opci\u00f3 de <strong>Fons<\/strong>:<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-17918 aligncenter\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/2s6m1triafonscercle-300x187.jpg\" alt=\"\" width=\"483\" height=\"301\" \/><\/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, tria la via que necessitis en cada moment:\n<ul>\n<li style=\"list-style-type: none;\">\n<ul style=\"list-style-type: circle;\">\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<\/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 pots afegir un fons sorpresa (en picar es tria un fons a l&#8217;atzar de la galeria): <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 est\u00e0s a l&#8217;escenari tamb\u00e9 veus les diferents categories de blocs de programaci\u00f3, aix\u00f2 vol dir que tamb\u00e9 pots programar l&#8217;escenari. L&#8217;\u00fanica categoria que no t\u00e9 blocs de programaci\u00f3 \u00e9s la 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>Tria dos escenaris de l&#8217;Scratch.<\/li>\n<li>Fes 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>Esborra el programa anterior i afegeix al projecte de l&#8217;Storyboard, <strong>tots els teus escenaris<\/strong>.<\/p>\n<hr \/>\n<h2>Pots canviar els escenaris?<\/h2>\n<p>Pots actuar sobre com es veu l&#8217;escenari, per fer-ho tens 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>En un dels escenaris que tens, fes 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>Aquests s\u00f3n dos exemples del resultat:<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>Pots 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 pots 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<li>Quan hagis acabat fet aquestes proves amb els efectes, pots esborrar el codi dels escenaris.<\/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 On s\u00f3n els personatges? Creaci\u00f3 d&#8217;un escenari Disseny i modificaci\u00f3 del fons Efectes gr\u00e0fics de l&#8217;escenari Els escenaris Fins ara has anat afegint els teus personatges, i ara \u00e9s el moment de situar la teva animaci\u00f3. On s\u00f3n els personatges? Quin entorn els envolta? Toca descobrir com fer realitat l&#8217;entorn que has [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":17494,"menu_order":3,"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,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-17506","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/agora.xtec.cat\/iesroquetes\/wp-json\/wp\/v2\/pages\/17506","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agora.xtec.cat\/iesroquetes\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agora.xtec.cat\/iesroquetes\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/iesroquetes\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/iesroquetes\/wp-json\/wp\/v2\/comments?post=17506"}],"version-history":[{"count":4,"href":"https:\/\/agora.xtec.cat\/iesroquetes\/wp-json\/wp\/v2\/pages\/17506\/revisions"}],"predecessor-version":[{"id":19432,"href":"https:\/\/agora.xtec.cat\/iesroquetes\/wp-json\/wp\/v2\/pages\/17506\/revisions\/19432"}],"up":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/iesroquetes\/wp-json\/wp\/v2\/pages\/17494"}],"wp:attachment":[{"href":"https:\/\/agora.xtec.cat\/iesroquetes\/wp-json\/wp\/v2\/media?parent=17506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}