Kitabı oku: «Unity 3D»

1. Importación de Assets

La presente obra viene acompañada de material adicional con todo lo necesario para que puedas seguir los proyectos y aprender sin que pierdas detalle. Una de las primeras cosas que vas a tener que aprender es la importación de assets, que es el material necesario para seguir los proyectos de este libro.

En todo proyecto de Unity encontrarás una carpeta llamada Assets. Esta carpeta contiene varias carpetas en su interior en donde se guardan los objetos del juego, scripts, materiales, texturas, etc.

En este capitulo he creado un paquete de assets para que puedas trabajar con las distintas ventanas que se explican.

Para importar el paquete de assets de este capítulo primero ten localizado el material adicional del libro y la ubicación de la carpeta de este capítulo. Luego crea un proyecto nuevo y dale el nombre que quieras. Todos los proyectos serán en 3D siempre que no se diga lo contrario.

Accedemos al menú principal y nos dirigimos a Assets > Import Package > Custom Package y buscamos dentro del material del libro en el proyecto 2 el archivo Capitulo_2.unitypackage.

Fig. 2.1

Si todo es correcto, verás que en la ventana Projects te aparecen una serie de carpetas que comentaremos a continuación.

2. Ventana Proyectos (Project)

Esta ventana es un reflejo de las carpetas que constituyen tu proyecto y que se encuentran organizadas en tu ordenador, es decir, cada vez que creemos un archivo o una carpeta, esta se creará automáticamente en la carpeta de Assets de tu disco y viceversa.

Fig. 2.2

1.Este menú nos permite crear una gran variedad de elementos para el proyecto. Una muy utilizada es la creación de carpetas.

2.Esta sección tiene dos elementos: la carpeta Assets en donde añadirás nuevas carpetas para ordenar los elementos de tu proyecto y una sección de favoritos que te permite buscar por temática dentro de la carpeta misma.

3.Esta sección te muestra el contenido de las carpetas e irás cambiando según qué carpeta tengas seleccionada.

4.Este tirador permite cambiar el tamaño de los elementos que se muestran en la sección 3.

5.Este menú contiene una caja de textos para poder introducir el nombre del elemento que estás buscando. También puedes hacer búsquedas según el tipo de elemento, el label que tengan asignado o si se han guardado como favoritos.

6.En esta sección tenemos dos símbolos: un candado que bloquea esta ventana para que no se pueda modificar. El otro símbolo es un menú que podemos utilizar si queremos añadir una pestaña nueva con otro tipo de ventana.

Si has importado los assets anteriores verás que disponemos de tres carpetas: Escenas que contiene una escena llamada mi primera escena: la carpeta materiales que contiene 5 materiales; y una última carpeta que contiene una textura.

Fig. 2.3

Ahora vamos a crear una carpeta nueva que la vamos a llamar Prefabs primero asegúrate de que tienes seleccionada la carpeta Assets y luego, accediendo al menú Create > Folder. Seguidamente aparecerá una carpeta nueva a la que debes ponerle un nombre. Para borrar la carpeta simplemente selecciona la carpeta, haz clic con el botón derecho del ratón y seleccionar la opción Delete.

Fig. 2.4

Ahora para hablar de la siguiente ventana primero vamos a acceder a la carpeta Escenas y hacemos doble clic con el botón izquierdo encima de la escena con nombre Primera escena. Se abrirá una escena con varios objetos en la ventana View.

3. Ventana Escena (Scene View)

La ventana escena, o también podemos llamarla vista escena, es la parte de la interfaz en la que interactuaremos con el mundo que estamos creando. Esta ventana la utilizaremos para crear nuestras escenas para seleccionar y posicionar personajes, cámaras, luces y todos los demás tipos de objetos de nuestro juego. Poder seleccionar, manipular y modificar objetos en la vista de escena son algunas de las habilidades básicas que vas a aprender para comenzar a trabajar en Unity.

Fig. 2.5

Voy a mostrarte una imagen con todos los objetos básicos que podemos encontrarnos en una escena para que puedas identificarlos cuando los nombre.

Fig. 2.6

Primero vamos a aprender como navegar por el espacio tridimensional. Si haces clic encima del botón de navegación que se encuentra representado por una mano y luego posicionas el cursor encima de la ventana pulsando con el botón izquierdo del ratón podrá desplazar la vista de derecha a izquierda. Esta herramienta tiene tres estados:

1. Mover: haciendo clic con el botón izquierdo y arrastrando encima del visor

2. Orbitar: pulsando Alt+ botón izquierdo del ratón podrá orbitar alrededor del espacio 3D.

3. Zoom: pulsando Alt + botón derecho del ratón podrá acercarse o alejarse de la escena. Si dispones de una rueda en el ratón también puede hacerla girar para hacer zoom. En el caso de Mac y Linux Comando (Control) + Shift y el botón derecho del ratón.

En la parte superior derecha de la ventana nos encontramos con un Gizmo. El gizmo nos muestra la dirección en que se encuentra nuestra cámara visor escena. También podemos interactuar con el gizmo. Este objeto te permite visualizar en todos los ejes de coordenadas y también permite ver en dos modos; perspectiva y ortográfica. Si pulsas en el cuadro interior del gizmo, representado en las siguientes imágenes con un color amarillo, podrá cambiar la vista de perspectiva a ortográfica.

Fig. 2.7

Si pulsas en los conos de colores la vista te mostrará en modo 2d la proyección del eje que haya seleccionado. Por ejemplo, si pulsad en el cono rojo este representa el eje X y te mostrará la vista desde este punto como se muestra en la siguiente imagen. El color verde representa el eje Y y el color azul representa el eje Z.

Fig. 2.8

