Donar forma a un videojoc amb els estudiants és més senzill del que es pensa. Amb Microsoft MakeCode Arcade és possible crear jocs clàssics a l’estil Mario Bros o Pac-Man des de zero. T’ho vam mostrar pas a pas.
MakeCode és una plataforma de Microsoft que apropa la programació tant als estudiants com als docents a través de diferents projectes. Entre ells hi ha Microsoft MakeCode Arcade, un entorn de desenvolupament i creació de videojocs Arcade: aquells jocs que es podien trobar fa uns anys a les màquines recreatives (Pac-Man, Mario Bros…) i que s’estructuren per nivells, tenen un disseny minimalista i un personatge que ha de ‘superar’ totes les pantalles amb l’objectiu d’aconseguir el màxim nombre de punts.
Com crear un joc arcade amb un personatge en moviment: pas a pas
Dins de l’entorn Arcade de Microsoft es poden trobar diferents lliçons. Una d’elles se centra en el següent objectiu: aprendre els requisits bàsics per a crear un joc amb un personatge en moviment l’objectiu del qual sigui recol·lectar diferents elements (hi ha varis per a triar: cireres, dònuts, cuixes de pollastre, pizzes, trossos de pastís…). D’aquesta lliçó, destaquem els primers passos i més senzills: crear un joc, un espai, el personatge (al qual se li dotarà de moviment) i establir l’element que li acompanyarà en la pantalla.
1. Crear i posar-li nom al joc. El primer pas és seleccionar ‘New Project’. En l’espai de treball apareix un bloc d’inici verd (‘On start’) en la caixa d’eines del qual (en la part esquerra de l’editor) apareix l’opció ‘game’, i dins d’aquesta el bloc ‘splash’. Cal arrossegar-ho fins al bloc verd. És aquí on s’escriu el nom triat per al joc.
2. Establir el fons. Abans de crear el personatge, hem de situar-li en un espai. Per a això, de nou es recorre a la caixa d’eines. En aquesta ocasió es tria ‘Scene’ i, dins d’aquesta categoria,‘set tilemap to’ i s’arrossega aquest bloc a ‘On start’. Al costat del terme ‘set tilemap to’ apareixerà un petit quadrat en el qual es fa clic per a triar la temàtica del fons: bosc, aigua o relacionada amb masmorres, entre altres.
3. Crear el personatge. El lloc indicat per a triar al personatge que protagonitzarà el videojoc és la categoria ‘Sprites’ dins de la caixa d’eines, on trobarem diverses subcategories. En aquesta ocasió ens anirem a ‘Create’ i marcarem el bloc ‘set my sprite to’ per a portar-ho fins al bloc verd que es troba en l’espai de treball. Dins de ‘set my sprite to’ veiem un petit quadrat en el qual és necessari punxar per a triar el personatge. Hi ha molts dins de la secció ‘Gallery’, encara que també es poden crear des de zero.
4. Dotar el personatge de moviment. Per a aquest pas cal marcar dues categories a la caixa de ferramentes: ‘Controller’ i ‘Camera’ (dins de ‘Scene’). Amb la primera controlem els moviments i la velocitat del personatge a través del bloc move my sprite with buttons i, amb la segona, s’aconsegueix que el personatge es mogui al voltant del centre de la pantalla.
5. Afegir l’element que apareixerà en pantalla. Aquest pas és el que serveix per a donar l’ordre sobre l’element que apareixerà en la pantalla (i durant quant temps) al costat del personatge. Un exemple: cireres. Per a això, en la caixa d’eines, cal anar fins a ‘game’ i triar el bloc ‘on game update every 500 ms’, amb el qual s’estableix que les cireres apareguin en la pantalla cada mig segon. S’arrossega fins a l’espai de treball i dins d’aquest mateix bloc es marca l’element triat en ‘sprites’ i, al seu torn, ‘set my sprites to’. En aquesta categoria es defineix l’element (per exemple, ‘cherry’), que es pot triar de la galeria categorizandolo amb l’etiqueta ‘food’. L’ordre ha de quedar així: ‘set cherry to sprite of kind food’.
Altres passos: el compte enrere i la recollida de l’element per part del personatge
Després d’aquests primers passos bàsics, a Microsoft MakeCode Arcade ia la lliçó ‘Cherry Pickr’ es mostren altres aspectes, amb ordres una mica més complexes, com establir el compte enrere i la manera com el personatge recull les cireres i que es mostren amb detall aquí.
EDUCACIÓ 3.0 3 de desembre de 2020
I aquí us deixem el vídeo del taller d’introducció a la programació de videojocs amb MakeCode Arcade perquè us animeu a aprendre, si després voleu continuar visitar l’apartat de Cursos online
