Advertisement
  1. Game Development
  2. Unity 3D

Creando una ciudad 3d en Unity 5

Scroll to top
Read Time: 15 min

() translation by (you can also view the original English article)

What You'll Be Creating

Unity 3D es un motor de juegos de código abierto usado por desarrolladores independientes y estudios de juegos. Es conocido por ser una plataforma amigable para el usuario, con gráficos realistas,  y multi-plataforma. Este tutorial es ideal para principiantes o cualquiera buscando una manera sencilla de crear una ciudad en Unity.

Descargando Unity

Iniciemos abriendo el sitio de Unity. Unity 3D ofrece diferentes paquetes. Como un desarrollador indie, su paquete libre es exactamente lo que necesitas para empezar. Haga clic en Get Unity y descarga el paquete que sea compatible con tu sistema. Unity es compatible con Mac y PC, que lo hace muy popular. Es muy importante comprobar los requisitos del sistema. A partir de marzo de 2016, que requieren un mínimo de Windows 7 y Mac OS X 10.8 o superior.

Download UnityDownload UnityDownload Unity

Luego, querrás registrarte. Al registrarte, puedes realizar un seguimiento de tus descargas y compras de recursos en la tienda de Unity. Una vez descargado, se iniciará Unity. Dependiendo de tu sistema, puede tomar de dos a ocho minutos. Se abrirá un cuadro de diálogo en el que se le solicitarán tus credenciales. Después de iniciar sesión, es hora de comenzar un nuevo proyecto.

Comienza un nuevo proyecto y llámalo "Mi ciudad". Por el momento, no elijas ningún paquete.

Presta mucha atención a la carpeta donde agregas tus proyectos, ya que todos los archivos deben permanecer en la misma ubicación. Mantén la ubicación predeterminada para este proyecto. Una vez que tu proyecto esté abierto, ve a Archivo > Nueva escena y nombra tu escena como "MiPrimerCiudad".

Interfaz de Unity

Al principio, será un poco abrumador, pero no te preocupes, lo haremos paso a paso para que entiendas qué hace qué. En este punto, tu ventana debe verse como la imagen a continuación:

Learning Unity InterfaceLearning Unity InterfaceLearning Unity Interface

Comencemos en la parte inferior.

  • La pestaña Proyecto es donde irán tus archivos del proyecto, imágenes, texturas y prefabricados. Es una buena práctica mantener tus archivos organizados desde el principio. Los juegos requieren toneladas de archivos de proyecto, por lo que es mejor comenzar con el pie derecho.
  • La pestaña Consola es donde verás cualquier error de código o archivo.
  • La pestaña Jerarquía será donde estarán tus objetos actuales en pantalla. Cada proyecto comienza con una luz y una cámara principal.
  • La pestaña Escena muestra tu escena actual a través del enfoque de tu cámara principal.
  • La pestaña Juego te muestra cómo se ve tu juego cuando se juega.
  • La pestaña Animador es donde agregarás los comandos de tu controlador animador para tu personaje.
  • La pestaña Inspector es donde verás los detalles de tu objeto actual, por ejemplo, color, textura, secuencias de comandos, etc.
The toggle barThe toggle barThe toggle bar

La barra de alternar contiene los controles para moverte en tu mundo. Mover un objeto en la escena también lo moverá en tiempo real en el menú del juego. Asegúrate de guardar siempre tu escena para asegurarte de que tu objeto se mantenga en la posición que deseas. Vamos en orden.

  • El ícono de la Mano te permite tomar la pantalla y moverte en el mundo libremente.
  • El símbolo de flecha cruzada se usa para mover objetos. En un mundo tridimensional, puedes moverte hacia arriba, abajo, izquierda y derecha.
  • Las flechas redondeadas se usan para rotar tus objetos.
  • Las flechas hacia afuera se utilizan para cambiar el tamaño de tu objeto.
  • La caja te da una vista. Cuando haces clic con el botón derecho del mouse, te permite ver en primera persona.

