Editando los sprites

Hasta ahora, cargábamos nuestros sprites desde archivos. Sin embargo, también es posible crearlos o editarlos con Game Maker. Para hacer esto, abre la ventana de propiedades de sprite, pulsando sobre uno de tus sprites. (O creando uno nuevo). Ahora presiona el botón etiquetado como Edit Sprite. Un Nuevo formulario aparecerá mostrando todas las subimágenes que forman el sprite.

El formulario de edición del sprite tiene el siguiente aspecto:

A la derecha veras las diferentes imágenes que forman el sprite. Observa que en Game Maker todas las subimágenes de un sprite, deben tener el mismo tamaño. A la izquierda, se reproduce una animación del sprite. (Si no ves la animación, active la opción Show Preview.) Bajo la previsualización, puedes cambiar la velocidad de animación y el color de fondo. De esta manera, puedes hacerte una idea de como se vera la animación en el juego. (Observa que esta velocidad es solo para la previsualización. La velocidad de la animación durante el juego, depende de la velocidad del nivel (“room”).

El editor de sprites contiene una gran variedad de funciones para crear o modificar el sprite. Puedes acceder a todas a través de los menús. (Para algunas, hay botones directamente en la barra de herramientas.) Algunos comandos trabajan sobre imagines individuales. Requieren que primero selecciones una sub-imagen con el ratón.

Menú File

El menú File contiene un cierto numero de funciones para cargar y grabar sprites.

• New. Crea un Nuevo sprite vacío. Debes indicar el tamaño del sprite. (Recuerda que todas las imagines deben tener el mismo tamaño.)
• Create from file. Crea el sprite desde un archivo. Pueden usarse gran variedad de tipos de archivo. Todos crean un sprite consistente en una imagen simple, a excepción de los GIFs animados, que son divididos en sus sub-imágenes. Por favor date cuenta de que el color transparente es el que tiene el píxel situado en la esquina inferior izquierda del sprite, no el color transparente del archivo GIF. Puedes elegir múltiples imagines para que se carguen todas. Deben tener el mismo tamaño.
•  Add from file. Añade una imagen (o imágenes) de un archivo al sprite con el que estemos trabajando. Si las imagines no tienen el mismo tamaño, puedes elegir donde ponerlas o estirarlas/encogerlas. Puedes elegir varias imagines para que se carguen todas. Deben tener el mismo tamaño.
•  Save as GIF. Guarda la imagen como un gif animado.
• Save as strip. Guarda todas las imagines en formato bmp (mapa de bits), con todas las subimágenes colocadas una junto a otra.
• Create from strip. Te permite crear un sprite desde un strip (tira de imágenes). Mira debajo para más información.
• Add from strip. Utiliza esta opción para añadir imágenes de una tira (strip). Más info debajo.
• Close saving changes. Cierra el formulario, guardando los cambios realizados en el sprite. Si no quieres guardar los cambios, pulsa sobre el botón de cierre de la ventana.

Menú Edit

El menú edición contiene varios comandos para trabajar con el sprite seleccionado. Puedes cortarlos al portapapeles (clipboard), pegar una imagen desde el portapapeles, borrar el sprite y cambiar el orden de las subimágenes dentro de la secuencia de la animación. Por último, existe un comando para editar una subimagen de forma individual, utilizando el programa de dibujo incorporado de GM (ver debajo).

Menú Transform

En el menú “transform” puedes realizar algunas transformaciones sobre las imágenes.

• Mirror horizontal. Invierte horizontalmente la imagen.
• Flip vertical. Invierte verticalmente la imagen.
• Shift. Con esta opción puedes deslizar las imágenes a derecha o izquierda según especifiques
• Rotate. Puedes rotar las imágenes 90 grados, 180, o cualquier otra cantidad de grados arbitrariamente. En el último caso, debes especificar la calidad. Experimenta para conseguir mejores resultados.
• Resize Canvas. Aquí puedes cambiar el tamaño del lienzo. También puedes indicar donde se sitúan las imágenes antiguas dentro del nuevo lienzo.
•  Stretch. Te permite estirar o contraer las imágenes a un Nuevo tamaño. Puedes indicar la escala y la calidad.
• Scale. Este comando cambia de tamaño las imágenes (pero no el tamaño del sprite que hay en su interior!). Puedes indicar la escala, la calidad y la posición de las imágenes actuales dentro de las escaladas.

Menú Images

En el menú “images” puedes realizar varias operaciones sobre las imágenes.

• Cycle left. Mueve todo el ciclo una posición a la izquierda. Esto hace que la animación comience en un punto diferente.
• Cycle right. Mueve todo el ciclo de la animación una posición hacia la derecha.
• Black and white. Transforma el sprite en  uno en blanco y negro (no afecta al color transparente!).
• Colorize. Te permite cambiar el color (matiz) de las imágenes. Utiliza el deslizador para conseguir diferentes colores.
• Colorize Partial. Te permite cambiar el  color de parte de las imágenes. Puedes seleccionar el color antiguo y un rango (espectro) de colores similares, para después indicar en Nuevo color en que se convertirán los colores de este espectro. Esto puede utilizarse par alas instancias para cambiar solo el color de las camisetas de los jugadores, por ejemplo.
• Shift Hue. Otra forma de cambiar el color de las imágenes. Pero en esta ocasión, los colores varían sobre la cantidad indicada, consiguiendo efectos más interesantes.
• Intensity. Te permite cambiar la intensidad, introduciendo valores para la saturación y la luminosidad de las imágenes.
• Invert. Invierte el color de las imágenes.
• Fade. Aquí especificas un color una cantidad. Los colores en las imágenes realizaran un degradado hacia ese color.
• Transparency. Te permite indicar un nivel de transparencia. Se consigue transformando un determinado número de sprites en píxeles transparentes.
• Blur. Desenfocando las imágenes, los colores se mezclan un poco,   mas difusos. Cuanto mayor sea el valor, mas difusa se vera la imagen.
• Outline. Crea un contorno alrededor de la imagen. Se te pregunta el color y si las imágenes actuales deben ser borradas o no (dejando solo el contorno).
• Boundary. Similar al contorno, pero no se dibuja fuera, sino sobre los píxeles de los márgenes.
• Crop. Esto hace que las imágenes sean lo mas pequeñas posible. Esto es muy útil, porque, a mayores imágenes, más memoria de video se necesita. Deberías dejar solo un pequeño borde alrededor de los sprites para evitar problemas con las transparencias.

Experimenta con estos comandos para conseguir los sprites que pretendes.

Menú Animation  

Bajo el menú de animación puedes crear nuevas animaciones fuera de la animación actual. Hay muchas opciones, deberías experimentar un poco para crear los efectos que quieres. Tampoco olvides que puedes guardar una animación y añadirla después a la actual. También puedes añadir algunas imágenes vacías y borrar las que no necesites. Explicaremos brevemente las diferentes posibilidades.

• Set Length. Te permite cambiar la longitud de la animación. La animación se repite las veces necesarias para conseguir el número de frames que indiques. (Normalmente deseas que sea un múltiplo del número actual de frames.)
• Stretch. Este comando también cambia la longitud de la animación. Pero en esta ocasión, los frames se duplican o se borran para conseguir el número adecuado. Así que si incrementas el numero de frames, la animación ira mas despacio, y viceversa.
•  Reverse. Bien, como puedes suponer, invierte la animación. Se reproduce hacia atrás.
• Add Reverse. En esta ocasión la secuencia invertida es añadida, doblando el número de frames. Esto es muy útil cuando quieres que un objeto vaya de izquierda a derecha, cambie de color y vuelva, etc.
•  Translation sequence. Podrás crear una animación en la que la imagen se trasponga en cada paso. Debes indicar el número de pasos y la cantidad total de movimiento vertical u horizontal.
•  Rotation sequence. Crea una animación en la que la imagen rota. Puedes elegir si lo hará hacia la derecha o hacia la izquierda. Especifica el numero de frames y el ángulo total en grados (360 son un giro completo). Es posible que tengas que aumentar antes el tamaño del lienzo para estar seguro de que se ven todas las imágenes al completo.
• Colorize. Crea una animación que convierte el color de la imagen en otro.
• Fade to color. Crea una animación que efectúa un degradado de la imagen hacia un color determinado.
• Disappear. Hace que la imagen vaya desapareciendo aumentando su transparencia.
• Shrink. Encoge la imagen hasta hacerla desaparecer. Puedes indicar la direccion.
• Grow. Hace crecer la imagen desde la nada.
• Flatten. Aplana la imagen hasta que desaparece.
• Raise. Hace levantarse la imagen desde la nada. Debes indicar la direccion
• Overlay. Solapa la animación con otra animación o imagen de un archivo.
• Morph. Transforma la animación en otra animación o imagen de un archive. Funciona major si ambas animaciones tienen el mismo tamaño.

Los dos últimos comandos en particular son muy potentes. Por ejemplo, para, hacer explotar un objeto, añade un numero de copias y después un numero de frames vacíos. Después solápalo con una animación de explosión. (Augúrate de que encaje el número de imágenes.) O haz un “morph” con la explosión. Puedes conseguir sprites estupendos.