Etiqueta: tile

Tutorial de Tiles 3ª parte: Cambiar de mapa, aparición de enemigos y scroll.

Escrito por el 31 Mayo, 2012 | 9 comentarios

En el anterior capítulo del tutorial de Tiles dejamos al protagonista dando vueltas a un diminuto y desértico mapa, donde no hay nada que hacer. Asi que probablemente nuestro juego no será lider de ventas este mes. Necesitamos mapas más grandes, laberínticos, donde nos suponga un reto buscar la salida. Y enemigos. Decenas de enemigos. Cientos de enemigos. Miles de enemigos. Enemigos que nos acosen el resto de nuestra vida virtual. Asi que ése va a ser el objetivo de esta nueva entrega de tutoriales de valor incalculable, como empiezan a darse cuenta alguno de los lectores que se atreven a mancillarme el blog dejando sus comentarios.

Como novedad para el tutorial, pondré aquí unos enlaces con los que poder probar la última versión del juego, además del ZIP para correrlo en local:

Aquí tienes en enlace para jugar, y aquí el ZIP (con el editor de mapas que veremos más adelante).

El objetivo del juego es llegar a la casilla verde sano y salvo, esquivando por el camino a las temibles arañas mecánicas asesinas del infierno laberíntico bicolor (estoy pensando un nombre mejor para la versión de pago). Las casillas rojas son puntos por los que cambiar de mapa.

Sin embargo, esta versión tiene metido el manejo del Scroll, asi que para hacer menos traumático el seguimiento del tutorial, antes de introducir el scroll, programaremos ésta versión previa donde se muestra el mapa entero: Versión previa sin scroll.

Si eres un pobre de esos que viven debajo de un puente y no tienes un monitor de 23 flamantes pulgadas como yo, el mapa no te cabrá entero y aparecerán las típicas barras de scroll a la derecha y en la parte inferior del navegador. He ahí la indispensable necesidad de implementar un sistema de scroll propio en juegos con mapas grandes. Si no sabes lo que es scroll, cuando habras las dos versiones del juego, lo entenderás enseguida.

Además, el movimiento del jugador está acelerado, para que sea más fácil esquivar a los enemigos y alcanzar la casilla de cambio de mapa.

» Leer la entrada entera

Etiquetas: , , , , ,

Tutorial de Tiles 1ª parte, el primer mapa

Escrito por el 1 Mayo, 2012 | 6 comentarios

Como lo prometido es deuda, aquí tenemos el primer capítulo de una nueva serie de tutoriales, ésta vez centrados en una de las técnicas más antiguas y que mejores resultados a conseguido en el mundo de la programación de videojuegos: Los juegos de mapas basados en tiles (cuadrículas). Un mapa basado en tiles no es más que una matriz de dos dimensiones, por ejemplo mapa[filas][columnas]. En cada casilla de la matriz, metemos un objeto (o número) que indica el tipo de casilla que ocupa ese lugar. Todas las casillas ocupan el mismo tamaño, asi que luego, para pintar el mapa, sólo tenemos que ir recorriendo esa matriz, y pintando cuadrados con los colores o imágenes acordes al dato almacenado para esa posición.

Incluso podemos usar esa matriz, para detectar las colisiones. Por ejemplo, el valor 1 quiere decir que la casilla está vacía. Un 2, que es una pared infranqueable. Cuando ordenamos al personaje que se mueva, simplemente miramos en la matriz la posición a dónde queremos movernos. Si es una pared, entonces le impedimos al personaje dicho movimiento. Si es la casilla vacía, entonces lo movemos sin problemas. En resumen, ésta es la idea básica que hay que tener en mente.
» Leer la entrada entera

Etiquetas: , , , , , ,

Gestionado con Wordpress y Stripes Theme Entradas (RSS) | Comentarios (RSS)