Experiència: Programació Creativa- Videojocs- Adrià F. Delgado Sugrañes (adelga23@xtec.cat)

Experiència: Programació Creativa- Videojocs-

Aquesta experiència es realitza a l´Institut Jaume Huguet de Valls (Tarragona) pel professor del departament de Tecnologia Adrià Delgado Sugrañes. Aquesta proposta didàctica forma part de l’optativa de Tecnologia que s’imparteix des del curs 2015-2016 a nivell de tercer d´ESO, amb el nom de Programació Creativa – Videojocs-.

1.-INTRODUCCIÓ: Cinquanta anys després de la seva aparició, el videojoc comença a considerar-se un mitjà clau entre els mitjans digitals. A banda de lúdic es considera una eina de narració, simulació, espectacle, demostració artística, eina per estudiar la psicologia del comportament, mitjà d’interacció social, mitjà de distracció i una potencial eina educativa. Un videojoc explica una història més o menys complexa, representada per un personatge principal. El personatge persegueix un objectiu clarament definit (triomfar), seguint una estructura dramàtica. Els arguments dels videojocs segueixen una narrativa cinematogràfica (audiovisual). Un videojoc pot ser com anar al cine, però els protagonistes som nosaltres mateixos. Treballar amb videojocs implica utilitzar moltes capacitats i habilitats. El videojocs poden ser la porta d’entrada dels joves en les competències digitals (TIC-TAC).

‘Els videojocs són la porta d´entrada al món de les tecnologies de la informació i de la comunicació’ (Simone Belli i Cristian López-UAB). En el futur més pròxim, tots necessitarem coneixements de programació per a desenvolupar-nos en la societat. La programació, la capacitat de resolució de problemes, el pensament estructurat i la creativitat resultaran claus en la Indústria 4.0 i el treball amb videojocs pot facilitar l’aprenentatge d’aquestes necessitats. L’alumnat ha de passar de consumidor digital (de videojocs) a creador digital.

Experiència: Programació Creativa- Videojocs- Adrià F. Delgado Sugrañes (adelga23@xtec.cat)

2.-OBJECTIUS: Els alumnes aprenen a programar, resolen problemes de forma ordenada i treballen la creativitat creant videojocs senzills. Els alumnes varien la seva percepció sobre els videojocs. El videojoc passa a convertir-se en una eina més per l’educació. L’alumne/a es converteix en creador digital. Cal crear videojocs des del moment zero, amb programari o plataformes gratuïtes i sense coneixements previs en programació. 3.-OPTATIVA DE TERCER D´ESO: PROGRAMACIÓ CREATIVA Treballo a l’aula programant videojocs amb els alumnes des de fa més de 4 anys. Inicialment ho integrava dins l’optativa de quart d´ESO. L’èxit de l’experiència va fer-me plantejar el treball amb videojocs d’una manera més extensa, incloent una part teòrica i treballant amb varies plataformes de creació de videojocs. D’aquesta manera l’any 2015 vaig començar a impartir la programació creativa com una optativa de tercer d´ESO amb una durada total de 35 sessions. 3.1.-Esquema pel curs 2016-2017: ����Unitat 1.- Història dels videojocs. El jugador

En aquesta unitat teòrica es treballa la base històrica dels videojocs, la seva evolució en el temps, les seves parts fonamentals, els tipus de gèneres, els videojocs com a forma d’art o com a element de canvi social, el videojoc com a professió de futur i els efectes positius i negatius dels videojocs, tant psicològics com físics. La unitat dura 5 sessions o parts, al finalitzar cada part els alumnes han de competir contestant un Kahoot

https://kahoot.it/#/

Kahoot és una aplicació mòbil gratuïta que permet la creació de qüestionaris d’avaluació basat en el joc o la competició. Amb Kahoot obtenim un feedback en temps real dels nostres alumnes amb un aprenentatge basat en el joc (gamificació) on guanya qui aconsegueix més punts. El professor pot generar kahoots (qüestionaris) en una web (cal registrar-se). Cada qüestionari genera un codi PIN per permetre l’accés als alumnes. Per jugar cal projectar les

