{"id":18291,"date":"2019-03-01T09:55:52","date_gmt":"2019-03-01T08:55:52","guid":{"rendered":"http:\/\/projectes.xtec.cat\/programacioirobotica\/?page_id=18291"},"modified":"2019-03-01T09:55:52","modified_gmt":"2019-03-01T08:55:52","slug":"sessio-2-fem-apareixer-i-desapareixer-objectes","status":"publish","type":"page","link":"https:\/\/agora.xtec.cat\/iesdeltebre\/curs-scratch\/modul-3-dissenyem-el-nostre-scapescratch-scratch-3-0\/sessio-2-fem-apareixer-i-desapareixer-objectes\/","title":{"rendered":"Sessi\u00f3 2. Fem apar\u00e8ixer i desapar\u00e8ixer objectes"},"content":{"rendered":"<h2>Pla de treball<\/h2>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>Creaci\u00f3 d&#8217;escenaris.<\/li>\n<li>Situaci\u00f3 dels objectes als escenaris.<\/li>\n<li>Visualitzaci\u00f3 dels objectes als escenaris<\/li>\n<\/ul>\n<\/div>\n<hr \/>\n<h2>Preparem els escenaris<\/h2>\n<p>Ha arribat el moment de preparar la nostra habitaci\u00f3 i donar l&#8217;ambient que acompanyi la hist\u00f2ria. Triarem l&#8217;escenari i a sobre d&#8217;ell situarem els objectes i amagarem els que caldr\u00e0 trobar per resoldre l&#8217;enigme. No els ho hem de posar f\u00e0cil!<\/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=\"Pas a pas\" 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\u2019Scratch i fem una c\u00f2pia del nostre projecte <strong>m3repte11<\/strong> i li canviem el nom a <strong>m3repte21<\/strong>.<\/li>\n<li>Triem un dels escenaris de la galeria que ens sembli adient per a la nostra hist\u00f2ria. Tamb\u00e9 podeu dibuixar un fons, pujar un fitxer o b\u00e9 fer una fotografia i pujar-la. Si no recordeu com fer-ho, podeu consultar la <strong>sessi\u00f3 6<\/strong> del <strong>m\u00f2dul 1<\/strong>.<\/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\" \/>\u00a0Necessitem un altre escenari per poder anar &#8220;recollint&#8221; els objectes que ens trobem a l&#8217;escenari principal. Aquest escenari l&#8217;anomenarem &#8220;Objectes&#8221; i ha de tenir una forma similar a la seg\u00fcent imatge.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10488\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/08\/scratch-escape11.png\" alt=\"Escenari objectes\" width=\"350\" height=\"196\" \/><\/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\" \/>\u00a0Pista: Heu de dibuixar tants espais per guardar objectes com objectes s&#8217;hagin de recollir. Recordeu: dels quatre objectes, un dels objectes amaga a un altre (a la sessi\u00f3 1 eren unes roques que amagaven una clau). Aquest objecte no el recollirem, per tant, no cal reservar-li un espai. Quants objectes haurem de recollir? Quants espais hem de fer?<\/p>\n<hr \/>\n<h2>Els\u00a0objectes es situen al seu lloc&#8230;<\/h2>\n<p>Ara que tenim definits els dos escenaris, un per a l&#8217;habitaci\u00f3 i l&#8217;altre per anar recollint objectes, hem de posicionar aquests objectes en el lloc corresponent. A l&#8217;acabar la sessi\u00f3 anterior hav\u00edem fixat aquestes posicions sense tenir en compte l&#8217;escenari, ara haureu de retocar la seva situaci\u00f3.<\/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=\"Pas a pas\" width=\"32\" \/> <strong>Fem-ho pas a pas<\/strong><\/p>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>Continuem treballant en el nostre projecte\u00a0<strong>m3repte21<\/strong> que tenim obert.<\/li>\n<li>Ens cal que cada cop que comenci el programa l&#8217;escenari que es mostri sigui el principal i tamb\u00e9 poder canviar a l&#8217;escenari dels objectes quan sigui necessari. Afegirem al <strong>personatge<\/strong> els blocs:<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18367\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s2m3canviafonscastle.png\" alt=\"\" width=\"163\" height=\"89\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18369\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s2m3canviafonsaobjectes.png\" alt=\"\" width=\"168\" height=\"96\" \/><\/p>\n<ul>\n<li>Per poder retornar de l&#8217;escenari &#8220;objectes&#8221; a l&#8217;escenari principal, afegirem al programa dels <strong>escenaris<\/strong> els blocs:<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18371\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s2m3pertornarescenariprincipal.png\" alt=\"\" width=\"188\" height=\"91\" \/><\/p>\n<ul>\n<li>Per a cada <strong>objecte<\/strong> haureu de fixar la seva posici\u00f3 a cadascun dels escenaris<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18374\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s2m3canviescenari.png\" alt=\"\" width=\"310\" height=\"320\" \/><\/p>\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\" \/>\u00a0Fixeu la posici\u00f3 de cada objecte als dos escenaris i comproveu que estan ben col\u00b7locats quan s&#8217;inicia el programa.<br \/>\n<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\" \/>\u00a0Pista: La posici\u00f3 de l&#8217;objecte apareix\u00a0de forma directa al bloc &#8220;v\u00e9s a&#8230;&#8221; quan el desplacem sobre l&#8217;escenari fins al lloc correcte.<\/p>\n<hr \/>\n<h2>&#8230;i desapareixen<\/h2>\n<p>Els objectes que heu anat situant a sobre de l&#8217;escenari han d&#8217;apar\u00e8ixer o desapar\u00e8ixer en funci\u00f3 de la hist\u00f2ria que aneu creant. Alguns poden estar amagats i no fer-se visibles fins que passi alguna cosa, d&#8217;altres poden estar amagats darrera d&#8217;altres objectes, alguns poden desapar\u00e8ixer quan els toquem o b\u00e9 moure&#8217;ls per veure qu\u00e8 hi ha al darrera. Les possibilitats que tenim s\u00f3n moltes i les anirem veient i millorant. Comencem ara per les accions m\u00e9s simples.<\/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=\"Pas a pas\" width=\"32\" \/> <strong>Fem-ho pas a pas<\/strong><\/p>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>Continuem treballant en el nostre projecte\u00a0<strong>m3repte21<\/strong> que tenim obert.<\/li>\n<li>Farem que un dels objectes estigui amagat en el moment de comen\u00e7ar el programa. La forma m\u00e9s senzilla de fer apar\u00e8ixer i desapar\u00e8ixer un objecte \u00e9s mitjan\u00e7ant els blocs<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18387\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s2m3mostraamaga.png\" alt=\"\" width=\"135\" height=\"48\" \/><\/p>\n<ul>\n<li>Si volem que un objecte estigui amagat des de l&#8217;inici, afegirem el bloc &#8220;amaga&#8217;t&#8221; en el moment de fixar la seva posici\u00f3 de la forma seg\u00fcent:<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18388\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s2m3programagat.png\" alt=\"\" width=\"310\" height=\"359\" \/><\/p>\n<ul>\n<li>Una altra forma de fer-ho \u00e9s mitjan\u00e7ant\u00a0<strong>Esdeveniments<\/strong>. La majoria dels objectes hauran de ser controlats respecte a apar\u00e8ixer o desapar\u00e8ixer des de diferents entorns: el propi objecte, els escenaris, en funci\u00f3 de les accions del personatge,&#8230; Aquests s\u00f3n els blocs que cont\u00e9 el men\u00fa <strong>Esdeveniments<\/strong>.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18390\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s2m3esdeveniments.png\" alt=\"\" width=\"304\" height=\"552\" \/><\/p>\n<ul>\n<li>M\u00e9s endavant treballarem amb m\u00e9s profunditat les possibilitats que es proporciona <strong>Esdeveniments<\/strong>, ara nom\u00e9s farem un petit tast. Dit de forma r\u00e0pida, ens permet enviar un <strong>missatge<\/strong> als diferents objectes i escenaris\u00a0i aquells que han estat programats per respondre a aquest missatge, executaran les seves accions relacionades. Aquest sistema s&#8217;anomena\u00a0<strong>broadcast<\/strong>\u00a0i \u00e9s la millor forma de sincronitzar accions en el nostres programes.<\/li>\n<li>Com que hem de tenir relacionades totes les accions, cal programar-ho tant als objectes com al personatge i als escenaris<\/li>\n<li><strong>Objectes<\/strong>\n<ul>\n<li>Afegirem el control de &#8220;mostrar&#8221; i &#8220;amagar&#8221; <strong>a cada objecte<\/strong>.<\/li>\n<li>Triem<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18392\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s2m3quanrebimissatge.png\" alt=\"\" width=\"242\" height=\"160\" \/><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>A &#8220;nou missatge&#8221; escrivim el missatge que controlar\u00e0 quan es mostra i quan s&#8217;amaga un objecte i el seleccionem<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18637\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s2m3missatges2.png\" alt=\"\" width=\"192\" height=\"139\" \/><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>Despr\u00e9s indicarem quina \u00e9s l&#8217;acci\u00f3 que far\u00e0 l&#8217;<strong>objecte<\/strong> quan controlem des d&#8217;un altre objecte o escenari el missatge que hem escrit.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18395\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s2m3missatgeamagamostra.png\" alt=\"\" width=\"416\" height=\"100\" \/><\/p>\n<ul>\n<li><strong>Escenaris<\/strong>\n<ul>\n<li>Un cop que heu definit a l&#8217;objecte en quines condicions s&#8217;ha de mostrar o amagar, indicarem a l&#8217;<strong>escenari<\/strong> que volem que passi amb aquell objecte en concret. Com que hem decidit que el globus no aparegui al principi del programa, \u00e9s a dir, que estigui amagat a l&#8217;escenari principal (castell), heu d&#8217;indicar en l&#8217;<strong>escenari<\/strong> el seg\u00fcent:<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18398\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s2m3teclaespaicanviafons.png\" alt=\"\" width=\"208\" height=\"99\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18399\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s2m3canviescenariamagaglobus.png\" alt=\"\" width=\"256\" height=\"101\" \/><\/p>\n<ul>\n<li><strong>Personatge<\/strong>\n<ul>\n<li>Per acabar, heu d&#8217;indicar al <strong>personatge<\/strong> qu\u00e8 passar\u00e0 en el moment de comen\u00e7ar el programa<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18401\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s2m3enviatotsamagaglobus.png\" alt=\"\" width=\"208\" height=\"139\" \/><\/p>\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\" \/>\u00a0Repeteix el proc\u00e9s per a tots els objectes i comprova que apareixen de forma correcta en els dos escenaris (principal i objectes) tenint en compte:<\/p>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>Estan els objectes a les posicions correctes que heu definit en els dos escenaris?<\/li>\n<li>Els objectes estan visibles en l&#8217;escenari que toca?<\/li>\n<\/ul>\n<\/div>\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\" \/>\u00a0Pista: L&#8217;objecte que amaga a un altre no ha d&#8217;apar\u00e8ixer a l&#8217;escenari d&#8217;objectes. Per aconseguir-ho \u00e9s el mateix proc\u00e9s que hem fet amb l&#8217;exemple del globus per\u00f2 al contrari. L&#8217;objecte amagat darrera de l&#8217;altre ha d&#8217;estar als dos escenaris, tot i que al principal no es veu perqu\u00e8 est\u00e0 al darrera d&#8217;un d&#8217;ells. El quart objecte ha d&#8217;estar visible en els dos escenaris.<\/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>Recupereu la definici\u00f3 del vostre projecte <strong>escape\u00a0<\/strong>que heu fet a la sessi\u00f3 anterior. \u00c9s el moment de revisar el qu\u00e8 heu escrit i fer els canvis necessaris.<\/p>\n<p>A la vostra definici\u00f3 heu d&#8217;afegir, tenint en compte l&#8217;escenari principal, el personatge, les proves i la hist\u00f2ria, quins s\u00f3n els <strong>objectes<\/strong> que col\u00b7locareu a l&#8217;escenari i quines relacions hi haur\u00e0 entre ells:<\/p>\n<ul>\n<li>Tots els objectes estan visibles a l&#8217;inici del programa?<\/li>\n<li>Quins objectes amaguen a quins?<\/li>\n<\/ul>\n<p>No oblidem que estem definint poc a poc el projecte i que, en introduir millores, \u00e9s molt possible que el que hav\u00edem pensat inicialment canvi\u00ef. Aix\u00ed \u00e9s com treballen els programadors, pensant primer la idea fins a l\u2019\u00faltim detall i despr\u00e9s executant-la.<\/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>Esdeveniment<\/strong>: permet enviar un missatge als diferents objectes i escenaris\u00a0i aquells que han estat programats per respondre a aquest missatge, executaran les seves accions. Aquest sistema s&#8217;anomena\u00a0<strong>broadcast<\/strong>\u00a0i \u00e9s la millor forma de sincronitzar accions en el nostres programes<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Pla de treball<\/p>\n<ul>\n<li>Creaci\u00f3 d&#8217;escenaris.<\/li>\n<li>Situaci\u00f3 dels objectes als escenaris.<\/li>\n<li>Visualitzaci\u00f3 dels objectes als escenaris<\/li>\n<\/ul>\n<p>Preparem els escenaris<br \/>\nHa arribat el moment de preparar la nostra habitaci\u00f3 i donar l&#8217;ambient que acompanyi la hist\u00f2ria. Triarem l&#8217;escenari i a sobre d&#8217;ell situarem els objectes i amagarem els que caldr\u00e0 trobar per&hellip;  <a href=\"https:\/\/agora.xtec.cat\/iesdeltebre\/curs-scratch\/modul-3-dissenyem-el-nostre-scapescratch-scratch-3-0\/sessio-2-fem-apareixer-i-desapareixer-objectes\/\" title=\"Read Sessi\u00f3 2. Fem apar\u00e8ixer i desapar\u00e8ixer objectes\">Llegeix m\u00e9s\u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":18286,"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-18291","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/agora.xtec.cat\/iesdeltebre\/wp-json\/wp\/v2\/pages\/18291","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=18291"}],"version-history":[{"count":0,"href":"https:\/\/agora.xtec.cat\/iesdeltebre\/wp-json\/wp\/v2\/pages\/18291\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/iesdeltebre\/wp-json\/wp\/v2\/pages\/18286"}],"wp:attachment":[{"href":"https:\/\/agora.xtec.cat\/iesdeltebre\/wp-json\/wp\/v2\/media?parent=18291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}