La Gran Pérez, una granota verda a Gallecs o com fer el videojoc

La Gran Pérez, una granota verda a Gallecs o com fer el videojoc - Marçal Mora

LA GRAN PÉREZ una granota verda a Gallecs o com fer el videojoc

La Gran Pérez és un joc 3D fet amb Blender. El Blender és un programa 3D sota 1

llicencia lliure el que ens permet descarregar-nos-el des de la plana www.blender.org per a qualsevol sistema operatiu i començar a utilitzar el motor de joc que porta integrat.

MOLTES PREGUNTES A FER Vol dir això que des del primer moment podem jugar?. La resposta és si i no. Si ens 2

descarreguem el programa i l'instal·lem i obrim l'arxiu del joc podrem veure com estar fet el joc, com estar modelat i com estar configurat per prémer les tecles i fer moure la nostra protagonista des del primer nivell. En aquest sentit SI que podem jugar quasi immediatament des del Blender. Per a la segona resposta, més aviat haureu d'arribar a llegir el llibre o si més no, els primer capítols on de seguida podràs aprendre a moure el teu jugador per un espai virtual i aquest cop, ja tant serà si és la granota, la nostra protagonista o els teus propis dissenys si has aplicat i seguit els tutorials d'aquest llibre. I la resposta es NO, fins que no tinguis el joc ben estructurat o com explicarem als primers capítols, fins que no tinguis configurat els controls del teu personatge i el seu entorn, i sàpigues com funciona el motor de joc de Blender, no podràs jugar. 1

S'entén Llicencia lliure o Creative Commons aquells treballs que l'autor cedeix lliurement a fi que l'usuari pugui usar, modificar, millorar i distribuir l'obra que ha obtingut legalment mencionant la

primera autoria. Sota el CC hi ha moltes variants, la menys restrictiva és la que permet tot tipus d'aplicació a l'obra. 2

Pots descarregar-te la versió al web: http://pelophylaxperezi.blogspot.com.es/ 1/ 13

La Gran Pérez, una granota verda a Gallecs o com fer el videojoc - Marçal Mora

En el primer cas, és un sí perquè fem servir l'arxiu del joc, en el segon cas, és un no perquè comencem de zero i per tant hem de construir el joc. Pots escollir.

Llavors?, de quin joc es tracta?. Doncs LA GRAN PEREZ es un joc d'aventures en 3D. 3

Es tracta de fer créixer una granota verda en un entorn natural i aconseguir fer-la

sobreviure als perills per superar els nivells de joc i fer-la arribar a una bassa segura.

I això de posar el subtítol de: una granota a Gallecs?. Bé, això es degut a que buscant un entorn real per inspirar-nos en recrear l'habitat en el joc varem coincidir amb l'associació D.R.A.G

4

dedicada a la preservació, l’educació ambiental i la divulgació de

la fauna i flora local de Gallecs i el Vallès. Entre les seves activitats van portar a terme 5

un projecte de restauració de les basses del entorn rural de Gallecs entre els termes municipals de Mollet del Vallès i Parets del Vallès (Barcelona). Aquest va ser el punt en comú entre el món virtual i el mon real, recrear tota una zona que havia de ser restaurada i millorada per afavorir la reproducció d'amfibis, condicionant unes basses d'aigua per a la reproducció de diferents espècies, entre elles, la nostra protagonista, la granota verda.

D'acord, però perquè Blender i no altres programes?. La característica principal ja l'hem comentada, ens baixem la última versió del programa perquè prové d'una font segura, és programari lliure, permet treballar sobre diferents sistemes operatius i en sí, el Blender és un paquet que ens permet modelar, texturitzar, animar, crear vídeo i jugar en un sol programa. A més, estem utilitzant les actualitzacions que es poden descarregar des del propi web sense que aquest projecte ens quedi obsolet. No és pas una versió de prova o una versió limitada en les seves funcionalitats. Amb Blender podrem tenir 3

El seu nom científic es pelophylaxperezi

4 5

Per saber més sobre l'associació visita http://www.dragnatura.org Pots trobar fotos del projecte i el procés de restauració a http://www.dragnatura.org/pagina.php?id=13

2/ 13

La Gran Pérez, una granota verda a Gallecs o com fer el videojoc - Marçal Mora

accés a un ampli ventall de possibilitats gràcies a la comunitat i ja que altres programes, no ho poden oferir al mateix nivell, Blender és l'eina ideal per aquest tipus de projecte. Si aprenc Blender no sabre fer joc amb altres programes?. No ho crec pas, la

metodologia, la teoria, el fet que posis en practica un projecte sencer per a un videojoc

et servirà de base per entendre com funciona un ordinador quan recrea un món virtual i tu com a usuari/jugador, interactues amb el teu personatge. Les bases et serviran

perquè no et sentis estrany en d'altres programes (potser millors o més potents) però la línia d'aprenentatge serà molt més suau, ja que part d'aquesta ja l'hauràs après amb