Experiència: Programació Creativa- Videojocs- Adrià F. Delgado Sugrañes (adelga23@xtec.cat)

preguntes a l’aula i els alumnes, mitjançant els seus dispositius mòbils, poden respondre. Al finalitzar el qüestionari cada alumne/a pot saber la seva puntuació.

����Unitat 2.- Crear videojocs amb Game Maker Els alumnes generen els videojocs (pràctiques) guiats pels professor de forma progressiva amb el programa Game Maker 8.1 (temps 12 sessions)

Game Maker és un programa específic per crear videojocs de forma senzilla, sense necessitat de coneixements previs de programació. Disposa d’una versió gratuïta (per windows) prou completa que permet un aprenentatge ràpid gràcies a una interfície de programa senzilla.

Experiència: Programació Creativa- Videojocs- Adrià F. Delgado Sugrañes (adelga23@xtec.cat)

Amb Game Maker, els alumnes generen les “Rooms” (nivells on actuen els objectes), els “Sprites” (animacions gifs que representen els diferents objectes del videojoc), el fons, la música o els efectes de so i creen els “Objects” (entitats o personatges del joc). Els “Objects” interactuen segons l’argument o les regles del videojoc i l’alumne/a programa aquestes interaccions establint una sèrie d’accions i esdeveniments (Game Maker també permet la programació mitjançant codi si cal). Activitat 1 ���� El Joc de pales (Pong 1972). Activitat 2 ���� Trenca maons (Breakout 1978) Activitat 3 ���� Amenaça zombi Activitat 4 ���� Creació pròpia de l’alumne/a amb autonomia.

����Unitat 3.- Crear videojocs amb Gamesonomy (la meva experiència). Gamesonomy és un editor de videojocs al núvol que no requereix coneixements de programació. Amb aquesta eina els alumnes dissenyen els diferents escenaris i actors que van seguint unes regles establertes mitjançant una programació gràfica o per diagrames (temps 11 sessions).

http://www.gamesonmy.com

L’editor de regles permet programar el videojoc en forma d’esquema o diagrama, si la condició es compleix (verdadera) seguirà el camí de la dreta, si no es compleix segueix el camí de l’esquerra.

Experiència: Programació Creativa- Videojocs- Adrià F. Delgado Sugrañes (adelga23@xtec.cat)

Activitat 1 ���� El Joc d’acció exemple de Gamesonomy. Activitat 2 ���� Joc de plataformes “El Capgròs”. Activitat 3 ���� Joc d’acció “Meteorits”. Activitat 4 ���� Creació pròpia de l’alumne/a amb autonomia

����Unitat 4.- Crear videojocs amb App Inventor . App Inventor és un entorn de desenvolupament d’aplicacions per al sistema Android. L’usuari pot generar la seva aplicació en un entorn visual i amb una programació mitjançant blocs (com un trencaclosques). Resulta fàcil d’utilitzar per a principiants en programació (temps 7 sessions) Activitat 1 ���� El joc Whack a teacher zombie Activitat 2 ���� Creació pròpia de l’alumne/a.

Experiència: Programació Creativa- Videojocs- Adrià F. Delgado Sugrañes (adelga23@xtec.cat)

4.-LA MEVA EXPERIÈNCIA: Gamesonomy, eina bàsica de creació de videojocs. Gamesonomy ha estat desenvolupada per Miguel Chover Seller catedràtic i director del Grau de Disseny i Desenvolupament de Videojocs de la Universitat Jaume I de Castelló. Aquesta eina fomenta la creativitat, l’aprenentatge de la programació, la lògica, les matemàtiques, la física i l’art. Gamesonomy funciona com un teatre on tots els elements del videojoc són actors que realitzen accions (interaccionen) segons unes regles programades. Amb Gamesonomy els alumnes poden treballar al núvol creant els seus jocs, només necessiten registrar-se (a partir de 14 anys) per disposar d’un espai al portal. Un cop registrat poden accedir a l’espai per crear jocs nous. L’alumne/a pot triar la resolució de la pantalla, el nom del joc, el so de fons, entre d’altres propietats associades al videojoc. L’espai de treball de Gamesonomy resulta molt senzill amb una barra principal d’opcions que permeten desar el joc, fer o desfer , copiar, crear actors, llistat d’actors existents i el botó “Play” per comprovar el comportament del videojoc.

