{"id":19026,"date":"2019-03-22T09:09:23","date_gmt":"2019-03-22T08:09:23","guid":{"rendered":"http:\/\/projectes.xtec.cat\/programacioirobotica\/?page_id=19026"},"modified":"2019-03-22T09:09:23","modified_gmt":"2019-03-22T08:09:23","slug":"sessio-5-un-joc-molt-mogut","status":"publish","type":"page","link":"https:\/\/agora.xtec.cat\/iesdeltebre\/curs-scratch\/modul-5-scratch-viu-i-en-directe-scratch-3-0\/sessio-5-un-joc-molt-mogut\/","title":{"rendered":"Sessi\u00f3 5. Un joc molt mogut"},"content":{"rendered":"<h2>Pla de treball<\/h2>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>Les seq\u00fc\u00e8ncies<\/li>\n<li>La velocitat de la reproducci\u00f3<\/li>\n<\/ul>\n<\/div>\n<hr \/>\n<h2>Jocs de programaci\u00f3 de reproducci\u00f3 de s\u00e8ries de colors<\/h2>\n\n<p>Fins ara hem vist diferents formes de connectar l&#8217;ordinador amb objectes. Hem fet m\u00fasica i hem explicat hist\u00f2ries, per\u00f2 tots els programes us han tingut asseguts a la cadira. Qu\u00e8 us sembla si aprofitem per fer que els nostres amics ballin i es moguin?<\/p>\n<p>Aquest ser\u00e0 el nostre objectiu, tothom a mobilitzar-se amb l&#8217;Scratch!<\/p>\n<hr \/>\n<h2>El tauler del joc<\/h2>\n<p>El joc consistir\u00e0 en reproduir, a un tauler situat al terra, els colors que apareixeran a la pantalla de l&#8217;ordinador amb mans, peus, ballant, sigui com sigui per\u00f2 movent-se. Els jugadors han de ser r\u00e0pids ja que cada vegada anir\u00e0 augmentant la velocitat de reproducci\u00f3 de la s\u00e8rie de colors per donar m\u00e9s emoci\u00f3 al joc. La proposta de colors nom\u00e9s ser\u00e0 visible a la pantalla durant uns segons per tal que els usuaris hagin de recordar la seq\u00fc\u00e8ncia que han de\u00a0reproduir.<\/p>\n<p>Es tracta d&#8217;un joc on <strong>el moviment<\/strong> us far\u00e0 divertir-vos molt.<strong>\u00a0<\/strong><\/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\" \/><b>Fem-ho pas a pas<\/b><\/p>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>Podeu fer el tauler del joc amb un llen\u00e7ol blanc vell que tingueu o qualsevol material que vulgueu reciclar. Li haureu de dibuixar rodones i pintar-les de colors (blau, verd, vermell, groc &#8230;) o b\u00e9 tamb\u00e9 podeu enganxar-li \u00a0les rodones retallades. Nosaltres, com veieu a la foto, hem recuperat un tro\u00e7 de catifa i li hem pintat les rodones de colors diferents.<\/li>\n<\/ul>\n<figure class=\"figure wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-15146\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2018\/04\/IMG-7012-1-1024x687.jpg\" alt=\"\" width=\"636\" height=\"427\" \/><figcaption class=\"wp-caption-text\">.<\/figcaption><\/figure>\n<\/div>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>A continuaci\u00f3 hem afegit el circuit que connectar\u00e0 amb la placa makey-makey.<\/li>\n<\/ul>\n<\/div>\n<div style=\"padding-left: 50px;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15150\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2018\/04\/IMG-7007-2-1024x666.jpg\" alt=\"\" width=\"567\" height=\"369\" \/><\/div>\n<div style=\"padding-left: 50px;\"><\/div>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>Us recomanem aquesta altra connexi\u00f3 pel circuit per tal d&#8217;aconseguir toler\u00e0ncia a les fallades en cas d&#8217;errades de connexi\u00f3. Soldant els diferents trossos de cinta de coure per la part de darrera de cada color la resposta ser\u00e0 molt r\u00e0pida.<\/li>\n<\/ul>\n<\/div>\n\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>Amb el cable USB connectem el circuit amb l&#8217;ordinador i amb la programaci\u00f3 amb Scratch podrem iniciar el joc. A la pantalla de l&#8217;ordinador aniran sortint els colors que despr\u00e9s haureu de reproduir<\/li>\n<\/ul>\n<\/div>\n<div style=\"padding-left: 50px;\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-15145\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2018\/04\/IMG-7011-1024x611.jpg\" alt=\"\" width=\"458\" height=\"273\" \/><\/div>\n<div style=\"padding-left: 50px;\"><\/div>\n<p>&nbsp;<\/p>\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>L&#8217;exemple que us hem exposat \u00e9s nom\u00e9s una de les possibilitats de construcci\u00f3 del tauler. Ara toca dissenyar el vostre fent les modificacions que considereu convenients, construir-lo i crear el circuit el\u00e8ctric corresponent. Heu de ser creatius i pensar com voleu que sigui la interacci\u00f3 dels jugadors amb el joc.<\/p>\n<hr \/>\n<h2>Programem el joc<\/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\" \/><b>Fem-ho pas a pas<\/b><\/p>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>Per controlar la seq\u00fc\u00e8ncia de colors que s&#8217;ha de reproduir i que el jugador ho faci correctament, programarem un \u00fanic personatge que vagi canviant de vestit, \u00e9s a dir, que vagi canviant de colors (els mateixos que heu fet en el vostre taulell). Aquest canvi es dur\u00e0 a terme de forma aleat\u00f2ria.<\/li>\n<li>Caldr\u00e0 establir la correspond\u00e8ncia entre els colors i les tecles que cal pr\u00e9mer quan fem la programaci\u00f3 en Scratch. Aquesta correspond\u00e8ncia \u00e9s la que fixareu quan connecteu el tauler amb la placa, per exemple, color groc es correspon amb fletxa amunt, color blau amb fletxa avall,&#8230;.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-19146 size-medium\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/03\/s5m5correspondenciateclescolors-300x211.jpg\" alt=\"\" width=\"300\" height=\"211\" \/><\/p>\n<ul>\n<li>Necessitarem crear:\n<ul>\n<li>Una <strong>variable<\/strong> (<strong>ordre<\/strong>) que vagi recollint els nombres aleatoris creats i que es corresponen amb els vestits del personatge (colors)<\/li>\n<li>Una <strong>llista<\/strong> (<strong>vestits<\/strong>) que anir\u00e0 guardant els valors de la variable ordre i que correspondr\u00e0 a la seq\u00fc\u00e8ncia que apareix en pantalla<\/li>\n<li>Una <strong>variable<\/strong> (<strong>resposta<\/strong>) que vagi recollint les tecles que el jugador toca per reproduir la seq\u00fc\u00e8ncia de colors de la pantalla<\/li>\n<li>Una <strong>llista<\/strong> (<strong>tecles<\/strong>) que anir\u00e0 guardant els valors de la variable resposta i que servir\u00e0 per ser comparada amb els elements de la llista vestits per tal de saber si el jugador ha encertat o no<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><a href=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2018\/04\/sessio553.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19081\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/03\/s5m5vestitsordreteclesresposta.png\" alt=\"\" width=\"266\" height=\"270\" \/>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19082\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/03\/s5m5esborraassigna.png\" alt=\"\" width=\"228\" height=\"205\" \/><\/a><\/p>\n<ul>\n<li>En primer lloc, crearem els nombres aleatoris que es corresponen als vestits que aniran apareixent.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19084\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/03\/s5m5comentariscanvisvestits.png\" alt=\"\" width=\"880\" height=\"487\" \/><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>En segon lloc, recollirem la informaci\u00f3 de quines tecles tria l&#8217;usuari per intentar reproduir la seq\u00fc\u00e8ncia.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2018\/04\/sessio54a.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19086\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/03\/s5m5tecles.png\" alt=\"\" width=\"572\" height=\"762\" \/><\/a><\/p>\n<ul>\n<li>Finalment, comparem les llistes <strong>vestits<\/strong> i\u00a0<strong>tecles<\/strong> per saber si el jugador ha encertat la seq\u00fc\u00e8ncia.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19085\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/03\/s5m5comparemllistesvestitsteclesperasabersieljugadorhaencertat.png\" alt=\"\" width=\"682\" height=\"452\" \/><\/p>\n<\/div>\n<p>&nbsp;<\/p>\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\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9443\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-repte2.png\" alt=\"\" width=\"97\" height=\"33\" \/><\/p>\n<p>Heu de crear un nou\u00a0projecte anomenat\u00a0<strong>m5repte51<\/strong> que reprodueixi el programa que hem anat analitzant, per\u00f2 amb dues modificacions:<\/p>\n<ul>\n<li>La seq\u00fc\u00e8ncia a encertar ha d&#8217;anar augmentant a mesura que el jugador encerti, \u00e9s a dir, la primera seq\u00fc\u00e8ncia mostrar\u00e0 un color, la segona dos, la tercera tres,&#8230;<\/li>\n<li>Els temps que es mostra la seq\u00fc\u00e8ncia ha de ser menor a mesura que el jugador vagi encertant.<\/li>\n<\/ul>\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: Podeu crear una variable que controli el temps i anar-la disminuint despr\u00e9s de cada encert.<\/p>\n<hr \/>\n<h2>Fem la carta<\/h2>\n<p>Omple la carta amb les dades del projecte que has creat. Anomeneu la carta\u00a0<strong>m5carta51 .\u00a0<\/strong>Les cartes poden ser de contingut general de tot el projecte que heu desenvolupat o b\u00e9 recollir una part que considereu destacable. Aix\u00ed, poden referir-se a: personatges, categories emprades \u2026Per qu\u00e8 d\u2019altres grups parteixin del qu\u00e8 heu fet i puguin fer variacions i millores i\u00a0 puguin agafar all\u00f2 que volen que faci el seu repte.<\/p>\n<p>Una<a href=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/curs-scratch-primaria\/modul-4\/m4-sessio9\/\">\u00a0carta<\/a>\u00a0\u00e9s un canvas dividit en diferents apartats:<\/p>\n<div>\n<ul>\n<li>La\u00a0<strong>cap\u00e7alera de la carta\u00a0<\/strong>ens informa del t\u00edtol i el nivell a qui l\u2019adreceu.<\/li>\n<li>El\u00a0<strong>cos de la carta<\/strong>\u00a0es divideix en les seg\u00fcents parts:\n<ol>\n<li>El\u00a0<strong>qu\u00e8<\/strong>: espai que, mitjan\u00e7ant una breu explicaci\u00f3, recull el resum del vostre projecte.<\/li>\n<li>La\u00a0<strong>programaci\u00f3<\/strong>: espai que reculls els blocs i les categories treballades.<\/li>\n<li>La\u00a0<strong>imatge<\/strong>:<strong>\u00a0<\/strong>espai per posar una foto del projecte.<\/li>\n<li>La\u00a0<strong>URL<\/strong>: espai per deixar la refer\u00e8ncia del vostre projecte.<\/li>\n<li>Els\u00a0<strong>punts febles i forts<\/strong>:<strong>\u00a0<\/strong>espai per recollir les millores qu\u00e8 o, b\u00e9 proposeu des del grup, o fan els companys\/es.<\/li>\n<li>L\u2019<strong>autoria<\/strong>: espai que recull qui l\u2019ha fet.<\/li>\n<\/ol>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15113\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2018\/04\/IMG-6983-1024x595.jpg\" alt=\"\" width=\"521\" height=\"303\" \/><\/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_projecte2.png\" alt=\"Icona projecte\" width=\"32\" \/>\u00a0\u00a0<strong>El nostre projecte creix&#8230;<\/strong><\/p>\n<p>Amb els jocs de programaci\u00f3 de seq\u00fc\u00e8ncies podem fer el nostre GameOver m\u00e9s din\u00e0mic i interactiu.<\/p>\n<p>Continueu construint el\u00a0<strong>document de text\u00a0<\/strong>que\u00a0defineix i serveix per replantejar-vos el vostre projecte.<\/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\" \/>\u00a0\u00a0<strong>Com que som programadors i programadores parlem de&#8230;<\/strong><\/p>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li><b>Variable:<\/b>\u00a0s\u00f3n espais on podem guardar valors que s&#8217;aniran modificant (variant) al llarg del programa, \u00e9s a dir, que no tenen un valor fix.<\/li>\n<li><strong>Llista:\u00a0<\/strong>espai que cont\u00e9 un<strong>\u00a0<\/strong>conjunt d&#8217;elements ordenats.<\/li>\n<li><strong>\u00cdndex:\u00a0<\/strong>ordre d&#8217;un element dins d&#8217;una llista.<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Pla de treball<\/p>\n<ul>\n<li>Les seq\u00fc\u00e8ncies<\/li>\n<li>La velocitat de la reproducci\u00f3<\/li>\n<\/ul>\n<p>Jocs de programaci\u00f3 de reproducci\u00f3 de s\u00e8ries de colors<\/p>\n<p>Fins ara hem vist diferents formes de connectar l&#8217;ordinador amb objectes. Hem fet m\u00fasica i hem explicat hist\u00f2ries, per\u00f2 tots els programes us han tingut asseguts a la cadira. Qu\u00e8&hellip;  <a href=\"https:\/\/agora.xtec.cat\/iesdeltebre\/curs-scratch\/modul-5-scratch-viu-i-en-directe-scratch-3-0\/sessio-5-un-joc-molt-mogut\/\" title=\"Read Sessi\u00f3 5. Un joc molt mogut\">Llegeix m\u00e9s\u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":19016,"menu_order":10,"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-19026","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/agora.xtec.cat\/iesdeltebre\/wp-json\/wp\/v2\/pages\/19026","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=19026"}],"version-history":[{"count":0,"href":"https:\/\/agora.xtec.cat\/iesdeltebre\/wp-json\/wp\/v2\/pages\/19026\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/iesdeltebre\/wp-json\/wp\/v2\/pages\/19016"}],"wp:attachment":[{"href":"https:\/\/agora.xtec.cat\/iesdeltebre\/wp-json\/wp\/v2\/media?parent=19026"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}