Sprites para la animación del personaje principal

 Animación de nuestro personaje principal

El proyecto de este tercer parcial, es el de realizar un videojuego 2D interactivo, para esto le crearemos una historia al personaje, un escenario y diferentes posiciones. Estas posiciones llamadas "Sprites" deberán verse fluidas, por lo que haremos cuatro fotogramas mínimo para cada posición del personaje, pero entre más fotogramas más fluida se verá la animación. Tomé de referencia Sprites que encontré en internet, pero también realicé mis movimientos frente a un espejo para entender mejor el movimiento de cada parte del cuerpo.

Los sprites se dividieron en tres posiciones: reposo, corriendo y saltando.

Reposo:

Corriendo:

Saltando:

Una vez teniendo estos sprites, iremos colocando todo lo necesario en Animate, comenzando por el escenario. Es muy importante tener cada elemento en su capa correspondiente, esto para que a la hora de realizar la programación, no haya errores.

En la primera capa colocaremos el escenario:

En la segunda capa colocaremos al personaje en un clip de película, este clip de película tendrá las tres posiciones, le asignaremos holds para que se ve una animación mucho más fluida. A estas posiciones les asignaremos nombres de etiqueta a cada primer fotograma de cada acción, esto nos servirá en el código para que al momento de encontrarlo, encuentre las posiciones por sus nombres de etiqueta.

Una vez teniendo la animación lista, colocaremos el clip de película del personaje dentro de la capa. Es muy importante colocar el personaje dentro de la escena con su escala final, ya que una vez que iniciemos con la programación no podremos cambiarlo de lugar ni de tamaño o tendremos varios errores.

Al probar esta primera etapa del videojuego, las tres poses de nuestro personaje se reproducirán en loop, para este punto comenzaremos añadiendo los primeros códigos para que nuestro personaje funcione correctamente. Primero colocaremos una capa de código dentro del clip de película de nuestro personaje.

Dentro de esta capa del código, colocaremos las instrucciones para cuando presionemos las teclas correspondientes, se pueda reproducir la animación de cada pose. Estas acciones las colocaremos al final y al principio de cada posición que haga el personaje.

A la últime pose del personaje le colocaremos un stop, esto para definir cuál será la última acción del personaje.