En la barra superior, tenemos Archivo, Editar, Recursos, Objetos del juego, Componente, Entrada móvil, Ventana y Ayuda. La mejor manera de aprender sobre el menú es a prueba y error. Pasaremos por el menú paso a paso más adelante en este tutorial.

Diseño

Setting Up Your Unity LayoutSetting Up Your Unity LayoutSetting Up Your Unity Layout

Cuando abras por primera vez Unity, verás el diseño anterior. Ve a Ventana luego Diseños, (Window / Layouts - en caso de tenerlo en inglés) y podrás ver los diferentes diseños disponibles en el editor de Unity. Haz clic en cada uno hasta que te sientas cómodo con ellos.

También puedes crear tu propio diseño haciendo clic con el botón izquierdo en la pestaña y moviéndola a cualquier lugar que desees. En mi caso, uso dos monitores, así que tengo mi Game Scene en un monitor y mi Edit Scene en otro. ¡Juega con él hasta que estés feliz!

Descargando los recursos

Ahora que hemos creado nuestra escena y estamos contentos con nuestro diseño, es hora de descargar los recursos que necesitamos para nuestro proyecto. Ten en cuenta que cualquier recurso que traigas a tu escena puede usarse para múltiples proyectos.

Ve a Ventana y haz clic en la Tienda de Recursos (Asset Store). La tienda de recursos se abrirá; aquí verás cientos de objetos, texturas, caracteres y herramientas de unidad. Puedes comprar cualquier artículo que desees. Aunque para este tutorial te mostraré cómo crear tus propias texturas, también descargaremos recursos gratuitos. Cuando abres la tienda de recursos por primera vez, puede solicitarte que inicies sesión.

Comencemos escribiendo Yughues Free Concrete Materials en el cuadro de búsqueda. Tu ventana se verá como la siguiente imagen.

Downloading AssetsDownloading AssetsDownloading Assets

Ahora haz clic en Descargar. Después de unos momentos, se abrirá una caja. Haz clic en importar. Dependiendo de tu sistema, puede tomar de dos a diez minutos. Una vez importado, verás tu nuevo recurso en la pestaña Proyecto.

Ahora volvamos a la tienda de recursos e importamos el City Props Pack. Repite las instrucciones anteriores.

También estaremos descargando un palco. Regresa a la tienda de recursos e importa Wispy Skybox.

Ahora es el momento de nuestros paquetes de Unity. Ve a Recursos > Importar Paquete. Necesitaremos los paquetes Characters, Cameras y Environment.

Encontrar recursos gratuitos

Necesitamos un camino y construir texturas, por lo que al mantener mi promesa de recursos gratuitos vamos a la web. Ve a Bing y escribe "carretera", y una vez que aparezcan algunas imágenes, asegúrate de que en la sección Licencia, se elija Dominio Gratuito.

Sé libre de elegir cualquier camino que desees, pero una carretera sin fondo o lados sería la mejor. También puedes abrir la imagen en tu editor y eliminar lo que no necesites. He adjuntado el camino que utilicé para este tutorial.

Para mantener las cosas organizadas, guarda tus imágenes en tu carpeta de Unity. Es posible que necesites encontrar dónde se almacenan tus archivos; por lo general, la ubicación predeterminada es Documentos Públicos en Mi PC. Ahora necesitamos aproximadamente cinco texturas de construcción. Haz clic en este atajo de Bing para dirigirte a las texturas que utilicé para este proyecto. Haz clic con el botón derecho y guárdalo en la misma carpeta de Unity.

Consejo: Recuerda siempre que al usar tus proyectos comercialmente, es mejor estar seguro que lamentar. Puedes visitar sitios web como Envato Market para comprar imágenes libres de regalías.

Ahora, crea una carpeta en la pestaña Proyecto y asígnale el nombre "Obra de arte". Ve a Recursos > Importar recursos y selecciona tu imagen. Mueve tu imagen dentro de tu carpeta Obra de Arte.

