Añadiendo el Sprite del jugador
Vamos a añadir el sprite para el jugador. Como antes, doble-click en el espacio en el layout para insertar un nuevo objeto, y seleccionamos Sprite. Cuando la cruz aparezca, dar clic en algún lado sobre las "tiles". El Image Editor aparecerá.
Vamos a importar el sprite strip para el idle (parado) de la animación del jugador. Como antes, clic derecho en la ventada de Animation Frames y seleccionar Import sprite strip....
Seleccionamos el archivo Player\Idle\Idle.png. Nota este es el sprite strip completo, no uno de los frames de animación. También puedes importar la secuencia de los archivos con la opción Import frames... , pero sigamos de esta manera por ahora.
Debido a que el strip no es un cuadro, Construct 2 adivina el numero de frames. Debería estar correctamente identificado que hay 11 frames. Clic OK y los frames están importados.
Nota todavía tenemos el frame en blanco por defecto al inicio. Clic derecho y lo eliminamos. Ahora deberías tener ya una secuencia de 11 frames de animación para el Idle de animación del jugador.
Recortando*
Notaras que el jugador tiene algún espacio transparente alrededor de este. Esto es común después de importar imágenes. Sin embargo, es una mala práctica dejarlo ahí, gasta memoria y puede hacer las colisiones menos fiables.
Hay una manera rápida para deshacerse de esto. Mantén shift y presiona el botón Crop en la barra de herramientas del editor de imagen.
Si tu no mantuviste la tecla shift, sólo ese frame es cortado, así que asegúrate de tener presionado shift cuando le des clic para cortar toda la animación. La imagen del jugador ahora debería estar bien cortada, sin ningún espacio innecesario.
Ajustando el origen
El origen es el centro, o el "hot spot", del objeto. En juegos de plataforma, lo mejor es tener el origen por los pies del jugador. Esto significa que si la animación cambia de altura mientras se juega, crecerá hacia arriba, en vez de hacia el suelo.
Para establecer el origen, clic en la herramienta Set origin and image points en el editor de imagen.
Notaras que un punto rojo apareció en el jugador. Ese es el origen. Puedes darle clic para cambiarlo. Sin embargo, queremos que este alineado en medio del fondo. Podemos rápidamente asignar esto oprimiendo 2 en el pad numérico (si esta activo). Si no tienes un pad numérico (ejemplo en algunas laptops), puedes darle clic derecho a Origin en la ventana Image points que apareció y seleccionar Quick assign - Bottom.
Es una molestia hacer esto para cada uno de los frames, pero afortunadamente hay otro atajo: en la ventada de Image points que apareció, clic derecho Origin y clic en Apply to whole animation.
Bingo! El origen debería estar establecido en cada uno de los frames de animación.
Lazo de animación
Clic en la animación de Default en la ventada de Animations . Cámbiale el nombre a Idle.
En la Barra de propiedades, cambia la velocidad Speed de la animación a 9 y establece Loop (vuelta) a Yes.
Clic derecho en la animación Idle en la ventana de Animations y selecciona Preview. Deberías de ver el jugador moviéndose de arriba a abajo suavemente. Todo echo! Cierra la vista previa y el editor de imagen. Deberías ver a tu jugador en el layout.
Cambia el nombre del objeto a Player en la barra de propiedades, ya que queremos ser organizados.