aquest llibre. Les noves interfícies d'altres programes no seran un obstacle alhora de posar-te a treballar, dedicant un temps més curt a aprendre-les perquè la base del que engloba un joc ja la tindràs apresa.

Però no hauré d'aprendre a programar, oi?. Aquest llibre no pretén ser un Manual sobre un llenguatge informàtic per poder crear jocs. Pretén ser una guia d'ús fàcil per poder fer jocs sense saber gens ni mica de codi. El motor de joc de Blender es basa en un sistema de conexions que anomenen Logics Bricks, és a dir, com blocs o totxanes connectades; arrossegarem el fil d'un bloc i l'estirarem per connectar-lo a un altre. Aquestes conexions les farem tant fàcilment com si posesim fil a una agulla, un cop

connectats els blocs, el motor de joc respondrà d'una manera o un altre segons el tipus de configuració del bloc. Si és correcta, tot funcionarà bé, si no, haurem de modificar les propietats del bloc per aconseguir allò que desitjem. Per millorar aquest rendiment tant simple, en certs casos haurem de fer servir codi de programació, però sempre seran per millorar el joc i en absolut per explicar que significa línea per línea el codi introduït. Farem servir l'opció de “copiar i enganxar” per dir-ho d'una manera senzilla per poder aconseguir allò que cerquem: fer-nos més fàcil la interacció amb el motor de joc. Introduirem codi però no explicarem com hem arribat a crear-lo, el farem servir de llibreria, és a dir; el tindrem per descarregar, i l'adjuntarem al videojoc per millorar la funcionalitat. Res més.

3/ 13

La Gran Pérez, una granota verda a Gallecs o com fer el videojoc - Marçal Mora

Quan comencem?. En breu. En aquest mateix capítol aprendrem a moure el nostre protagonista. No serà pas ja la granota, podem fer moure un cub, un objecte simple i molt senzill (de fet, aquest model quan obres el programa Blender ja et surt per

defecte). Així que no haurem de començar per aprendre a crear models complexes sinó passar directament a l'acció i aprendre de manera ràpida i senzilla com moure el cub

per un pla o com xoca amb un mur ( el pla i el mur poden ser duplicats del cub amb la

forma diferent que els defineix!). Si ho aconsegueixes, podrem passar a substituir el cub per un model més treballat, no caldrà fer-lo, podem utilitzar llibreries, descarregar-nos

objectes i models de diferents webs i posar-los en moviment. Molt ràpid, veritat?. Anem per parts: Aquest llibre assumeix que no uses habitualment o no has usat mai el Blender perquè així siguin més entenedores i didàctiques les explicacions dels tutorials que, en la mesura del possible seran el més detallats possibles posant captures de pantalla pas a pas.

En aquest capítol però sols mostrarem: •

La interfície del Blender en la opció del motor de joc.

•

Com es connecten els blocs; els Logics Bricks del editor de joc.

INSTAL·LACIÓ DEL PROGRAMA 6

Com hem comentat abans, es pot descarregar el programa Blender des de la seva web oficial www.blender.org, per a sistemes operatius com Windows, Mac OSX o Linux o fer 7

servir les llançadores per buscar el programa i instal·lar-lo automàticament. Si seguiu els passos d'instal·lació en pocs minuts tindreu el programa en el vostra ordinador. Ja 6 7

En el moment d'escriure el llibre la versió usada és la 2.69 Per exemple, en Linux/Ubuntu hi ha la icona Centre de Programari per a descarregar-se els programes sense haver de cercar-los al web manualment. 4/ 13

La Gran Pérez, una granota verda a Gallecs o com fer el videojoc - Marçal Mora

podeu obrir-lo per començar a treballar.

TUTORIALS Ara ja pots començar a seguir els tutorials de cada capitol a fi de que poguis arribar a completar com fer el joc. Si vols, pots saltar-te els textes previs de cada capitol però recomanem llegir-los abans d'entrar a la secció de tutorials. Obrim el programa Blender i tanquem la pantalla d'inici amb un click de ratolí, la escena 3D que sens mostra pot ser una mica complexe d'entendre a primera vista. No ens esberem, anem pel que ens interessa:

5/ 13

La Gran Pérez, una granota verda a Gallecs o com fer el videojoc - Marçal Mora

TUTORIAL 1 – INTERFICIE DEL BLENDER 1. La escena 3D o pantalla principal és la nostra vista 3D que, per defecte, el 8

programa Blender mostra amb un cub al centre de color gris.

2. Cal primerament canviar el tipus de pantalla així com indicar-li al programa que volem utilizar el motor de joc com a renderitzador. Per fer això, clicarem a la icona inferior esquerre i escollim del menú flotant el Logic Editor.

8

Si no és això, prova d'anar a la barra de menú superior i clicar sobre l'opció File/Load Factory Settings per restaurar els valors per defecte del programa. 6/ 13

La Gran Pérez, una granota verda a Gallecs o com fer el videojoc - Marçal Mora