Cuidado: Si mueves tu imagen una vez que haz guardado tu proyecto, existe la posibilidad de que tu imagen no aparezca o se vea rosada (sin una textura). Una vez que se hayan descargado todos tus recursos, estamos listos para comenzar a configurar nuestro mundo. Hagamos clic en Archivo > Guardar escena.

Vamos a poner a tierra

Vamos a añadir nuestro terreno. Ve a Objeto del Juego > Objeto 3D > Terreno. Esto agregará un Terreno 3D a la escena. Ahora es un buen momento para jugar con el menú de alternar y acostumbrarte a moverte por el mundo.

Consejo: Si tu mouse tiene una rueda, puedes usarlo para acercarte o alejarte de un objeto haciendo clic en el ícono de la Mano.

Adding A Ground TextureAdding A Ground TextureAdding A Ground Texture

Una vez que agregues un terreno, tu escena debería verse como la imagen de arriba. Hay un par de informes de problemas técnicos de sombreado al abrir por primera vez Unity 5. Si tu proyecto se parece a la imagen a continuación, no te preocupes: ¡lo arreglaremos! Hablaremos sobre la iluminación en otro tutorial, pero por ahora, haz clic en Terreno y, a continuación, en la pestaña Inspector, selecciona la rueda dentada, ve hasta Material y elige Difusión heredada incorporada. Esto debería solucionar el problema.

Shader Glitch in Unity5Shader Glitch in Unity5Shader Glitch in Unity5

Posición de la cámara

Cuando eliges un objeto en la Jerarquía, el detalle de los objetos se mostrará en la ventana del Inspector (a la derecha). Aquí es donde puedes realizar cambios en el objeto, agregar texturas, agregar colisionadores y agregar código.

Pongamos la cámara en la posición correcta. Selecciona la cámara principal en la pestaña Jerarquía. Ahora mira la pestaña Inspector y, a la derecha, debajo de Transformar, verás Posición. Ingresa 265, 20, 20. Tu cámara debería estar ahora en la posición que queremos.

Positioning Your CameraPositioning Your CameraPositioning Your Camera

Sigue el camino del ladrillo gris

Ahora agreguemos una textura al terreno. Elige Terreno en la pestaña Jerarquía y haz clic en el pincel en la ventana del Inspector. En Texturas verás Editar texturas. Haz clic con el botón izquierdo y elige Agregar una textura, y aparecerá una pequeña ventana pidiéndote que elijas una textura. Una vez que hagas clic en ese cuadro, se mostrarán las texturas que importaste de la Tienda de recursos. Haz doble clic y agrega uno que te guste. Elegí Concreto oscuro.

Mira en el cielo

Unity viene con un skybox predeterminado que funciona muy bien si te gusta. Creo que es un poco aburrido, así que voy a agregar el skybox que descargué anteriormente. Hagamos clic en Cámara principal y en la ventana del Inspector, haz clic en Agregar componente en la parte inferior. Escribe Skybox y haz clic en el círculo de la derecha. Se abrirá un recuadro donde puedes elegir un recuadro que elijas haciendo doble clic en él. Ahora, si miras en tu escena de juego, verás el nuevo palco. ¡Se ve bien hasta ahora!

¡Si lo construyes!

Ahora que nuestro entorno está llegando, agreguemos algunos edificios. Ve a Objeto de Juego > Objeto 3D > Cubo. Al principio, no verás el cubo porque está a una gran distancia. Vamos a ponerlo donde podamos verlo. Haz clic en Cubo de la Jerarquía. Coloquemos el cubo escribiendo 300, 25, 100. Escalemos también a 20, 50, 20. Puedes usar la herramienta de escala o simplemente escribir el tamaño en los cuadros. Una vez que hayas agregado el primer Cubo, haz clic con el botón derecho en la pestaña Jerarquía para cambiarle el nombre. Nómbralo como Edificio 1.

Adding A 3D BuildingAdding A 3D BuildingAdding A 3D Building

