Videojuegos para Dispositivos Móviles

Creación de Videojuegos 2D
Ing. Víctor Viera Balanta
http://www.youtube.com/user/vieravictor01

Representación graficas primitivas
Coordenadas cartesianas
http://www.youtube.com/watch?v=FRD01LUaWZs

Muchos lenguaje de programación brinda la posibilidad de
visualizar gráficas
•Círculos
•Triángulos
•Cuadrados
•Líneas

Dibujar Dibujo Camacho

Incorporar imágenes
Muchos lenguaje de programación brinda la posibilidad de
visualizar gráficas
•Arboles
•autos
•casas
•Edificios
•otros

imagen1

Combinar imágenes y graficas

Trabajo con Sprites
Un Sprite es un elemento que esta compuesto de frames, cada frame
es una imagen, los sprites se pueden controlar por medio de código.
El código puede detectar colisiones, desplazar el Sprite, afectar su
velocidad

Trabajo con Sprites

• Para la representación en videojuegos se utiliza, la clase
SurfaceView.
Esta clase se Deriva de View, View es responsable la representación
gráfica y manejo de eventos.
• El acceso a al superficie subyacente es permitido por medio de la
interface SurfaceHolder, la cual puede ser llamada por medio de
getHolder
Representación

• La interface SurfaceHolder, permite controlar el tamaño, la forma
de la superficie, editar los pixeles y monitorear cambios en la
superficie. Está asociada a SurfaceView
• LockCanvas(), para empezar la edición de pixeles en la superficie
• unlockCanvasAndPost, finalización de la edición de los pixeles en la
superficie.
Representación

• La interface SurfaceHolder.Callback, se utiliza para recibir
información de los cambios producidos en la superficie.
• Cuando se utiliza con SurfaceView, esta clase se establece con el
método SurfaceHolder. AddCallback
Representación

Visualización Android

• Se pueden realizar animaciones sencillas con las gráficas
primitivas, desplazamientos, escala, rotaciones.
Animación
GameLoop
• Los juegos en 2D tienen denominada Game Loop, como dicen
algunos autores, “donde empieza a rodar la bola”
• El GameLoop consiste en un While(ciclo) que lo soporta Un Thread
(hilo)

Animación GameLoop Android

Animación Completo Android

Animación GameLoop

GameLoop

Eventos

Sprite

Ejemplo Práctico

Ejemplo Práctico Objetivo
Se tiene un
Personaje ubicado
en una Posición de la
ventana y un circulo
en una coordenada
distinta.
El objetivo del juego
consiste en que el
personaje debe
desplazarse hasta la
meta por medio de
técnicas de
búsqueda.
El Usuario puede
cambiar la Meta.

Ejemplo Práctico DIRECCIONES

Ejemplo Práctico
Procedimiento
Se consideran cuatro
posibilidades y la
más cercana a la
meta se selecciona

Ejemplo Práctico
Procedimiento
En el ejemplo la
“mejor” dirección es
hacia abajo.

Ejemplo Práctico
Procedimiento
En el ejemplo la
“mejor” dirección es
hacia Arriba.

Ejemplo Práctico
Inteligencia
Recibe la Ubicación
del personaje y la
ubicación Meta. (x,y)
Evalúa la mejor
dirección y la retorna
(x,y)

Inteligencia

Inteligencia buscarMeta

Mapeo de Imagen (Mapping)
El mapeo es una técnica que consiste
en la creación de una representación
de la imagen por medio de una
estructura de datos

Mapeo de Imagen (Mapping)

Mapeo de Imagen
El mapeo es una técnica que consiste en la creación
de una representación de la imagen por medio de
una estructura de datos

Mapeo de Imagen
http://www.juegos-mario-bros.com/juego-new-super-mario-bros.html

Es utilizado para indicar cuando la superficie de un objeto se
encuentra con la de otro
Los Sprites en JME tienen la Función en Android la Podemos crear

Es necesario considerar el sentido de las rotaciones. El punto de referencia es la
Rotación de las manecillas del reloj.
Dirección Contraria a las
Manecillas del Reloj
Dirección igual a las
Manecillas del Reloj Giro Positivo

Ecuación (giro positivo ángulo, centro de giro el origen
X’ = coseno(α) * X - seno(α)*Y + 0
Y’ = seno(α) * X - coseno(α)*Y + 0
Matriz de Rotación

Un punto (x,y) se desplaza por medio de un Vector (TX,TY) a (x’,y’)
Matriz de Traslación
X’= 1*X + 0*Y + TX
y`’= 0*X + 1*Y + TY

La coordenada X de un punto se multiplica por un factor de escala SX y Y por SY
Matriz de Traslación
X’= SX*X + 0*Y + 0
y’= 0*X + SY*Y + 0

Devuelve los puntos transformados a su posición Original
Matriz A su Inversa será A
-1
Traslación (TX,TY) (-TX,-TY)
Escala (SX,SY) (1/SX,1/SY)
Rotación ángulo

http://www.100pies.net/
Imágenes
Diapositivas
fppt.com

Videojuegos para Dispositivos Móviles

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Similar a Videojuegos para Dispositivos Móviles

Similar a Videojuegos para Dispositivos Móviles (20)

Más de VICTOR VIERA BALANTA

Más de VICTOR VIERA BALANTA (20)

Último

Último (20)

Videojuegos para Dispositivos Móviles