|
Crear un juego flash de tipo arcade.
por Julio Laguna - redribera
2 La escena en movimiento.
2.1 El uso de sprites.
Lo que se conoce como Sprite, normalmente suele tener varias definiciones. En la wikipedia podeís encontrar
varias de las definiciones que se realizan sobre sprites, podeís verlo en este enlace.
Tradicionalmente un sprite, es una imagen, que contiene varias posiciones para un objeto o personaje. Con la aparición de los juegos
3D, el uso de sprites está decayendo en muchas plataformas, pero aun sigue vigente, y de hecho para la generación de juegos Flash es una poderosa
técnica.
Aquí teneís una muestra de un Sprite para nuestro presonaje principal.
 | | Sprites para nuestro protagonista. |
Existen multitud de sitios web donde obtener sprites de forma gratuita, e incluso numerosos programas para proceder al ripeo de sprites
desde juegos en diferentes plataformas: Neo-Geo, PC, GameBoy, PlayStation,etc....
En concreto, la mayoría de los sprites y gráficos que nosotros utilizaremos en este juego, los hemos obtenido del sitio Sprite Database.. Podeís
echar un vistazo a esta página donde existen multitud de sprites listos para utilizar en nuestros juegos, cortesía de usuarios altruistas como nosotros.
El uso de sprites para animar nuestros personajes es una excelente técnica para utilizar en Flash, ya que es un entorno basado en la animación por fotogramas, así es que
podemo usar estos archivos, para generar los fotogramas de movimientos de nuestros personajes u objetos. También por supuesto, podemos generar los sprites nosotros mismos con
nuestros propios dibujos para dar un toque de originalidad en nuestros juegos.
Pdemos utilizar varias técnicas para el uso de sprites en nuestras animaciones con Flash. Por ejemplo con una única imagen como la mostrada arriba, podemos dibujar diferentes áreas en
función de la animación. No obstante la técnica que nosotros utilizaremos, es la de mediante un editor gráfico del tipo FireWorks o Photoshop, utilizar la varita mágica para seleccionar
cada personaje. Puesto que el fondo en el sprite es de color uniforme, lo seleccionaremos sin ningún problema. Finalmente debemos generar tantas imagenes como frames diferentes queramos utilizar
para un personaje en el desarrollo de nuestro juego Flash.
Por ejemplo, nosotros para nuestro juego, no utilizaremos todos los movimientos del personaje, sino unos cuantos de ellos. En concreto los relativos a giro del personaje,
andar hacia la izquierda, andar hacia la derecha, y estos en los que se ve a nuestro personaje como le han pegado un tiro y poco a poco va muriendo.
Aquí dejo una lista completa de las imagenes que hemos generado a partir de este sprite, y que ya están exportadas como formato gif y con transparencia.
Imagenes para el movimiento de andar hacia la derecha:
Imagenes para el movimiento de andar hacia la izquierda:
Imagenes para realizar giros del personaje:
Imagenes para simular la muerte del personaje:
 | |
 | |
 | |
 | |
 | |
Como podreís observar, tan solo hemos escogido un subconjunto de las imagenes del sprite, para utilizar y que van a ser
suficientes para utilizar en nuestro juego, ya que si recordaís del capítulo anterior, solo nos planteamos que nuestro personaje
tuviera los movimientos de andar izquierda, derecha, saltar, parar y morir. Como estos movimientos los realizaremos en un escenario de
dos dimensiones, las imagenes que hemos recortado del sprite, serán suficientes.
Es muy importante, que las imagenes estén sobre fondo transparente (formatos gif), ya que las vamos a desplazar sobre un fondo
dibujado, y no quedaría bonito ver moverse un rectangulo en blanco sobre el fondo.
Estas imagenes, que hemos generado (y que podeís almacenar en vuestro disco pinchando sobre ellas con el botón derecho del ratón y seleccionando
guardar como...), nos servirán para importarlas a la biblioteca de nuestro fichero Flash y componer un clip de película con todos los posibles movimientos
de nuestro personaje.
En el siguiente apartado, veremos como componer todos estos movimientos para nuestro personaje.
Para las animaciones de nuestro enemigo y el camión también utilizaremos sprites que mostraremos en su momento.
|