Impresionante. Vamos a agregar más edificios.  Repite los pasos anteriores. Verás el cubo adicional en tu Jerarquía como Cubo (1), por lo tanto, vamos a cambiarle el nombre por Edificio 2 haciendo clic con el botón derecho del mouse y escribiéndolo. Ahora escala a 20, 70, 20 y la posición a 275, 25, 100.

A medida que agregas edificios, cambia la escala y la posición de cada uno. Asegúrate de mantener las posiciones medias en 25 para mantenerlas alineadas. También puedes usar la barra de alternar para escalar y mover los edificios. Continúa los pasos hasta que tengas cinco edificios y nómbralos consecutivamente, por ejemplo, Edificio 2, Edificio 3, y así sucesivamente. Tengo mis edificios posicionados omitiendo 25 números como ese: 250, 0, 100, 225, 0, 100, etc. ¡No olvides guardar tu escena!

Consejo: También puedes hacer clic con el botón derecho en un edificio en la pestaña Jerarquía, copiarlo y pegarlo.

Añadiendo texturas a los edificios

Ahora tenemos que convertir nuestros cubos hasta los edificios. Haz clic en tu carpeta Obra de arte en la pestaña Proyecto (aquí es donde agregaste las texturas de tu edificio). Elige una textura y arrástrala a una caja en la pestaña Escena. Verás inmediatamente el cambio de textura en tus vistas de Escena y Juego. Siéntete libre de ajustar, mover y rotar tus edificios hasta que estés satisfecho.

Cuidado: A veces la textura puede irse hacia atrás. Una solución fácil es girar la caja cambiando la rotación Z a 180.

El camino por delante

Es hora de agregar el camino. Ve a Objeto del juego > Objeto 3D > Plano. Colócalo en 250, 0.2, 80. Agrega una rotación Y de 90 y escala a 1, 1, 15. Ahora elige la textura de tu camino y agrégala al plano. Cambia el nombre del plano por Camino.

Un lugar para todo

Los proyectos finales de Unity pueden tener miles de objetos, scripts y prefabricados. Es importante mantener tus elementos organizados, y ahora es un buen momento para organizar tu Jerarquía.

Cualquier ciudad se compone de numerosos edificios, así que vamos a mantener nuestros detallados por el bloque. Ve a Objeto del juego > Crear vacío, y ahora verás un nuevo elemento en tu jerarquía llamado ObjetoDeJuego. Vuelve a nombrar esto como Bloque1(L). Haz clic en edificio 1, mantén presionada la tecla Mayús y resalta todos tus otros edificios. Ahora puedes moverlos todos bajo Bloque1(L) que se convierte edificio padre.

Organizing Your Buildings by BlocksOrganizing Your Buildings by BlocksOrganizing Your Buildings by Blocks

Imitador

Ahora crearemos el otro lado de la calle. Haz clic derecho en Bloque1(L) y copia y pega. Nómbralo como Bloque1(R). Ublica el Bloque1(R) en 235, -90, 300.

Ahora puedes cambiar las texturas o descargar nuevas si lo deseas. Al cambiar una textura, debes hacer clic en el cuadro individual; de lo contrario, cambiarás todas las texturas del bloque. Cambiemos la cámara a 340, 10, 80 y gira a -80.

Consejo: Si no te gusta la forma en que se posiciona un elemento, puedes moverlo con tu menú de alternar. Haz clic en guardar.

Añadiendo City Props

A partir de ahora necesitaremos usar la barra de alternar. Practica usando los botones derecho e izquierdo del mouse para moverte alrededor de tu mundo. Se necesita un poco de práctica.

Haz clic en la flecha hacia abajo en la carpeta del paquete City Props en la pestaña Proyecto. Desplázate hasta la carpeta Prefabricados y haz clic en la flecha hacia abajo hasta que veas la lista de objetos. Elige el signo de Detener. Cuando lo selecciones, lo verás en la ventana del Inspector a la derecha.

Pasemos al frente del primer edificio. Selecciona el signo Detener y arrástralo a la ventana de Escena; dependiendo de tu escena, es posible que necesites escalarla. Escala a 0.2, 0.2, 0.2. ¡Genial!

