En el anterior capítulo vimos cómo crear un nuevo proyecto, el cual automáticamente nos crea una escena completamente vacía donde añadiremos los primeros objetos e introduciremos la herramienta Animation.
En la figura 2.1 se muestra la primera pantalla de presentación de nuestro juego. La pantalla está compuesta por el logo del juego que presentará una animación creada con la herramienta Animation, un botón para pasar a la siguiente pantalla.
Figura 2.1. Primera pantalla de presentación.
Los juegos de las primeras videoconsolas u ordenadores tenían menús estáticos dado la limitación de hardware de la época pero con el tiempo fue aumentando la potencia de estas máquinas y con ellas aparecieron animaciones en los menús que transmitían una mayor calidad en el videojuego. Es posible realizar estas animaciones a nivel de código pero resulta costoso a nivel de programación ya que dependiendo de la animación, puede incluir complejas fórmulas matemáticas. Con la herramienta Animation se simplifica esta tarea.
Figura 2.2. Pestaña «Proyect» y pestaña «Inspector» de un recurso en concreto.
Antes de añadir las imágenes del logo que animaremos, crearemos subcarpetas en el proyecto para que sea más fácil identificar cada recurso. Como se puede ver en la figura 2.2, tendremos los siguientes directorios:
■ Animations: donde se guardarán las animaciones creadas con la herramienta Animation y con la herramienta Animator que en próximos capítulos veremos.
■ Imágenes: donde se guardarán todas las imágenes que se utilizarán en el juego.
■ Resources: donde se guardarán recursos que se acceden desde distintos scripts, como por ejemplo ficheros de lectura.
■ Scripts: donde se guardarán los scripts que se utilizarán en el proyecto.
Además de estas carpetas, se crearán otras cuando importemos paquetes.
En la pestaña Inspector de la figura 2.2 aparece los ajustes de la imagen seleccionada. Con Unity3d 4.3 aparece el tipo de textura “sprite” que es un mapa de bits en 2D que se dibuja directamente en mediante coordenadas. En “Single Mode” seleccionamos “Single” puesto que es una imagen simple y el Pivot lo ponemos centrado para que esté centrado el punto donde se origina las coordenadas locales de la imagen. El “Filter Mode” añade un suavizado a la imagen. Pese a que un filtro trilineal aporta un mayor suavizado, también requiere de la memoria de vídeo del ordenador por lo que para este proyecto lo dejamos por defecto en bilineal. Por último el tamaño máximo y el formato determinan el tamaño máximo de la imagen que Unity3d reconoce y el tipo de compresión. La máxima compresión que permite Unity3d es 16 bits por lo que si queremos darle a nuestro juego una estética de 8 bits, en el modo de filtro seleccionamos “Point” que pixela la imagen. Dejamos el tamaño máximo por defecto y la compresión en “true color” para mostrar la calidad completa de la imagen.
Figura 2.3. Sprite izquierdo con filtro «Point» e izquierdo con filtro «Bilinear».
Una vez configurada la imagen como “sprite”, la arrastramos a la ventana de la escena y abrimos la herramienta Animation desde el menú “Windows” y nos aparecerá una ventana como se muestra en la Figura 2.4.
Figura 2.4. Ventana de la herramienta Animation.
La ventana de Animation está compuesta por una franja temporal donde se modifica las propiedades de los objetos a lo largo del tiempo. Le damos a “Add Property” para guardar la animación y añadir los objetos. Otra forma de añadir los objetos es modificándolos desde la propia escena mientras tenemos abierta la herramienta Animation.
Figura 2.5. Ventana de la herramienta «Animation » con objetos añadidos.
Los rombos en la línea temporal indican los cambios en las propiedades en ese momento. Los cambios no tienen por qué ser solo de posición: también es posible cambiar el color, la opacidad, activarlo o desactivarlo, etc. Pulsando el botón “play” podremos ver la animación en tiempo real. En la figura 2.5 se muestra la animación completa de la primera pantalla de presentación.
Figura 2.6. Ventana «Inspector» de un objeto con animación.
Una vez que hemos terminado, la animación se añadirá automáticamente al objeto y será visible en la ventana “Inspector” de la Figura 2.6, donde tenemos las opciones de “Apply Root Motion” para activar la animación como “loop”, la opción “Update Mode” para la animación se sincronice con el engine de físicas del juego o sea independiente, y la opción “Culling Mode” para desactivar la animación cuando el objeto no esté visible.