{"id":566,"date":"2024-05-09T19:51:44","date_gmt":"2024-05-09T19:51:44","guid":{"rendered":"https:\/\/el-raconet.com\/?p=566"},"modified":"2024-12-09T15:46:34","modified_gmt":"2024-12-09T15:46:34","slug":"joc-de-carreres-amb-scratch","status":"publish","type":"post","link":"https:\/\/el-raconet.com\/index.php\/2024\/05\/09\/joc-de-carreres-amb-scratch\/","title":{"rendered":"Joc de carreres amb Scratch"},"content":{"rendered":"\n<p>Hola a tots i totes, en el post d&#8217;avui us explicar\u00e9 com crear un <strong>joc de carreres<\/strong> amb<strong> Scratch<\/strong> per a dos jugadors, som-hi!<\/p>\n\n\n\n<p>Primer de tot heu de <strong>descarregar<\/strong> al vostre ordinador les<strong> tres imatges<\/strong> que trobareu en el seg\u00fcent <strong>enlla\u00e7<\/strong> (dos cotxes i un circuit):<\/p>\n\n\n\n<p><a href=\"https:\/\/drive.google.com\/drive\/u\/0\/folders\/1trd9MsiZzpLC15YLPjcEfdrcnIfY_s1g\" data-type=\"URL\" data-id=\"https:\/\/drive.google.com\/drive\/u\/0\/folders\/1trd9MsiZzpLC15YLPjcEfdrcnIfY_s1g\" target=\"_blank\" rel=\"noreferrer noopener\">Imatges joc de carreres<\/a><\/p>\n\n\n\n<p>Despr\u00e9s aneu a la p\u00e0gina web <strong>Scratch<\/strong> (clica a la imatge per anar-hi):<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/scratch.mit.edu\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Scratchlogo.svg_-1024x388.png\" alt=\"\" class=\"wp-image-550\" width=\"345\" height=\"130\" srcset=\"https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Scratchlogo.svg_-1024x388.png 1024w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Scratchlogo.svg_-300x114.png 300w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Scratchlogo.svg_-768x291.png 768w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Scratchlogo.svg_.png 1200w\" sizes=\"auto, (max-width: 345px) 100vw, 345px\" \/><\/a><\/figure><\/div>\n\n\n<p>Si no teniu cap <strong>compte<\/strong> en podeu fer un, aix\u00ed podreu desar les <strong>vostres creacions<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"40\" src=\"https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/tempsnip-1024x40.png\" alt=\"\" class=\"wp-image-551\" srcset=\"https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/tempsnip-1024x40.png 1024w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/tempsnip-300x12.png 300w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/tempsnip-768x30.png 768w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/tempsnip-1536x61.png 1536w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/tempsnip.png 1922w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p>Una vegada hagueu iniciat sessi\u00f3 haureu de clicar a <strong>&#8220;Crear&#8221;<\/strong> i se us obrir\u00e0 un <strong>projecte<\/strong> desde zero.<\/p>\n\n\n\n<p>El primer que haurem de fer \u00e9s <strong>eliminar<\/strong> al pobre<strong> gatet <\/strong>fent clic a sobre de la<strong> creu<\/strong> dins l&#8217;\u00e0rea de <strong>personatges<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"40\" src=\"https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/tempsnip-1-1024x40.png\" alt=\"\" class=\"wp-image-552\" srcset=\"https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/tempsnip-1-1024x40.png 1024w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/tempsnip-1-300x12.png 300w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/tempsnip-1-768x30.png 768w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/tempsnip-1-1536x61.png 1536w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/tempsnip-1.png 1922w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"509\" src=\"https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/tempsnip-2-1024x509.png\" alt=\"\" class=\"wp-image-554\" srcset=\"https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/tempsnip-2-1024x509.png 1024w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/tempsnip-2-300x149.png 300w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/tempsnip-2-768x382.png 768w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/tempsnip-2-1536x764.png 1536w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/tempsnip-2-2048x1018.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Tot seguit, haurem de <strong>carregar<\/strong> les<strong> imatges<\/strong> que <strong>hem descarregat<\/strong>. <\/p>\n\n\n\n<p><strong>Important! Els cotxes s&#8217;han de carregar com a personatges i el circuit com a fons!<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/tempsnip-3-710x1024.png\" alt=\"\" class=\"wp-image-555\" width=\"297\" height=\"429\" srcset=\"https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/tempsnip-3-710x1024.png 710w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/tempsnip-3-208x300.png 208w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/tempsnip-3-768x1108.png 768w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/tempsnip-3-1064x1536.png 1064w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/tempsnip-3.png 1241w\" sizes=\"auto, (max-width: 297px) 100vw, 297px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/tempsnip-4-705x1024.png\" alt=\"\" class=\"wp-image-556\" width=\"297\" height=\"430\"\/><\/figure><\/div>\n\n\n<p>Hauria de quedar <strong>aix\u00ed<\/strong>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Captura-2-1024x507.png\" alt=\"\" class=\"wp-image-558\" width=\"638\" height=\"315\" srcset=\"https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Captura-2-1024x507.png 1024w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Captura-2-300x149.png 300w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Captura-2-768x380.png 768w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Captura-2-1536x761.png 1536w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Captura-2-2048x1014.png 2048w\" sizes=\"auto, (max-width: 638px) 100vw, 638px\" \/><\/figure><\/div>\n\n\n<p>Molt b\u00e9, doncs ara \u00e9s moment de comen\u00e7ar a donar forma al nostre joc i de<strong> programar<\/strong>! En aquesta etapa ja no us ajudar\u00e9 tant&#8230;<\/p>\n\n\n\n<p>El primer que farem \u00e9s <strong>ajustar<\/strong> la <strong>mida<\/strong> d&#8217;aquests <strong>cotxes<\/strong> tan grans. Feu clic al <strong>cotxe<\/strong> en la secci\u00f3 de <strong>personatges<\/strong> i veureu que sota de la pantalla d&#8217;animaci\u00f3 hi ha un \u00edtem on diu <strong>&#8220;mida&#8221;<\/strong>, l&#8217;heu de canviar per <strong>15<\/strong>.<\/p>\n\n\n\n<p>Despr\u00e9s farem que cada vegada que es cliqui la <strong>bandera<\/strong>, \u00e9s a dir que s&#8217;<strong>inicii el joc<\/strong>, els cotxes es situin <strong>darrere de la l\u00ednia de sortida<\/strong> i mirant en la <strong>direcci\u00f3 correcta<\/strong>. Per fer-ho, col\u00b7loqueu els cotxes amb el mouse darrere de la l\u00ednia i ajusteu la direcci\u00f3 amb l&#8217;<strong>\u00edtem que queda a la dreta del de &#8220;mida&#8221;<\/strong>.<\/p>\n\n\n\n<p>Despr\u00e9s poseu els seg\u00fcents<strong> blocs<\/strong>: <\/p>\n\n\n\n<p>\u00b7 <strong>QUAN ES CLIQUI LA BANDERA<\/strong><\/p>\n\n\n\n<p>\u00b7 <strong>VES A X:    Y:     <\/strong> (per defecte la x i la y faran refer\u00e8ncia a la posici\u00f3 on els heu col\u00b7locat)<\/p>\n\n\n\n<p>\u00b7 <strong>APUNTA EN DIRECCI\u00d3 -90<\/strong><\/p>\n\n\n\n<p>Hauria de quedar <strong>aix\u00ed<\/strong>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Captura-3-1024x507.png\" alt=\"\" class=\"wp-image-559\" width=\"646\" height=\"319\" srcset=\"https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Captura-3-1024x507.png 1024w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Captura-3-300x149.png 300w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Captura-3-768x381.png 768w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Captura-3-1536x761.png 1536w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Captura-3-2048x1015.png 2048w\" sizes=\"auto, (max-width: 646px) 100vw, 646px\" \/><\/figure><\/div>\n\n\n<p><strong>Abans de seguir<\/strong>, proveu de moure els cotxes amb el ratol\u00ed i clicar la <strong>bandera<\/strong> per comprovar que tornen a la <strong>posici\u00f3 correcta<\/strong>.<\/p>\n\n\n\n<p>Ara anem a <strong>programar-los<\/strong> perqu\u00e8 puguin <strong>girar<\/strong>. Com que es tracta d&#8217;un joc multijugador, cada cotxe es mour\u00e0 amb uns <strong>controls diferents<\/strong>. Farem que un dels cotxes es mogui amb les <strong>fletxes de direcci\u00f3<\/strong> i l&#8217;altre amb les lletres <strong>a<\/strong> i <strong>d<\/strong>.<\/p>\n\n\n\n<p>Necessitarem els <strong>blocs seg\u00fcents<\/strong>:<\/p>\n\n\n\n<p>\u00b7 <strong>QUAN LA TECLA ? ES PREMI<\/strong><\/p>\n\n\n\n<p>\u00b7 <strong>GIRA 30 GRAUS EN DIRECCI\u00d3 ?<\/strong> (per defecte els graus de gir s\u00f3n 15, els hem de canviar per 30)<\/p>\n\n\n\n<p>Aqu\u00ed tens un exemple de com fer que un dels cotxes giri a la <strong>dreta<\/strong>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Captura-4.png\" alt=\"\" class=\"wp-image-560\" width=\"317\" height=\"140\" srcset=\"https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Captura-4.png 706w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Captura-4-300x133.png 300w\" sizes=\"auto, (max-width: 317px) 100vw, 317px\" \/><\/figure><\/div>\n\n\n<p>Ara prova tu de programar les <strong>altres tecles<\/strong>.<\/p>\n\n\n\n<p>El seg\u00fcent pas es programar els cotxes perqu\u00e8 <strong>avancin<\/strong>. Perqu\u00e8 el joc tingui gr\u00e0cia i no es puguin fer trampes, farem que si el cotxe entra en contacte amb la <strong>part verda<\/strong>, vagi <strong>m\u00e9s lent<\/strong>. Per fer-ho necessitarem els <strong>seg\u00fcents blocs<\/strong>:<\/p>\n\n\n\n<p>\u00b7 <strong>QUAN ES CLIQUI LA BANDERA<\/strong><\/p>\n\n\n\n<p>\u00b7<strong> PER SEMPRE<\/strong><\/p>\n\n\n\n<p>\u00b7 <strong>SI TOCANT EL COLOR VERD MOU-TE 2 PASSOS, SI NO MOU-TE 5 PASSOS<\/strong><\/p>\n\n\n\n<p>Si no te n&#8217;has ensortit, no pateixis, aqu\u00ed et deixo <strong>com hauria de ser el programa de cada cotxe<\/strong>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Captura-6-1024x508.png\" alt=\"\" class=\"wp-image-562\" width=\"589\" height=\"294\"\/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Captura2-1024x505.png\" alt=\"\" class=\"wp-image-563\" width=\"589\" height=\"290\" srcset=\"https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Captura2-1024x505.png 1024w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Captura2-300x148.png 300w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Captura2-768x379.png 768w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Captura2-1536x758.png 1536w, https:\/\/el-raconet.com\/wp-content\/uploads\/2024\/05\/Captura2-2048x1011.png 2048w\" sizes=\"auto, (max-width: 589px) 100vw, 589px\" \/><\/figure><\/div>\n\n\n<p>Ara ja estas llest per fer carreres amb els teus <strong>amics i amigues<\/strong>, per\u00f2 aix\u00f2 no \u00e9s tot, encara pots <strong>millorar <\/strong>el teu videojoc, encara que aix\u00f2 t&#8217;ho deix\u00f2 a tu, el que si que puc fer \u00e9s donar-te <strong>algunes idees<\/strong> com per exemple posar un <strong>comptador de voltes, afegir sons, que surti un missatge dient el guanyador&#8230;<\/strong> Aix\u00f2 ja es cosa teva!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hola a tots i totes, en el post d&#8217;avui us explicar\u00e9 com crear un joc de carreres amb Scratch per a dos jugadors, som-hi! Primer<\/p>\n","protected":false},"author":1,"featured_media":568,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[40],"tags":[],"class_list":["post-566","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programacio"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/el-raconet.com\/index.php\/wp-json\/wp\/v2\/posts\/566","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/el-raconet.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/el-raconet.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/el-raconet.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/el-raconet.com\/index.php\/wp-json\/wp\/v2\/comments?post=566"}],"version-history":[{"count":6,"href":"https:\/\/el-raconet.com\/index.php\/wp-json\/wp\/v2\/posts\/566\/revisions"}],"predecessor-version":[{"id":575,"href":"https:\/\/el-raconet.com\/index.php\/wp-json\/wp\/v2\/posts\/566\/revisions\/575"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/el-raconet.com\/index.php\/wp-json\/wp\/v2\/media\/568"}],"wp:attachment":[{"href":"https:\/\/el-raconet.com\/index.php\/wp-json\/wp\/v2\/media?parent=566"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/el-raconet.com\/index.php\/wp-json\/wp\/v2\/categories?post=566"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/el-raconet.com\/index.php\/wp-json\/wp\/v2\/tags?post=566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}