Seamos creativos y agreguemos más accesorios. Siéntete libre de elegir los que te gusten y colocarlos en cualquier lugar que desees en la acera. Recuerda que puedes copiar y pegar cualquier objeto en tu Jerarquía. En el espíritu de mantener las cosas organizadas, crea un padre vacío debajo de Objeto de juego y llámalo City Props. Mueve los artículos en consecuencia. Guarda tu escena.

Consejo: Recuerda, si tus objetos brillan blancos, tendrás que cambiar el sombreador a Shaders heredados / Bumped Diffuse.

Añadiendo árboles

Ahora es el momento de agregar algunos árboles a nuestra ciudad. Unity viene con árboles estándar que funcionan muy bien. Siempre puedes descargar diferentes tipos de árboles de la tienda de recursos si buscas un aspecto diferente.

Hagamos clic en Terreno en la pestaña Jerarquía. En la ventana del Inspector, verás una imagen de lo que parece un árbol en Terreno, haz clic en él. En la configuración, cambia el Tamaño del pincel a 1. Ahora haz clic en Editar árboles > Agregar árbol. En el cuadro Árbol prefabricado, haz clic en el círculo al final.

Elige un árbol (elegí Broadleaf). Haz doble clic y agrega. Ahora verás el árbol que elegiste debajo del cuadro Árboles en la pestaña Inspector. Cuando mueves el mouse sobre la escena, un círculo azul te seguirá. Como tenemos el tamaño de pincel en 1, colocarás un árbol a la vez. Si agregas un árbol y es demasiado grande, puedes cambiar el tamaño en la configuración cambiando la Altura del árbol. Si cometes un error, haz clic en Editar árboles y elimina el árbol. A continuación, puedes comenzar de nuevo.

Adding TreesAdding TreesAdding Trees

Agregar un personaje en tercera persona

De acuerdo, entonces finalmente tenemos nuestro entorno donde lo queremos, y ahora es el momento de que nuestro amigo Ethan pasee por nuestro mundo. Haz clic en la flecha hacia abajo en Recursos estándar de la pestaña Proyecto, luego en Caracteres > Personaje de tercera persona. Ve a Prefabricados y arrastra el ControladorDeTerceraPersona a tu escena. Coloca el controlador en 315, 0.1, 78 y cambia el tamaño a 3, 3, 3.

También puedes girarlo para que esté mirando hacia la dirección que desees. Haz clic en Reproducir, y deberías poder controlar a Ethan. Haz clic en los botones de flecha de tus teclados y corre.

En algún momento, notarás que se mueve fuera de la pantalla, por lo que necesitamos que la cámara lo siga. En Jerarquía, resalta la Cámara principal y arrastra debajo de ControladorDeTerceraPersona. Tu Cámara principal ahora debería ser un elemento secundario del ControladorDeTerceraPersona. Ahora cuando presiones reproducir, la cámara seguirá a Ethan.

Agregar un controlador en primera persona

También podemos ver nuestro mundo en la vista en primera persona. Ve a tu pestaña Proyecto. Selecciona Recursos estándar, Prefabricado, Controlador FPS. Arrástralo a tu escena, gíralo y escala. Antes de presionar reproducir, es importante tener en cuenta que el FPS viene con su propia cámara, por lo que deberás eliminar la Cámara Principal.

Sugerencia: Si tu personaje cae al suelo, es probable que lo tengas demasiado bajo. Haz doble clic en tu personaje en la pestaña Jerarquía y verás un primer plano en la pestaña Escena. Mueve el controlador hacia arriba con la barra de flecha o coloca la Y en 1.

¡Felicidades! ¡Has construido tu primera ciudad 3D en Unity 5! Como puedes ver, es fácil y muy divertido. Puedes ser tan creativo como desees y agregar casas, autos, tiendas, etc. ¡Estén atentos para más tutoriales de Unity en breve!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Game Development tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.