{"id":60,"date":"2020-03-28T23:57:13","date_gmt":"2020-03-28T21:57:13","guid":{"rendered":"https:\/\/edutictac.es\/sanja\/?p=60"},"modified":"2020-03-28T23:57:13","modified_gmt":"2020-03-28T21:57:13","slug":"atrapa-lor","status":"publish","type":"post","link":"https:\/\/edutictac.es\/blog\/sanja\/2020\/03\/28\/atrapa-lor\/","title":{"rendered":"Atrapa l&#8217;or"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">En aquesta pr\u00e0ctica anem a implementar el joc Atrapa l&#8217;or! En aquest joc, un pirata intenta agafar les monedes d&#8217;or que hi ha en el menor temps possible. La pr\u00e0ctica original est\u00e0 explicada <a href=\"https:\/\/appinventor.mit.edu\/explore\/ai2\/get-gold\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"ac\u00ed (s'obre en una nova pestanya)\">ac\u00ed<\/a>. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Per on comencem? <\/strong>Analitza la imatge de baix. I intenta contestar les seg\u00fcents preguntes: <\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-vertically-aligned-top\" style=\"grid-template-columns:22% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"134\" height=\"242\" src=\"https:\/\/edutictac.es\/sanja\/wp-content\/uploads\/sites\/15\/2020\/03\/Captura-de-pantalla-2020-03-28-a-las-21.33.07-e1585427642226.png\" alt=\"\" class=\"wp-image-63\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<ul class=\"wp-block-list\"><li>Quins <strong>elements gr\u00e0fics<\/strong> fan falta per a implementar al <strong>personatge<\/strong> i a les <strong>monedes<\/strong>?<\/li><li><strong>Qu\u00e8<\/strong> cal utilitzar per <strong>ficar dos<\/strong> <strong>elements un al costat de l&#8217;altre<\/strong> (el bot\u00f3 i el text de temps)?<\/li><li>Quina <strong>propietat<\/strong> s&#8217;ha de canviar perqu\u00e8 els <strong>elements<\/strong> <strong>ocupen<\/strong> un <strong>\u00e0rea<\/strong> determinat de la pantalla?<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Per on seguim?<\/strong>  Anem a biaxar\/buscar les imatges i m\u00fasica per al joc. Despr\u00e9s anem a definir la part gr\u00e0fica i per \u00faltim implementarem la funcionalitat.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Baixa&#8217;t la <a rel=\"noreferrer noopener\" aria-label=\"imatge de pirata (s'obre en una nova pestanya)\" href=\"https:\/\/appinventor.mit.edu\/explore\/sites\/all\/files\/ai2tutorials\/GetTheGold\/pirateship.jpeg\" target=\"_blank\">imatge de pirata<\/a> i la <a rel=\"noreferrer noopener\" aria-label=\"imatge de la moneda (s'obre en una nova pestanya)\" href=\"https:\/\/appinventor.mit.edu\/explore\/sites\/all\/files\/ai2tutorials\/GetTheGold\/goldcoin.jpeg\" target=\"_blank\">imatge de la moneda<\/a>. A m\u00e9s <a rel=\"noreferrer noopener\" aria-label=\"busca un so (s'obre en una nova pestanya)\" href=\"https:\/\/www.bensound.com\/\" target=\"_blank\">busca un so<\/a> per a la teua m\u00fasica.<\/li><li>Crea un projecte nou de AppInventor, anomenat atrapaOr.<\/li><li>Dissenya la <strong>part gr\u00e0fica<\/strong>. Ha de quedar paregut a la imatge. T&#8217;has de fixar en: <ul><li>La pantalla t\u00e9  en \u00abAboutScreen\u00bb la proced\u00e8ncia de la m\u00fasica emprada. <\/li><li>El personatge de pirata t\u00e9 velocitat 6<\/li><li>La disposici\u00f3 horitzontal t\u00e9 els elements verticalement aliniats al centre. <\/li><li>El rellotge t\u00e9 l&#8217;interval a 2000.<\/li><\/ul><\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"803\" src=\"https:\/\/edutictac.es\/sanja\/wp-content\/uploads\/sites\/15\/2020\/03\/imagen-6-1024x803.png\" alt=\"\" class=\"wp-image-66\" srcset=\"https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/03\/imagen-6-1024x803.png 1024w, https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/03\/imagen-6-300x235.png 300w, https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/03\/imagen-6-768x602.png 768w, https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/03\/imagen-6.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\"><li>Implementa la funcionalitat de l&#8217;app. <strong>Comportament del pirata<\/strong><\/li><\/ol>\n\n\n\n<div class=\"wp-block-media-text alignwide\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"610\" height=\"454\" src=\"https:\/\/edutictac.es\/sanja\/wp-content\/uploads\/sites\/15\/2020\/03\/imagen-7.png\" alt=\"\" class=\"wp-image-67\" srcset=\"https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/03\/imagen-7.png 610w, https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/03\/imagen-7-300x223.png 300w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">L&#8217;usuari llan\u00e7ar\u00e0 el pirata contra les monedes. Aix\u00f2 s&#8217;implementa amb l&#8217;esdeveniment \u00abFlug\u00bb i s&#8217;utilitzar\u00e0 la direcci\u00f3 del moviment dels dits.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si el pirata toca una vora, ha de rebotar. Per aix\u00f2 es far\u00e0 servir l&#8217;esdeveniment \u00abEdgeReached\u00bb. <\/p>\n<\/div><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"5\"><li> Implementa la funcionalitat de l&#8217;app. <strong>Comportament de les monedes<\/strong><\/li><\/ol>\n\n\n\n<div class=\"wp-block-media-text is-vertically-aligned-center\" style=\"grid-template-columns:68% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"374\" src=\"https:\/\/edutictac.es\/sanja\/wp-content\/uploads\/sites\/15\/2020\/03\/imagen-8-1024x374.png\" alt=\"\" class=\"wp-image-69\" srcset=\"https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/03\/imagen-8-1024x374.png 1024w, https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/03\/imagen-8-300x110.png 300w, https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/03\/imagen-8-768x281.png 768w, https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/03\/imagen-8.png 1242w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-normal-font-size wp-block-paragraph\">Cada volta que s&#8217;acaba l&#8217;interval, totes les monedes canvien de lloc aleat\u00f2riament. <\/p>\n\n\n\n<p class=\"has-normal-font-size wp-block-paragraph\">Aix\u00f3 s&#8217;aconsegueix si es mou la moneda, en una posici\u00f3 aleat\u00f2ria tenint en compte la grand\u00e0ria del llen\u00e7 i de la moneda<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En aquest exemple nom\u00e9s \u00e9s mostra una moneda. A l&#8217;esdeveniment, s&#8217;han de ficar totes les monedes.<\/p>\n<\/div><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"6\"><li>Implementa la funcionalitat de l&#8217;app. <strong>Ca\u00e7a de monedes<\/strong>.<\/li><\/ol>\n\n\n\n<div class=\"wp-block-media-text alignwide\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"626\" height=\"304\" src=\"https:\/\/edutictac.es\/sanja\/wp-content\/uploads\/sites\/15\/2020\/03\/imagen-9.png\" alt=\"\" class=\"wp-image-71\" srcset=\"https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/03\/imagen-9.png 626w, https:\/\/edutictac.es\/blog\/sanja\/wp-content\/uploads\/sites\/8\/2020\/03\/imagen-9-300x146.png 300w\" sizes=\"auto, (max-width: 626px) 100vw, 626px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-normal-font-size wp-block-paragraph\">Sempre que el pirata toca la moneda, es considera que l&#8217;ha agafat i, per tant, la moneda ha d&#8217;desapar\u00e8ixer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A l&#8217;exemple nom\u00e9s est\u00e0 representada la col\u00b7lisi\u00f3 d&#8217;una moneda. Tu has de ficar-les totes. <\/p>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>I ara qu\u00e8?<\/strong> En aquest punt, has d&#8217;acabar d&#8217;implementar la funcionalitat de reinici de joc. El que es vol \u00e9s que a pr\u00e8mer el bot\u00f3, tornen a apar\u00e8ixer totes les monedes. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Recorda que has de fer captures de pantalla, tant de la part de disseny com la part de funcionalitat. A m\u00e9s intenta fer un v\u00eddeo mostrant com funciona el joc. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Reflexiona sobre dues q\u00fcestions: <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Per qu\u00e8 \u00e9s b\u00f3na idea agarrar un n\u00famero aleatori entre un rang fix a l&#8217;hora de menejar les monedes?<\/li><li>Quin \u00e9s l&#8217;inconveninient en utilitzar l&#8217;estructura de control IF&#8230;THEN&#8230;ELSE en la detecci\u00f3 de la col\u00b7lisi\u00f3 del pirata amb les monedes?<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>I si ens quedem amb ganes de m\u00e9s? <\/strong>De forma opcional es poden fer les seg\u00fcents millores: <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Afegir m\u00e9s monedes.<\/li><li>Comptar el temps que tarda el pirata en ca\u00e7ar totes les monedes<\/li><li>Incloure un personatge enemic i si el pirata col\u00b7lisiona, s&#8217;acaba el joc.<\/li><li>Afegir el control del pirata amb el sensor de la br\u00faixola. <\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>En aquesta pr\u00e0ctica anem a implementar el joc Atrapa l&#8217;or! En aquest joc, un pirata intenta agafar les monedes d&#8217;or que hi ha en el menor temps possible. La pr\u00e0ctica original est\u00e0 explicada ac\u00ed. Per on comencem? Analitza la imatge de baix. I intenta contestar les seg\u00fcents preguntes: Quins elements gr\u00e0fics fan falta per a &#8230; <a title=\"Atrapa l&#8217;or\" class=\"read-more\" href=\"https:\/\/edutictac.es\/blog\/sanja\/2020\/03\/28\/atrapa-lor\/\" aria-label=\"M\u00e9s informaci\u00f3 sobre Atrapa l&#8217;or\">Llegiu m\u00e9s<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":""},"categories":[8,2],"tags":[12,40],"class_list":["post-60","post","type-post","status-publish","format-standard","hentry","category-3eso","category-practiques","tag-appinventor","tag-joc"],"_links":{"self":[{"href":"https:\/\/edutictac.es\/blog\/sanja\/wp-json\/wp\/v2\/posts\/60","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edutictac.es\/blog\/sanja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/edutictac.es\/blog\/sanja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/edutictac.es\/blog\/sanja\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/edutictac.es\/blog\/sanja\/wp-json\/wp\/v2\/comments?post=60"}],"version-history":[{"count":0,"href":"https:\/\/edutictac.es\/blog\/sanja\/wp-json\/wp\/v2\/posts\/60\/revisions"}],"wp:attachment":[{"href":"https:\/\/edutictac.es\/blog\/sanja\/wp-json\/wp\/v2\/media?parent=60"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/edutictac.es\/blog\/sanja\/wp-json\/wp\/v2\/categories?post=60"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/edutictac.es\/blog\/sanja\/wp-json\/wp\/v2\/tags?post=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}