Angelfg: /* Tarefa 2.14 */

2015-03-04T15:38:49Z

Tarefa 2.14

Página nueva

==UNIDADE 2==

===Tarefa 2.0===
[http://informatica.iessanclemente.net/manuais/index.php/LIBGDX_Analizando_o_proxecto_com%C3%BAn#Ciclo_de_vida_do_noso_xogo ENLACE A MIRAR].

Captura unha pantalla onde aparezan os diferentes eventos polos que pasa o voso xogo imprimindo o voso nome e indicando o evento, tal como está nos apuntes.

===Tarefa 2.1===

====Apartado A)====
[http://informatica.iessanclemente.net/manuais/index.php/LIBGDX_Co%C3%B1ecendo_a_estrutura_dos_proxectos#Versi.C3.B3n_Desktop ENLACE A MIRAR].

*Imos descargar unha icona calquera [http://www.iconarchive.com/commercialfree.html desta web] e o imos gardar no cartafol assets do proxecto Android, có nome 'xogo.png'.
:O tamaño que temos que escoller dependerá da plataforma: 128x128 (para Mac), 32x32 (para Windows e Linux), e 16x16 (para Windows). Nos imos a escoller o da resolución 32x32. Asociar dita icona ó voso xogo.
*Fai que non se poida cambiar o tamaño da xanela na versión Desktop.
 

====Apartado B)====

[http://informatica.iessanclemente.net/manuais/index.php/LIBGDX_Co%C3%B1ecendo_a_estrutura_dos_proxectos#Versi.C3.B3n_M.C3.B3bil ENLACE A MIRAR].

*Fai que o xogo na versión Móbil apareza en orientación portrait (non apaisada).

===Tarefa 2.2===
[http://manuais.iessanclemente.net/index.php/LIBGDX_Co%C3%B1ecendo_a_estrutura_dos_proxectos ENLACE A MIRAR].

Mirando as seguintes imaxes:

[[Imagen:LIBGDX_xogos2d_tarefa_2_1.jpg|400px]]

[[Imagen:LIBGDX_xogos2d_tarefa_2_2.jpg|400px]]

Observando os gráficos anteriores modifica a versión Desktop para que lance o xogo coas dimensións do dispositivo móbil que teña máis cuota (% por tamaño de pantalla, como amosa o segundo gráfico).

Faino como segundo vimos [http://informatica.iessanclemente.net/manuais/index.php/LIBGDX_Co%C3%B1ecendo_a_estrutura_dos_proxectos#Versi.C3.B3n_Desktop neste punto].

===Tarefa 2.3===

*[http://informatica.iessanclemente.net/manuais/index.php/LIBGDX_A_c%C3%A1mara_2D#A_c.C3.A1mara_2D Enlace cámara]: Necesario ler puntos 1.1,1.2,1.3. Posteriormente será necesario ler o punto 1.6.
*[http://informatica.iessanclemente.net/manuais/index.php/LIBGDX_Os_graficos Enlace ós gráficos]: Necesario ler os puntos 1,2,3,4,5,6.

Dados os seguintes gráficos engádeos ó cartafol assets/GRAFICOS da plataforma Android e carga ditos gráficos no método cargarTexturas e libera ditas texturas no método liberarTexturas da clase AssetsXogo. O nome das variables que referencian a cada textura está entre os parénteses.

Podedes descargar todos os gráficos nun único arquivo: [[Media:LIBGDX_itinerario1_alien.zip]]

<gallery caption="Imaxes a descargar para a tarefa 2.3" widths="200" heights="200px" perrow="3">
Image:LIBGDX_itin1_alien.png| LIBGDX_itin1_alien.png (textureAlien).
Image:LIBGDX_itin1_alien_dead.png| LIBGDX_itin1_alien_dead.png (textureAlienDead).
Image:LIBGDX_itin1_alien_rescue.png| LIBGDX_itin1_alien_rescue.png (textureAlienRescue).
Image:LIBGDX_itin1_autobus1.png| LIBGDX_itin1_autobus1.png (textureAutobus).
Image:LIBGDX_itin1_coche1.png| LIBGDX_itin1_coche1.png (textureCoche).
Image:LIBGDX_itin1_fondoxogo.jpg| LIBGDX_itin1_fondoxogo.jpg (textureFondo).
Image:LIBGDX_itin1_nave.png| LIBGDX_itin1_nave.png (textureNave).
Image:LIBGDX_itin1_roca.png| LIBGDX_itin1_roca.png (textureRoca).
Image:LIBGDX_itin1_tronco.jpg| LIBGDX_itin1_tronco.jpg (textureTronco).
Image:LIBGDX_puntonegro.jpg| LIBGDX_puntonegro.jpg (texturePuntoNegro).
</gallery>

===Tarefa 2.4===
[http://informatica.iessanclemente.net/manuais/index.php/LIBGDX_Movendo_os_graficos#Creando_as_clases_dos_personaxes ENLACE A MIRAR]
*Crea unha nova clase de nome Nave que derive da clase Personaxe. Lembra crear o constructor como no exemplo do manual.
*Instancia e crea un obxecto da clase Nave na clase Mundo.
::Os valores iniciais para a nave son:
:::Posición:(0,480)
:::Tamaño:(40,20)
:::Velocidade:60
*Crea método para debuxala de nome '''debuxarNave()''' na clase RendererXogo.

===Tarefa 2.5===
[http://informatica.iessanclemente.net/manuais/index.php/LIBGDX_Movendo_os_graficos#Movendo_os_gr.C3.A1ficos._O_par.C3.A1metro_delta ENLACE A MIRAR].

Modifica a velocidade do Alien cando creas o obxecto na clase Mundo para que teña unha velocidade máxima que lle permita percorrer o ancho do seu mundo en 3 segundos.

===Tarefa 2.6===
[http://informatica.iessanclemente.net/manuais/index.php/LIBGDX_Creando_o_mundo ENLACE A MIRAR].

Seguindo o mesmo exemplo que os coches fai que as rochas aparezan no xogo. O número de rochas queda á vosa elección. O tamano de cada rocha é de 60x60 unidades.

Os pasos a seguir serán:

* Definir o array de rochas e engadilas na clase Mundo.
* Debuxar as rochas na clase RendererXogo.
* Controlar as rochas e actualizar a súa posición na clase ControladorXogo.

[[LIBGDX_tarefa_2_6_Alternativa | Unha posible alternativa á solución proposta.]]

===Tarefa 2.7===
[http://manuais.iessanclemente.net/index.php?title=LIBGDX_As_interfaces_para_capturar_eventos ENLACE A MIRAR].

Informar á clase controladora cando o xogador libera a tecla ('''método keyUp'''), chamando ó método liberarTecla.

===Tarefa 2.8===

====Tarefa 2.8.A====
'''TAREFA OPTATIVA DE FACER'''

[http://manuais.iessanclemente.net/index.php?title=LIBGDX_As_interfaces_para_capturar_eventos ENLACE A MIRAR: interfaces para capturar eventos].

[http://manuais.iessanclemente.net/index.php?title=LIBGDX_A_c%C3%A1mara_2D#Proxectando_os_puntos ENLACE A MIRAR: facer un unproyect].

Tarefas a realizar:

O que temos que facer será poñer un gráfico formado por catro frechas que vai ser utilizado para mover o noso Alien. Debemos de facer o unProyect e ver sobre que frecha estamos a premer para mover o Alien.

* Crear un cartafol de nome '''CONTROIS''' dentro do cartafol /assets/GRAFICOS/ da versión android.

[[Imagen:LIBGDX_xogos2d_tarefa_2_8.jpg | center | 300px]]

* Subir o seguinte gráfico a dito cartafol CONTROIS e cargar nunha textura de nome '''control''' dito gráfico.
[[Imagen:LIBGDX_itin1_controis.png | center | 300px]]

Nota:Calquera alumno é libre de crear un control diferente ou dividir o control en dous e poñer unha parte a dereita (arriba-abaixo) e outra a esquerda (esquerda-dereita). Tedes total liberdade.

* Definir o tamaño que ten dito control na '''clase Controis''' (copiade o código seguinte).
Para isto definimos unha variable de [http://manuais.iessanclemente.net/index.php?title=LIBGDX_Anexo_tipos_de_datos#Rectangle tipo Rectangle] que permite gardar catro valores (x,y,width,height).

<syntaxhighlight lang="java" line enclose="div">
public final static Rectangle CONTROL = new Rectangle(10,40,50,70);
</syntaxhighlight>

* Debuxar o control na clase RendererXogo no método debuxarControis tomando como valores os definidos no rectángulo.

:Podedes facer que dito gráfico só se debuxe na versión móbil poñendo esta condicion:
:: if (Gdx.app.getType()==ApplicationType.Android) .....

* Para facer o seguinte punto ([http://manuais.iessanclemente.net/index.php?title=LIBGDX_A_c%C3%A1mara_2D#Proxectando_os_puntos facer un unproyect]) temos que poder acceder á cámara orthográfica dende a clase PantallaXogo. Podemos definila como static ou crear un método que nos devolva a cámara:
'''Código da clase RendererXogo''' 
'''Obxectivo:''' definimos un método que devolva a cámara 2D. Usado pola clase PantallaXogo para facer o unProyect.

<syntaxhighlight lang="java" line enclose="div">
public OrthographicCamera getCamara2d(){
return camara2d;
}
</syntaxhighlight>

* Na clase PantallaXogo, no método touchdown, facer o unProyect cando pulsemos sobre a pantalla.
Facer un log indicando a posición premida en pixeles e en unidades do voso mundo.

====Tarefa 2.8.B====
'''TAREFA OPTATIVA DE FACER'''

[http://manuais.iessanclemente.net/index.php?title=LIBGDX_As_colisions ENLACE A MIRAR: As colisións].

* Verificar se prememos algunha parte do control do Alien, chamando o método pulsarTecla correspondente da clase ControladorXogo tal cal está feito no método keydown. '''Lembrar liberar a pulsación da tecla no método touchup'''.

Estas son as coordenadas para crear un rectángulo con cada un das partes do control de movemento (a imaxe anterior):
*'''Frecha esquerda:''' Controis.CONTROL.x,Controis.CONTROL.y+Controis.CONTROL.height/3,Controis.CONTROL.width/2,Controis.CONTROL.height/3
*'''Frecha dereita:''' Controis.CONTROL.x+Controis.CONTROL.width/2,Controis.CONTROL.y+Controis.CONTROL.height/3,Controis.CONTROL.width/2,Controis.CONTROL.height/3
*'''Frecha arriba:''' Controis.CONTROL.x,Controis.CONTROL.y+Controis.CONTROL.height*2/3,Controis.CONTROL.width,Controis.CONTROL.height/3
*'''Frecha abaixo:''' Controis.CONTROL.x,Controis.CONTROL.y,Controis.CONTROL.width,Controis.CONTROL.height/3

A idea é crear na clase '''clase Controis''' un rectángulo para cada frecha e asinarlle as posicións anteriores. Despois comprobaredes en cada un dos if´s se se intersecciona o rectángulo có círculo que representa o dedo premendo a pantalla.

* '''Método touchDown''':

:*Pasar as coordenadas reais (en pixeles) a coordenadas do noso mundo (está feito da tarefa anterior 2.8.A).

:*[http://manuais.iessanclemente.net/index.php?title=LIBGDX_Anexo_tipos_de_datos#Circle Crear un círculo] coas coordenadas do dedo na pantalla. A clase círculo espera recibir tres parámetros (x,y,radio). O radio do círculo pode ser de 2 unidades. A coordenada x,y é a coordenada calculada na tarefa 2.8.A que indica a posición premida no sistema de coordenadas da cámara.

:*Comprobar utilizando a clase Intersector se o Circle intersecciona con cada un dos rectángulos que representan as frechas e que están definidos na clase Controis.

::: if (Intersecciona frecha esquerda con dedo) entón
:::: controladorXogo.pulsarTecla(ControladorXogo.Keys.ESQUERDA);

::e así por cada frecha.

* '''Método touchUp''': liberar a tecla correspondente chamando ó método liberarTecla da clase Controladora dependendo da frecha liberada.

===Tarefa 2.9===

[http://manuais.iessanclemente.net/index.php?title=LIBGDX_As_colisions ENLACE A MIRAR: As colisións].

Tarefa a realizar:
 
 
Fai que cando o alien toque á nave se inicialice e se engada unha vida de tipo SALVADO ó array de vidas.

===Tarefa 2.10===

[http://manuais.iessanclemente.net/index.php?title=LIBGDX_A_c%C3%A1mara_2D#Proxectando_os_puntos ENLACE A MIRAR: Facer un unproyect].

[http://manuais.iessanclemente.net/index.php?title=LIBGDX_As_colisions ENLACE A MIRAR: As colisións].

[http://manuais.iessanclemente.net/index.php?title=LIBGDX_Cambiando_de_pantalla ENLACE A MIRAR: Cambiando as pantallas].

Tarefa a realizar:
 
 
Fai que, na pantalla de presentación (a que ten os botóns de Novo Xogo, Marcadores e Saír), en función do botón premido, cambiemos de pantalla ou saiamos. Se estamos na pantalla de Marcadores e prememos na pantalla deberemos volver á pantalla de presentación.

Pistas:
*Cada unha das opcións se pode calcular en que punto están facendo unha regra de tres. Así se a opción Saír se atopa no punto (160,320) (esquina inferior esquerda) nun tamaño de (480,800) píxeles e o noso mundo ten (300,500) unidades podemos concluír que o punto (160,320) = (100,200)
: 160-------------------480
: x --------------------300 =======> x = (300*160)/480 = 100

:Para non teres que facer estas operacións xa vos dou as coordenadas de cada botón nun array de Rectangles:
::private Rectangle botons[]={new Rectangle(100, 268, 98, 32),new Rectangle(100, 235, 98, 32),new Rectangle(100, 200, 98, 32)};

*Para saír da aplicación temos que chamar ó método '''Gdx.app.exit()'''

*O proceso para controlar cando tocamos cada opción sería:

: Ir ó método touchdown.
: Obter as coordenadas do noso mundo cando prememos sobre a pantalla:
:: Vector3 temp = new Vector3(screenX,screenY,0); // Para optimizar poderiase instanciar unha vez no constructor.
:: camara2d.unproject(temp);
:: Circle dedo = new Circle(temp.x,temp.y,2); // Para optimizar poderiase instanciar unha vez no constructor.

: Comprobar se tocamos algún dos botóns:
:: if (Intersector.overlaps(dedo,botons[0])) { // Prememos novo xogo
:: }

: No caso de tocar, liberamos os gráficos e/ou recursos (no caso da PantallaPresentacion non é necesario) e cambiamos de pantalla:
:: dispose();
:: meuxogogame.setScreen(new PantallaXogo(meuxogogame));
*Lembrar chamar ó método dispose para liberar a textura e o spritebatch na clase PantallaMarcadores.

===Tarefa 2.11===

'''TAREFA OPTATIVA DE FACER'''

[http://manuais.iessanclemente.net/index.php?title=LIBGDX_Cambiando_de_pantalla ENLACE A MIRAR: Cambiando as pantallas].

[http://manuais.iessanclemente.net/index.php?title=LIBGDX_Fontes ENLACE A MIRAR: Fontes.]

Imos engadir un tempo ó noso xogo, de tal forma que ó rematar iremos á pantalla de marcadores.

Tarefas a facer:

* Modificar a clase RendererXogo para que visualice o cronómetro. Para obter a referencia ó crono lembra utilizar meuMundo.getCronometro(). NON CRES UN CRONOMETRO NOVO.
:Utiliza a clase StringBuilder para visualizar o texto.
: A posición do crono debe ser abaixo á esquerda.
* Fai que cando o cronómetro chegue a 0 remate o xogo e cambie á pantalla PantallaMarcadores (igual que cando leva máis de 15 vidas).
* Escribe o texto '''ESCAPE DOS ALIEN''' na parte superior da PantallaMarcadores.

===Tarefa 2.12===

[http://manuais.iessanclemente.net/index.php?title=LIBGDX_Musica_son ENLACE A MIRAR: Música e efectos de son].

Imos facer que se escoite unha música de fondo no xogo e a engadir diferentes efectos de son.

Para facelo imos crear un cartafol novo dentro de assets, de nome MUSICA, onde imos copiar todos os arquivos de audio.

* Música:
:* De fondo: [[Media:LIBGDX_grapes_I_dunno_m.mp3]]
::Facer que teña un volume a metade do máximo e que se repita (non deixe de tocar).
:* Cando esteamos no xogo: [[Media:LIBGDX_ocean_sounds.mp3]]
::Facer que teña un volume a 0.1f e que se repita (non deixe de tocar).

Efectos de son:
* Cando o alien morra se escoite: [[Media:LIBGDX_morte.mp3]]
* Cando o alien chegue á nave: [[Media:LIBGDX_transporter_sfx.mp3]]

O que temos que facer é:

* Crear unha clase de nome Audio, no paquete principal, onde se van cargar os arquivos multimedia anteriores.
* As variables a crear (que fagan referencia ós arquivos multimedia) serán public - static.
* Crea, na clase Audio, un método inicializarMusica de tipo public-static que cargue os arquivos multimedia. Chamao dende a clase MeuXogoGame, método create.
* Crea, na clase Audio, un método dispose que libere os recursos de audio. Chámao cando saiamos do xogo (método dispose da clase MeuXogoGame).
* Facer que na pantalla principal soe a música (deixade tocando para que continúe por todas as pantallas). Faino no constructor da clase PantallaPresentacion.
* Facer que cando esteamos na pantalla de pause a música pare e cando volvamos ó xogo a música continúe.
: Lembrade que podemos facer pausa cambiando de aplicación (Android) ou minimizando (Desktop). Nese intre imos ó método pause-resume da clase. Pero tamén podemos facer pausa premendo o botón de pausa.
* Facer que a música do mar (LIBGDX_ocean_sounds.mp3) soe cando esteamos no xogo e pare ó saír (métodos show / hide da clase PantallaXogo).
* Facer que cando o alien morra soe o efecto de son: LIBGDX_morte.mp3.
* Facer que cando o alien suba á nave soe o efecto de son: LIBGDX_transporter_sfx.mp3.

Subide tamén ó cartafol MUSICA estes tres efectos de son que son utilizados [http://manuais.iessanclemente.net/index.php?title=LIBGDX_Musica_son#Efectos_de_son_aleatorios neste punto].
* Claxon1: [[Media:LIBGDX_claxon.mp3]]
* Claxon2: [[Media:LIBGDX_claxon2.mp3]]
* Claxon3: [[Media:LIBGDX_claxon3.mp3]]

===Tarefa 2.13===

'''TAREFA OPTATIVA DE FACER'''

[http://manuais.iessanclemente.net/index.php?title=LIBGDX_A_c%C3%A1mara_2D#Proxectando_os_puntos ENLACE A MIRAR: Facer un unproyect].

[http://manuais.iessanclemente.net/index.php?title=LIBGDX_As_colisions ENLACE A MIRAR: As colisións].

[http://manuais.iessanclemente.net/index.php?title=LIBGDX_Gardando_datos.#Preferencias ENLACE A MIRAR: Preferencias].

Imos gardar en forma de preferencias a opción de escoitar música de fondo no noso xogo. A idea é ter un gráfico na pantalla de presentación que indique cando queremos que se escoite a música no xogo.

*Descargade estes dous arquivos e engadídeos ó cartafol assets/CONTROIS do proxecto Android.

<gallery caption="Imaxes a descargar para a tarefa 2.13" widths="100" heights="100px" perrow="3">
Image:LIBGDX_iconmusicaon.png| LIBGDX_iconmusicaon.png (textureMusicaOn).
Image:LIBGDX_iconmusicaoff.png| LIBGDX_iconmusicaoff.png (textureMusicaOff).
</gallery>

'''Pistas:'''

*Cargade ditos gráficos na clase AssetsXogo (e lembrade liberar a memoria).

*Debuxade os gráficos na clase PantallaPresentacion. Podedes definir o seu tamaño e posición con estes datos.
:: private Rectangle controlMusica = new Rectangle(10,10,50,50);

*Para controlar o estado (musica on /off) utilizade unha variable booleana que garde o valor da preferencia gardada. Podedes facelo no constructor.

*No método render da clase PantallaPresentacion debuxade a texture correspondente en función do valor da variable anterior.

*No método touchDown facer un unProyect e se se pulsa a icona de música cambiade o estado da variable booleana. Podedes gardar o valor da nova preferencia.

===Tarefa 2.14===

'''TAREFA OPTATIVA DE FACER'''

[http://manuais.iessanclemente.net/index.php?title=LIBGDX_Gardando_datos.#Datos ENLACE A MIRAR: Datos].

[http://manuais.iessanclemente.net/index.php?title=LIBGDX_Fontes ENLACE A MIRAR: Fontes.]

Implementando a pantalla de Marcadores utilizando arquivos.

Partindo do [http://manuais.iessanclemente.net/index.php/LIBGDX_Cambiando_de_pantalla código xa visto da pantalla Presentación] (código que aparece ó principio do punto sinalado) imos darlle unha funcionalidade á pantalla de Marcadores.

A diferenza con respecto á pantalla de presentación é que non imos ter una gráfico que ocupe toda a pantalla (como no caso da pantalla de presentación) se non que imos escribir un texto. Polo tanto, do código da pantalla de presentación teremos que quitar:

<syntaxhighlight lang="java" line enclose="div" highlight="" >
spritebatch.disableBlending();
</syntaxhighlight>
e
<syntaxhighlight lang="java" line enclose="div" highlight="" >
spritebatch.draw(fondo,0,0,Mundo.TAMANO_MUNDO_ANCHO,Mundo.TAMANO_MUNDO_ALTO);
</syntaxhighlight>

Esta tarefa vai consistir en gardar os tres mellores xogadores e visualizalos na pantalla de Marcadores.

O criterio vai ser aquel que salve a maior cantidade de alien´s.

Imos gardar as tres mellores puntuacións.

Isto o faremos no momento que se remate o xogo (acabe o tempo) e pasemos á pantalla PantallaMarcadores.

Aproveitaremos o código para que cando entremos en dita pantalla (tanto dende a PantallaPrincipal, como cando rematamos o xogo) para amosar as mellores puntuacións.

Unha posible forma de facelo (tedes liberdade para implementalo como queirades):

* Crear unha clase de nome HighScores. En dita clase definiremos:
:* O array de Strings (3 valores, por defecto a "0").
::public static String[] highscores = { "0", "0", "0" };
:* O nome do arquivo onde gardar os datos dos highscores.

:* Método public static void load(): carga as puntuacións no array anterior. Utilizado pola pantalla PantallaPuntuacion cando se amose.
:: Como no arquivo temos gardado o array de cadeas desta forma (un exemplo): "1","2","1" teremos que ler e converter os datos lidos a un array. Para facelo podemos usar o método split. Tedes un exemplo de uso [http://java-spain.com/manejo-cadenas-java-metodos-split-indexof-substring-y-trim neste enlace].

:* Método public static engadirPuntuacion(int puntuacion): pasamos a nova puntuación dende a pantalla PantallaXogo no momento que se acabe o xogo.
::Este método comproba que os datos gardados teñan un valor menor que o novo valor enviado. En caso contrario substitúe un polo novo valor e o garda a disco.

:* Método private static void save(): chamado dende o método engadirPuntuacion cando rematemos. Engade cada un dos datos do array '''separados por comas'''. Lembrar que para engadir temos que chamar ó método writeString co dato e o valor true como segundo parámetro.

===Tarefa 2.15===

[http://manuais.iessanclemente.net/index.php?title=LIBGDX_Empaquetado_distribuci%C3%B3n. ENLACE A MIRAR: Empaquetado e distribución].

Esta tarefa vai consistir en xerar o jar e o apk (non ten por que estar firmado) do voso xogo.

LIBGDX Tarefas entregar Unidade 2 - Historial de revisiones

Angelfg: /* Tarefa 2.14 */