Otro elemento que debes conocer es el menú de escena. El primer menú desplegable te muestra distintos modos de representar la escena dividida en sectores. Te recomiendo que hagas la siguiente prueba: accede al menú Shaded y escoge la opción Shaded Wireframe; la escena se representará mostrando una vista de alambre dibujada encima del material como se muestra en la siguiente imagen.

Fig. 2.9

Al lado del menú anterior dispones de una serie de botones que activan y desactivan opciones de la ventana escena. El 2D activa o desactiva esta vista, el botón con el símbolo del sol hace referencia a las luces de la escena, el símbolo del altavoz para el sonido y el botón con el símbolo de la foto alberga un submenú donde puedes marcar o desmarcar una serie de elementos que se desactivan o activan cuando pulsas este icono.

Fig. 2.10

Para finalizar este menú dispones de otra opción con el nombre gizmos que también te permite activar o desactivar elementos de la escena. Al lado de esta opción dispones de un buscador, que puede resultarte muy útil cuando trabajes con escenas muy grandes, con múltiples objetos.

Fig. 2.11

4. Ventana Juego (Game View)

Esta ventana es donde podemos ver el resultado de nuestra escena. Es donde se muestra la compilación de todos los objetos, comportamientos, iluminación y todo ello renderizado desde la cámara que tengas dentro de la escena.

Fig. 2.12

Barra de herramientas del Game View

Tenemos varias opciones para controlar cómo se muestra la imagen final de nuestra escena desde el visor Game. A continuación te detallo algunos aspectos que debes tener en cuenta.

Fig. 2.13

Display: contiene un menú desplegable para escoger la vista de la cámara que contiene la escena, por defecto está configurado para el Display 1.

Free Aspect: disponemos de una serie de valores predefinidos para probar cómo se vería nuestro juego en distintos formatos.

Scale: es un tirado que nos permite hacer zoom en la pantalla de juego para ver con más detalle nuestro juego o ver en modo global como se ve desde lejos.

Maximize on Play: al tener activada esta opción, cuando ejecutemos el juego en Modo Play la ventana Game se maximizara para que juegue en pantalla completa.

Mute audio: si activamos esta opción silenciaremos cualquier audio que haya dentro del juego cuando entremos en modo Play.

Stats: este botón activa o desactiva la ventana de estadísticas. Esta ventana nos ofrece información del renderizado gráfico y audio mientras esta en modo Play.

Gizmos: este botón activa o desactiva la visibilidad de cierto tipo de gizmos o iconos que veríamos en la ventana escena.

Play Mode

Estos botones de la barra de herramientas nos sirven para controlar el modo de reproducción del editor y ver cómo se reproduce el juego en la ventana Game. Un aspecto muy importante a tener en cuenta cuando trabajamos con este visor es que en modo de reproducción, los cambios que realicemos serán temporales es decir cuando paremos la reproducción de nuestro juego, todos los cambios que hayamos realizado se restablecerán a como estaban antes de entrar en modo de reproducción. La interfaz de usuario del editor se oscurece para advertirte de que estas en modo reproducción.

Fig. 2.14

5. Ventana Jerarquía (Hierarchy window)

La ventana Jerarquía contiene una lista de todos los GameObject (objetos,luces,cámaras) que encontramos en nuestra escena. Cuando agregamos un objeto a la escena este aparecerá en la lista y cuando eliminemos un objeto este también desaparecerá de esta lista. La lista se crea en el orden que vamos añadiendo o creando objetos. Puedes ver en la escena que tenemos en el proyecto como están organizados los objetos.

Fig. 2.15

En esta ventana también podemos efectuar varias acciones. Podemos cambiar el orden de nuestros objetos de la lista. Para cambiar el orden debemos seleccionar un objeto de la lista por ejemplo el ultimo elemento que es Cylinder y arrastrarlo hacia arriba hasta el tercer lugar que quede entre Directional Light y Plane.

Fig. 2.16

Otra acción que podemos hacer es emparentar objetos. Para que quede más claro vamos a coger dos objetos, la esfera y el cubo. En este ejemplo vamos a hacer que la esfera sea el hijo y el cubo el padre, esto quiere decir que cuando movamos el cubo la esfera también se moverá. Selecciona de la lista la esfera y arrastrarla encima de Cubo. Automáticamente se creará en cubo un subobjeto que es esfera.

Fig. 2.17

Un objeto padre puede tener varios hijos, y a su vez los hijos pueden ser padres y tener hijos como te muestro a continuación

Fig. 2.18

En la imagen anterior puedes ver cómo el objeto Cube tiene como hijos a Plane Cylinder y Sphere, y a su vez Sphere es padre de Capsule.

También podemos cambiar el nombre de los objetos primero un clic para seleccionar y luego otro clic encima del nombre del objeto, este se convertirá en una caja de textos donde puedes escribir el nombre.

6. Ventana Inspector y creación de un GameObject

En realidad todo lo que contiene una escena son GameObjects. Todos estos GameObjects disponen de características distintas, y por ese motivo voy a mostrarte cómo se crean, cómo se manipulan y cómo puedes ver sus características.

Para crear un GameObject puedes hacerlo de muchas formas distintas una de ellas es en el menú principal acceder a GameObject>3D Object> Cube, se creará un objeto llamado Cube que podrás ver en la ventana Hierarchy o Jerarquía.

Fig. 2.19

En las imágenes anteriores he decidido utilizar un cubo solo y no la escena completa que tenemos para que se entienda mejor, si lo deseas puedes seleccionar el cubo que tienes de la escena y seguir las explicaciones. Si seleccionas el GameObject Cube en la ventana Hierarchy, veras que en la ventana inspector aparecen las propiedades de este objeto. A continuación voy a explicarle las características de este GameObject.