{"id":9178,"date":"2017-09-25T15:44:02","date_gmt":"2017-09-25T13:44:02","guid":{"rendered":"http:\/\/agora.xtec.cat\/esc-cancoll\/?page_id=9178"},"modified":"2019-01-15T15:13:41","modified_gmt":"2019-01-15T14:13:41","slug":"session-6","status":"publish","type":"page","link":"https:\/\/agora.xtec.cat\/esc-cancoll\/curs-scratch-primaria\/module-1-lets-start-the-scratchs-adventure\/session-6\/","title":{"rendered":"Session 6: Background Design"},"content":{"rendered":"<h2>Working plan<\/h2>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>Where are the characters?<\/li>\n<li>Creation of a stage<\/li>\n<li>Sketch of the backdrop<\/li>\n<li>Graphic effects<\/li>\n<\/ul>\n<\/div>\n<hr \/>\n<h2>The stage<\/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>Step by step<\/strong><\/p>\n<ol>\n<li>Log in and create a new project\u00a0<strong>m1<\/strong><strong>repte61<\/strong>.<\/li>\n<li>Click on the word\u00a0\u00a0<strong>stage.<\/strong>\n<ul>\n<li>We can edit the character:<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-tria_personatge.jpg\" alt=\"Tria personatge\" \/><\/li>\n<li>We can edit the stage:<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-tria_escenari.jpg\" alt=\"Tria escenari\" \/><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>We can define the backdrop in the stage clicking on <strong>backdrop<\/strong>:<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-escenari-fons.png\" alt=\"Fons\" \/><\/li>\n<li>We can choose the background whenever we want:\n<ul>\n<li>Choose a backdrop of the gallery:<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-escenari-galeria.png\" alt=\"Tria fons de la galeria\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-fons_nougaleria.jpg\" alt=\"Nou fons de la galeria\" width=\"600\" \/><\/li>\n<li>You can also draw a backdrop:<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-escenari-dibuix.png\" alt=\"Dibuixar un fons\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-fons_noudibuixat.jpg\" alt=\"Nou fons dibuixat\" width=\"600\" \/><\/li>\n<li>You can also upload a backdrop from a file:<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-escenari-fitxer.png\" alt=\"Pujar un fitxer\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-fons_noufitxer.jpg\" alt=\"Nou fons pujat com a fons\" width=\"400\" \/><\/li>\n<li>You can take a picture with the camera of the computer:<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-escenari-camera.png\" alt=\"Fer foto\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-fons_noufoto.jpg\" alt=\"Nou fons a partir d'una foto\" width=\"400\" \/><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div style=\"padding-left: 50px;\">\n<p>3. Choose two stages from the Scratch.<\/p>\n<ul>\n<li>Make the two stages change within a period of 5 seconds from the beginning:<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-canvi_fons.png\" alt=\"Canvi de fons\" \/><\/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\" \/>\u00a0<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>4. Create 4 backdrops for the stage in the project\u00a0<strong>m1<\/strong><strong>repte61.\u00a0<\/strong>\u00a0Make them change when we click on a key.<\/p>\n<hr \/>\n<h2>Can we change the stages?<\/h2>\n<p>We can edit the stage with the option\u00a0<strong>looks:<\/strong><br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-escenari_aspecte.png\" alt=\"Aspecte de l'escenari\" \/><\/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>Step by step<\/strong><\/p>\n<ol>\n<li>Create a new project:\u00a0<strong>m1repte62<\/strong>\u00a0and <strong>change the color effect every second<\/strong>:<\/li>\n<\/ol>\n<div style=\"padding-left: 50px;\">\n<p><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-augmenta_color.png\" alt=\"Canvi de color de fons\" \/><\/p>\n<p>These are two examples of this kind of effect:<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\" \/>\u00a0<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\" \/><\/p>\n<ul>\n<li>We can change the timing and the value to get a softer change:<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-augmenta_colorlent.png\" alt=\"Canvi lent de color de fons\" \/><\/li>\n<li>The value of the <strong>graphic effect<\/strong> can be positive or negative:<br \/>\n<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-escenari_transicio.png\" alt=\"Fer i desfer efecte gr\u00e0fic\" \/><\/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\" \/>\u00a0<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>2.\u00a0 Programme a change of backdrop setting and unsetting a graphic effect in the project\u00a0<strong>m1repte62.<\/strong><\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Working plan<\/p>\n<ul>\n<li>Where are the characters?<\/li>\n<li>Creation of a stage<\/li>\n<li>Sketch of the backdrop<\/li>\n<li>Graphic effects<\/li>\n<\/ul>\n<p>The stage<br \/>\nStep by step<\/p>\n<ol>\n<li>Log in and create a new project\u00a0m1repte61.<\/li>\n<li>Click on the word\u00a0\u00a0stage.\n<ul>\n<li>We can edit the character:\n<\/li>\n<li>We can edit the stage:\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<ul>\n<li>We can define the backdrop in the stage clicking on backdrop:\n<\/li>\n<li>We can choose the&hellip;  <a href=\"https:\/\/agora.xtec.cat\/esc-cancoll\/curs-scratch-primaria\/module-1-lets-start-the-scratchs-adventure\/session-6\/\" title=\"Read Session 6: Background Design\">Llegeix m\u00e9s\u00bb<\/a><br \/>\n","protected":false},"author":1,"featured_media":0,"parent":9144,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","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-9178","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/agora.xtec.cat\/esc-cancoll\/wp-json\/wp\/v2\/pages\/9178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agora.xtec.cat\/esc-cancoll\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agora.xtec.cat\/esc-cancoll\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/esc-cancoll\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/esc-cancoll\/wp-json\/wp\/v2\/comments?post=9178"}],"version-history":[{"count":3,"href":"https:\/\/agora.xtec.cat\/esc-cancoll\/wp-json\/wp\/v2\/pages\/9178\/revisions"}],"predecessor-version":[{"id":9544,"href":"https:\/\/agora.xtec.cat\/esc-cancoll\/wp-json\/wp\/v2\/pages\/9178\/revisions\/9544"}],"up":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/esc-cancoll\/wp-json\/wp\/v2\/pages\/9144"}],"wp:attachment":[{"href":"https:\/\/agora.xtec.cat\/esc-cancoll\/wp-json\/wp\/v2\/media?parent=9178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}