Experiència: Programació Creativa- Videojocs- Adrià F. Delgado Sugrañes (adelga23@xtec.cat)

4.1.-ELEMENTS PRINCIPALS . Les Escenes, els actors i la programació amb les re gles. 4.1.1.- Les Escenes. Inicialment el joc presenta una única escena buida que cal configurar. A mesura que es va complicant el videojoc cal afegir més escenes. Les escenes es poden veure a la banda esquerra de la pantalla (visor d’escenes). Cada escenari disposa d’un quadre de propietats que poden configurar-se (posició de la càmera, efecte per gravetat, zoom, etc.).

Escenes del joc de

plataformes “Capgròs”

Experiència: Programació Creativa- Videojocs- Adrià F. Delgado Sugrañes (adelga23@xtec.cat)

4.1.2.- Els actors. Els actors (entitats, objectes o personatges) interactuen en les escenes, segons les instruccions o regles associades a cada actor.

Cada actor disposa d’un conjunt de propietats que podem configurar � les coordenades de posició, la imatge associada, colors, efectes de so, text, visibilitat i altres propietats físiques (gravetat, densitat , rotació, velocitat, fricció, etc.).

Per poder controlar millor tots els actor d’un joc existeix el botó “Show Cast” que mostra un llistat amb tots els actors i el seu ordre de creació. El llistat permet fer canvis de posició o suprimir actors.

Actor “Coet” del joc “Meteorits” amb el quadre de propietats i 6 regles assignades.

Actor “Principal” del joc “Capgròs” amb el quadre de propietats físiques i 4 regles assignades.

Experiència: Programació Creativa- Videojocs- Adrià F. Delgado Sugrañes (adelga23@xtec.cat)

4.1.3.- Les Regles. Els actors (entitats, objectes o personatges) interactuen en les escenes, segons les instruccions o regles que tenen associades. Les regles regulen les accions i els esdeveniments del joc. Cada actor disposa d’un editor de regles i a la banda esquerra de l’editor hi ha un bloc de botons per poder establir les condicions o esdeveniments i per establir les accions que cal executar. La lògica de les regles queda representada gràficament per un diagrama de flux. Al crear una condició el gràfic genera dos possibles sortides, la sortida dreta correspon a condició certa i la sortida esquerra a condició falsa. Botons de Condició: Tecla polsada. Col·lisió. Tecla del ratolí. Veritat/Fals (booleana). Rellotge. Comparador. Botons Accions: Moure/ accelerar. Modificar propietat

Modificar coordenades Activar/desactivar actor Rotació Destruir.

Activar so. Escalar Crear animació. Aplicar/modificar força Canvi d’escena.

Experiència: Programació Creativa- Videojocs- Adrià F. Delgado Sugrañes (adelga23@xtec.cat)

Exemple : Regles per moure l’actor principal amb els botons del teclat del videojoc “Capgròs”

Exemple : Comportament de l’actor “meteorit” al xocar amb altres actors del joc “Meteorits”

Experiència: Programació Creativa- Videojocs- Adrià F. Delgado Sugrañes (adelga23@xtec.cat)

4.2.- GAMESONOMY A L’AULA. Els alumnes generen els videojocs (pràctiques) guiats pel professor de forma progressiva (temps 11 sessions). Activitat 1 � Videojoc d´acció d´exemple de la pròpia plataforma Gamesonomy amb adaptacions del professor. Consisteix en una nau que es mou per l´escenari disparant contra enemics que desapareixen quan bé la nau o bé un projectil impacta sobre ells. En aquesta activitat l’alumne/a crea l’escenari, els actors principals i secundaris, programa les accions i esdeveniments (moviments, destrucció d’enemics, comptadors, el Game Over, els efectes de so, etc.), treballant les estructures bàsiques de programació mitjançant un llenguatge de programació gràfic per mitjà d’esquemes lògics. Temporització. 2 Hores.

