{"id":17997,"date":"2019-02-08T13:45:19","date_gmt":"2019-02-08T12:45:19","guid":{"rendered":"http:\/\/projectes.xtec.cat\/programacioirobotica\/?page_id=17997"},"modified":"2019-02-08T13:45:19","modified_gmt":"2019-02-08T12:45:19","slug":"sessio-1-iniciem-el-joc-del-pong-nova-m2","status":"publish","type":"page","link":"https:\/\/agora.xtec.cat\/iesdeltebre\/curs-scratch\/modul-2-i-si-fem-un-joc-o-dos-scratch-3\/sessio-1-iniciem-el-joc-del-pong-nova-m2\/","title":{"rendered":"Sessi\u00f3 1. Iniciem el joc del pong"},"content":{"rendered":"<h2>Pla de treball<\/h2>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>Con\u00e8ixer el joc del pong<\/li>\n<li>Personalitzar els personatges<\/li>\n<li>Moviment dels personatges<\/li>\n<\/ul>\n<\/div>\n<hr \/>\n<h2>El joc del Pong: La pilota<\/h2>\n<p>El Pong \u00e9s un dels primers videojocs que es va crear. Pot tenir nivells de dificultat, un o dos jugadors, elements que penalitzen o que sumen vides&#8230; En aquest m\u00f2dul descobrirem les eines b\u00e0siques per construir-ne un. \u00a0Comen\u00e7arem amb una versi\u00f3 senzilla i a partir d&#8217;aqu\u00ed l&#8217;anirem fent m\u00e9s i m\u00e9s complex. Veiem un exemple de Pong fet amb l&#8217;Scratch:<\/p>\n<p><iframe loading=\"lazy\" class=\"aligncenter\" src=\"\/\/scratch.mit.edu\/projects\/embed\/17790336\/?autostart=false\" width=\"485\" height=\"402\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><br \/>\n<a href=\"https:\/\/scratch.mit.edu\/projects\/284453383\/\">https:\/\/scratch.mit.edu\/projects\/284453383\/<\/a><\/p>\n<hr \/>\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&#8217;Scratch i creem un nou projecte amb el nom <strong>m2repte11<\/strong><\/li>\n<li>Triem dos personatges nous de la galeria, que seran la pilota i la raqueta, podem triar els personatges &#8220;Ball&#8221; i &#8220;Paddle&#8221;<\/li>\n<li>Si ho preferim podem crear nosaltres els personatges, Tal i com vam veure al m\u00f2dul 1 a la sessi\u00f3 4.<\/li>\n<li>La pilota s&#8217;ha de moure per l&#8217;escenari, de manera que si toca qualsevol de les parets ha de rebotar. Aix\u00f2 ja vam veure com fer-ho al m\u00f2dul 1:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-18059 aligncenter\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s1m2movpilota.png\" alt=\"\" width=\"148\" height=\"176\" \/><\/li>\n<li>Hem de posar-li una posici\u00f3 inicial, cosa que hem de fer sempre amb tots els personatges. Si no ho fem el personatge comen\u00e7ar\u00e0 all\u00e0 on es va quedar el darrer cop<\/li>\n<li>Tamb\u00e9 hem de dir-li a la pilota amb quina direcci\u00f3 volem que comenci. Si no li diem res nom\u00e9s anir\u00e0 de dreta a esquerra que \u00e9s la direcci\u00f3 per defecte:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-18060 aligncenter\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s1m2direcciopilota.png\" alt=\"\" width=\"162\" height=\"248\" \/><\/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>Tal i com tenim la pilota ara sempre fa el mateix recorregut; previsible i avorrit. Fem que el punt inici sigui a l&#8217;atzar, per\u00f2 que la &#8220;y&#8221; estigui sempre per sobre del 100. Fem tamb\u00e9 que la direcci\u00f3 no sigui fixa sin\u00f3 que sigui a l&#8217;atzar, per\u00f2 comen\u00e7ant cap abaix, per exemple entre -60 i 60.<\/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\" \/>Pista: Recordem l&#8217;operador <strong>nombre a l&#8217;atzar<\/strong> i la &#8220;rosa dels vents&#8221; de les direccions de l&#8217;Scratch que vam veure al m\u00f2dul 1 a la sessi\u00f3 7.<\/p>\n<hr \/>\n<h2>I la raqueta?<\/h2>\n<p>Ara que ja tenim el programa de la pilota, necessitem programar el moviment de la raqueta.<\/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>Seguim amb el projecte <strong>m2repte11<\/strong><\/li>\n<li>Una opci\u00f3 per programar el moviment de la raqueta \u00e9s utilitzar la posici\u00f3 del ratol\u00ed, que la podem saber amb el bloc <strong>ratol\u00ed X<\/strong> de la categoria <strong>Sensors<\/strong>:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-18062 aligncenter\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s1m2ratoli.png\" alt=\"\" width=\"64\" height=\"31\" \/><\/li>\n<li>D&#8217;aquesta manera, el programa de la raqueta quedaria aix\u00ed:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-18063 aligncenter\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s1m2movraquetaratolix.png\" alt=\"\" width=\"192\" height=\"144\" \/><\/li>\n<li>Una altra opci\u00f3 que podem utilitzar \u00e9s moure la raqueta amb el teclat. Per fer-ho utilitzem els esdeveniments de teclat:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18243\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s1m2teclapremuda2.png\" alt=\"\" width=\"194\" height=\"31\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18242\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s1m2teclapremuda1.png\" alt=\"\" width=\"216\" height=\"31\" \/><\/li>\n<li>D&#8217;aquesta manera, el programa de la raqueta quedaria aix\u00ed:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-18065 aligncenter\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s1m2clicaapuntamoute.png\" alt=\"\" width=\"515\" height=\"124\" \/><\/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-repte2.png\" alt=\"Repte 2\" width=\"100\" \/><\/p>\n<p>Quan provem aquest darrer programa de la raqueta veiem que si mantenim una de les tecles premuda hi ha un petit moviment, despr\u00e9s una petita pausa i finalment el moviment continu de la raqueta. Hem de solucionar-ho utilitzant els sensors de teclat al <strong>m2repte11<\/strong>:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18242\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s1m2teclapremuda1.png\" alt=\"\" width=\"216\" height=\"31\" \/>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18243\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s1m2teclapremuda2.png\" alt=\"\" width=\"194\" height=\"31\" \/><\/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\" \/>Pista: Els sensors s&#8217;han d&#8217;utilitzar sempre dins d&#8217;un bucle per tal que el programa estigui cont\u00ednuament verificant si s&#8217;activa:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-18067 aligncenter\" src=\"https:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2019\/02\/s1m2persempresillavors.png\" alt=\"\" width=\"136\" height=\"128\" \/><\/p>\n<hr \/>\n<h2>Quin ser\u00e0 el nostre repte final?<\/h2>\n<p>El nostre repte final ser\u00e0 un altre joc que anirem construint a mesura que ens fem experts amb el pong. Aquest repte final tamb\u00e9 va de &#8220;raquetes&#8221; i &#8220;pilotes&#8221; tot i que emprades d&#8217;una forma diferent. El nostre repte ser\u00e0 fer un <strong>pinball<\/strong>.<\/p>\n<p>El pinball \u00e9s un joc que consisteix en una bola que llisca per un taulell on es troba diferents obstacles on rebota i va recollint punt. Al final del taulell hi ha un forat per on desapareix i, per evitar-ho i poder continuar la partida, aquest forat est\u00e0 protegit per unes raquetes que es poden moure. Segur que heu vist algun pinball en algun centre recreatiu. Tenen una imatge com aquesta.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-pong14.jpg\" alt=\"Pinball\" width=\"312\" height=\"468\" \/><br \/>\nI aquesta \u00e9s un exemple d&#8217;imatge de pinball fet amb l&#8217;Scratch.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-pong15.png\" alt=\"Pinball Scratch\" width=\"274\" height=\"206\" \/><\/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>Comen\u00e7arem el nostre repte final creant un projecte que anomenarem <strong>pinball<\/strong> i a l&#8217;apartat de <strong>Notes i informacions<\/strong>, anirem descrivint-lo. Ens hem de decidir sobre:<\/p>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>Quin ser\u00e0 el fons del nostre pinball?<\/li>\n<li>Quins personatges apareixen\u00a0en el nostre pinball?\n<ul>\n<li>Obstacles?<\/li>\n<li>Pilota?<\/li>\n<li>Raquetes?<\/li>\n<\/ul>\n<\/li>\n<li>Quins moviments hauran de fer els personatges?<\/li>\n<\/ul>\n<\/div>\n<p>\u00c9s possible que, a mesura que anem avan\u00e7ant en la construcci\u00f3 del pinball, aquesta planificaci\u00f3 que estem definint vagi canviant. No cal, doncs, que sigui excessivament detallada ja que al final de cada sessi\u00f3 i tenint en compte el qu\u00e8 heu apr\u00e8s anirem fent cr\u00e9ixer poc a poc el nostre 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\" \/> <strong>Com que som programadors i programadores parlem de&#8230;<\/strong><\/p>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li><strong>Pong:<\/strong>\u00a0videojoc de raqueta i pilota simulant una partida de tennis, de paddle o front\u00f3<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Pla de treball<\/p>\n<ul>\n<li>Con\u00e8ixer el joc del pong<\/li>\n<li>Personalitzar els personatges<\/li>\n<li>Moviment dels personatges<\/li>\n<\/ul>\n<p>El joc del Pong: La pilota<br \/>\nEl Pong \u00e9s un dels primers videojocs que es va crear. Pot tenir nivells de dificultat, un o dos jugadors, elements que penalitzen o que sumen vides&#8230; En aquest m\u00f2dul&hellip;  <a href=\"https:\/\/agora.xtec.cat\/iesdeltebre\/curs-scratch\/modul-2-i-si-fem-un-joc-o-dos-scratch-3\/sessio-1-iniciem-el-joc-del-pong-nova-m2\/\" title=\"Read Sessi\u00f3 1. Iniciem el joc del pong\">Llegeix m\u00e9s\u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":17995,"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-17997","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/agora.xtec.cat\/iesdeltebre\/wp-json\/wp\/v2\/pages\/17997","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=17997"}],"version-history":[{"count":0,"href":"https:\/\/agora.xtec.cat\/iesdeltebre\/wp-json\/wp\/v2\/pages\/17997\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/iesdeltebre\/wp-json\/wp\/v2\/pages\/17995"}],"wp:attachment":[{"href":"https:\/\/agora.xtec.cat\/iesdeltebre\/wp-json\/wp\/v2\/media?parent=17997"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}