Un cop tenim la interficie del Logic Editor, modifiquem com mostra la imatge de sota, l'ús del renderitzat a la barra d'eines superior i escollim Blender Game.

3. Separem la pantalla per tal que poguem veure tant l'objecte 3D (el cub) com l'editor de joc (Logic Editor) que ja tenim. Per això, posarem el cursor a la barra del mig i mantenint el botó esquerre premut, arroseguem la pantalla al meridià per poder dividir el monitor en dues pantalles tal i com es veu en la imatge seguent: 7/ 13

La Gran Pérez, una granota verda a Gallecs o com fer el videojoc - Marçal Mora

4. Per fi podem disposar de dues pantalles que; tornarem a modificar. A la pantalla de dalt, escullirem l'opcio 3Dview i a la d'abaix el Logic Editor tal i com s'ha mostrat en les operacions anteriors. Escull l'icona correcta en els menús flotants en cadascuna de les pantalles.

8/ 13

La Gran Pérez, una granota verda a Gallecs o com fer el videojoc - Marçal Mora

TUTORIAL 2 – ELS LOGIC BRICKS La pantalla inferior on tenim seleccionat el Logic editor ens permetrà fer conexions entre blocs de manera ràpida i senzilla. Per entendre millor el procés, connectarem l'objecte cub per tal que reaccioni quan premen una tecla. Comencem:

1. Selecciona el menú desplegable del sensor clicant al Add Sensor per poder escullir la opció de teclat (Keyboard). És a dir, li estem dient al motor de joc que al prèmer el teclat enviarem un ordre al cub.

2. Fem click a la casella Key amb el botó esquerre del ratolí per assignar una tecla del teclat, i apretem la W quan surt el missatge de Press a Key( també podem escollir un altre tecla, com per exemple la flexta amunt).

9/ 13

La Gran Pérez, una granota verda a Gallecs o com fer el videojoc - Marçal Mora

3. Tornem a repetir la operació però dins del Add Actuator i dins els menú desplegable escollim Motion. Volem que al apretar la tecla W, el cub es mogui.

4. Estem dins les propietats del bloc Motion, on afegirem el valor 0,5 ( o el valor que vulguis) a l'eix X tal i com es mostra en la següent imatge. Volem aconseguir que cada vegada que s'apreta la tecla W, el cub es mogui de posició en l'eix x.

10/ 13

La Gran Pérez, una granota verda a Gallecs o com fer el videojoc - Marçal Mora

5. Per fi tenim els blocs configurats. Només queda conectar-los. Amb el botó esquerre del ratolí unim els dos blocs pel punt negre que surt en cada bloc, mantenint el botó apretat l'arrosseguem fins arribar a l'altre conector.

6. Automaticament se'ns crearà el bloc del mig, el controlador, que en aquest moment no farem cas però serà important en pròxims tutorials. La imatge final del Logic Editor ha de quedar com la que es mostra:

11/ 13

La Gran Pérez, una granota verda a Gallecs o com fer el videojoc - Marçal Mora

7. Per saber si funciona realment el nostre joc (primigeni), haurem de posar el cursor del ratolí en el cub i apretar al tecla P (Play) i jugar, és a dir, prémer la tecla W per saber si el cub es mou. Es mou?.Genial!, veritat?

8. Per sortir del joc, apretarem la tecla Esc. Benvingut al motor de joc de Blender!.

12/ 13

La Gran Pérez, una granota verda a Gallecs o com fer el videojoc - Marçal Mora

MÉS DIFICIL ENCARA Ara ja tens una idea de com és de fàcil conectar els blocs. Pots provar d'afegir noves

tecles en nous blocs, canviar els valors de posició de X, modificar altres propietats dins el mateix bloc o atrevir-te a experimentar amb altres blocs.

Si hi ha alguna cosa que no surt i creus que ho has fet bé segueix les indicacions pas a pas d'aquest últim tutorial, de vegades ens saltem passos importants que semblen insignificants. •

Apretes la tecla P i no s'activa el motor de joc? Hem posat el Blender Game com a motor de render?,

•

Apretes la tecla P i no funciona?. Tenim el cursor a la pantalla 3Dview quan donem al Play?

•

Apretes la tecla P i no es mou res?. Has fet les conexions o nomes has canviat els parametres sense conectar els blocs?

Aquestes son algunes de les coses que et poden passar si ets principiant amb el motor de joc de Blender i de vegades, no tant. No et preocupis, és normal i quasi preferible que passi, així absorviràs més ràpidament a on pots detectar errades a l'hora de fer el joc. Has vist que senzill?.

ALGUNS TIPS QUE NO HEM DIT •

Si vols suprimir alguna conexió pots apretar la tecla CTRL i mantenir-la juntament amb el botó esquerre del ratolí. L'icono del cursor es convertirà en un ganivet perquè “tallis” la connexió arrosegant el ratolí per sobre el fil.

•

Vols fer la pantalla més gran?, prem CTRL+fletxa amunt. Si vols retornar, repeteix l'acció de teclat per desfer-ho.

13/ 13