Activitat 2 � Segon videojoc tipus plataforma, el personatge principal “El Capgròs” ha de superar una sèrie de pantalles o nivells, agafant totes les monedes i sense caure al buit. Activitat amb major dificultat que l’anterior on cal generar diferents nivells o escenaris i s’afegeixen més elements (la gravetat, música de fons, pantalla d’inici i final del joc, etc.).

Temporització. 3 Hores. http://www.gamesonomy.com/soakp7p8add/

Activitat 3 � Videojoc Meteorits

El teu planeta està amenaçat per uns meteorits, amb la teva nau cal que destrueixis un nombre mínim de pedres de l’espai. Recorda que la teva nau només pot resistir un nombre mínim d’impactes i en cas de superar-los, perdràs la partida i el teu planeta serà destruït. També cal que vigilis de no destruir les naus alienígenes amigues o també perdràs la partida. Activitat amb major dificultat que l’anterior. Temporització. 3 Hores. http://www.gamesonomy.com/3k70_p4p_ew/

Activitat 4 � Joc creat per l’alumne/a

Amb els coneixements adquirits, l’alumne/a cal que sigui capaç de generar el seu propi videojoc senzill (de plataformes, d’acció, de lògica, etc.) de manera autònoma, creant els personatges, l’argument, establint les accions i els esdeveniments del joc obtenint un videojoc complet, jugable i sense errors. Temporització. 3 Hores.

Experiència: Programació Creativa- Videojocs- Adrià F. Delgado Sugrañes (adelga23@xtec.cat)

El videojocs generats poden publicar-se a la mateixa plataforma Gamesonomy de forma gratuïta ( i amb pagament a altres plataformes per aplicacions).

4.3.- OPINIONS I RESULTATS.

Kahoot L´ús de Kahooot com a eina de gamificació, augmenta clarament la motivació i l´interès dels alumnes per les activitats docents a l´aula, genera diversió i permet una major implicació de l´estudiant en el seu aprenentatge. Els coneixements adquirits per l´estudiant poden arribar dins d´un ambient educatiu més dinàmic, còmode i divertit. Aquest eina permet incorporar imatges i vídeos, fent més agradable l´entorn visual. Amb Kahoot l´alumnat s´involucra més en l´aprenentatge i es fixen en la memòria continguts mitjançant una experiència lúdica, però cal estar preparat per perdre formalitat i un cert ordre dins l´aula. Programació creativa amb Gamesonomy Els reptes del futur aconsellen que cal tenir nocions de programació, cal dominar les competències digitals i cal passar de consumidor a creador digital. La programació ha de ser una eina transversal en qualsevol procés educatiu. El treball a l´aula dissenyant i creant videojocs, pot esdevenir una completa eina educativa i una porta d´accés a les tecnologies de la informació i la comunicació.

Experiència: Programació Creativa- Videojocs- Adrià F. Delgado Sugrañes (adelga23@xtec.cat)

Gràcies a aplicacions com Gamesonomy (o Game Maker, App Inventor, Scratch, etc.), que faciliten el procés de programació i, amb una adaptació adequada, pot aplicar-se a qualsevol nivell (primària, secundaria, etc.) o matèria. Programar videojocs pot esdevenir una excel·lent eina per desenvolupar i adquirir certes competències i habilitats (lògica, física, creativitat, resolució de problemes, etc..), ajuda a preparar-nos en un món on cada cop resulta més necessari saber interaccionar amb aparells, entorns virtuals, xarxes i ginys programables. El videojocs ja formen part de la nostra societat i cultura i poden convertir-se en una oportunitat laboral important pels nostres alumnes. La creació de videojocs a l´aula fomenta l´alfabetització tecnològica o digital i permet a cada alumne realitzar un aprenentatge progressiu seguint el seu propi ritme i millorant la seva autonomia. La lògica i l´estructura dels videojocs pot extrapolar-se en la resolució d´altres problemes reals (matemàtiques, raonament, organització, lleis físiques, etc.). Una de les meves tasques com a professor de Tecnologia a l´Institut Jaume Huguet de Valls es treballar la programació com a eina transversal a tots els nivells d´ESO. Pels seus bons resultats Gamesonomy ja forma part de les meves eines imprescindibles, juntament amb Scratch, App Inventor, Processing, Game Maker, Robomind i Small Basic.