All content in this course uses:

Guía de recorrido por el Kit de juego en 3D

Esta es una guía detallada de orientación que abarca desde el desarrollo de un nivel mediante el uso de ProBuilder y PolyBrush hasta el uso de todas las funciones interactivas y de ambientación disponibles en el Kit de juego en 3D. La mayor parte de los pasos del tutorial se pueden utilizar como guías independientes, pero no dejes de consultar los tutoriales disponibles para comprender mejor. 

Si quieres ponerte al día rápidamente, consulta la 

, dado que contiene tutoriales y ejemplos más breves y autónomos. Para comenzar, elabora una Escena nueva siguiendo las instrucciones en el Paso 2 de la 

Esta es una guía detallada de orientación que abarca desde el desarrollo de un nivel mediante el uso de ProBuilder y PolyBrush hasta el uso de todas las funciones interactivas y de ambientación disponibles en el Kit de juego en 3D.

La mayoría de los tutoriales se pueden utilizar como guías independientes, pero consulta los tutoriales disponibles para comprender mejor.

, dado que contiene tutoriales y ejemplos más breves y autónomos.

Para comenzar, elabora una Escena nueva siguiendo la Guía de inicio rápido que se encuentra 

Introducción a la Guía

La nueva Escena tendrá un cuadrado de suelo, alrededor del cual Ellen puede correr. Demosle un vistazo a esto:

, una herramienta que te permite crear y editar objetos 3D en Unity. La ventana 

Si no está abierta, puedes abrirla desde el menú superior:

El «Greyboxing» o uso de cajas grises, es el arte de crear formas simples, o Geometría, en una Escena, para delinear y planificar un nivel que se quiere crear. En el desarrollo de juegos, estas son las etapas iniciales del diseño de un nivel, en las cuales es posible elaborar prototipos y probar ideas rápidamente. 

 es una gran herramienta para Greyboxing, así que creemos una forma nueva en nuestra Escena:

Por ahora crearemos un Cubo, que es la forma por defecto:

Ahora has creado un cubo en medio de la Escena. Dado que nuestro Plano es un poco más alto que el centro del cubo, se cruzará con el Plano.

Puedes mover el Cubo utilizando la herramienta 

. Haz clic en cualquiera de las flechas en la vista Escena para moverlo a donde quieras.

Puedes cambiar la forma del cubo utilizando varias herramientas de 

. Para obtener más información sobre la creación de modelos 3D dentro de Unity utilizando 

A continuación pasaremos a editar y pintar nuestro plano del suelo.

¿Cómo editar con ProBuilder?

Esta acción encontrará y enmarcará el Ácido en la vista eEscena.

. Estos generalmente son planos, pero, al utilizar 

, podemos crear una superficie irregular y pintar texturas para hacer que esta 

 parezca suelo. Crearemos un hundimiento en el suelo donde podemos agregar un charco de ácido como un peligro para Ellen.

Una malla consta de triángulos dispuestos en el espacio 3D para generar la impresión de un objeto sólido. Un triángulo se define por sus tres esquinas o vértices.

Nota: PolyBrush actualmente está en versión Beta, así que es posible que se produzcan algunos errores al utilizar esta herramienta.

Podemos hacer un poco más grande este Plano para el nivel que desarrollaremos de esta manera:

Nota: PolyBrush actualmente está en versión Beta, así que el diseño puede cambiar.

Haz clic en el icono Push/Pull (Empujar/Tirar) en la Ventana PolyBrush.

El dispositivo para Push/Pull aparecerá siempre que muevas el 

Haz clic con el botón izquierdo para elevar el suelo empujando los vértices hacia arriba;

O mantén presionado Ctrl y haz clic con el botón izquierdo para bajar el suelo empujando los vértices hacia abajo.

Ahora que conoces los aspectos básicos, crea un pequeño hundimiento en el plano utilizando Ctrl + Clic Izquierdo para empezar a formar un charco.

Haz clic en el icono Push/Pull cuando hayas terminado de editar para anular la selección de la herramienta.

Deberías tener algo similar a lo siguiente.

Para obtener más información sobre PolyBrush y cómo usarlo, visita los 

Ahora continuemos con la creación de nuestro primer peligro.

Para encontrar el Acid (Ácido), tenemos que ir a la ventana Proyecto. Allí es donde se guardan todas las herramientas y los Prefabs:

Haz clic con el botón izquierdo y arrastra el elemento Acid Prefab a la ventana Hierarchy.

El Ácido aparecerá en algún lugar de la Escena. En Unity, puedes ubicar un objeto rápidamente mediante la Selección de Marco:

Selecciona el Acid en la ventana Hierarchy.

Esta acción encontrará y enmarcará el Ácido en la vista de Escena.

El Ácido actualmente es demasiado grande, así que vamos a reducirlo un poco:

Con el Ácido seleccionado, presiona R en el teclado para la herramienta Scale.

Haz clic en la casilla blanca del medio y arrástrala para reducir el tamaño del Ácido.

El Ácido además está en una posición incorrecta. Usa la herramienta Move (selecciona el Ácido y presiona W) para colocar el Ácido justo debajo del Plane, haciendo que sobresalga un poco a través del lugar donde creaste el charco.

Puedes continuar posicionando y ajustando el tamaño del Ácido hasta que obtengas los resultados que desees.

Consejo: El Ácido solo tiene que ser un poco más grande que el espacio del charco.

Presiona Play y prueba la Escena para verificar el burbujeante charco de Ácido.

Nota: Al crear una nueva Escena mediante el menú de la barra de herramientas 

 por defecto que tiene un tamaño muy grande para que tengas suficiente espacio de edición. Ten cuidado al bajar el terreno por debajo de esta área, dado que Ellen morirá al entrar.

Vista superior - Nivel por defecto del volumen de muerte

Vista lateral - Nivel por defecto del volumen de muerte

En este momento, Ellen podría tomar un baño en el Ácido sin salir lastimada, lo que no lo convierte en un peligro importante.

Para hacer que el Ácido mate a Ellen (lo siento, Ellen) cuando ingrese en él:

Selecciona el Ácido en la ventana Hierarchy.

Escribe «death» (muerte) en el cuadro de búsqueda.

Esto agregará la secuencia de comandos Death Volume al Ácido. Esta es una secuencia de comandos que hemos creado para indicarle al juego que haga que Ellen pierda toda su vitalidad.

Presiona Play y prueba tu nivel. Intenta correr hacia el charco de Ácido. Ellen morirá y se regenerará poco después.

¿Cómo crear un charco de ácido?

PolyBrush ofrece una función de arte en 3D muy útil llamada 

 (Coloreado de vértices) que permite pintar en el 

 (Vértice, los puntos que se unen para componer una superficie) a diferencia de pintar directamente sobre la superficie del GameObject.

De un modo similar a como se utilizó la función Push/Pull para crear el charco de Ácido y el volumen de muerte, la pintura utilizará el vértice para pintar la superficie. Los vértices están resaltados en la captura de pantalla y las líneas representan los bordes del polígono entre ellos.

Esto puede resultar extraño al principio, ya que uno esperaría que se pueda pintar directamente sobre la superficie, mientras que con el pintado de vértices se requiere que el vértice y los vértices más cercanos a lo largo del borde de la superficie «

(imágenes de bitmap) y renderizarlas en un GameObject. Para ver una explicación más detallada de estos temas, ve a la página del Manual llamada 

¡Empecemos ahora mismo y vamos a pintar para mostrar cómo se hace!

Cuando creaste la Escena anteriormente utilizando el Kit, el Plano ya estaba creado con un material sombreador adjunto. En los siguientes pasos, verás cómo se creó esto y entenderás más detalladamente qué compone el estilo visual y los materiales.

Empecemos configurando un plano básico y adjuntando un material.

A menos que ya esté abierto, abre ProBuilder desde 

Esto agregará un plano a la vista de Escena con algunos valores por defecto adjuntos. Colócalo junto al plano por defecto creado anteriormente. Para que se vea como el de la demostración, configura los valores del Plane en la ventana ProBuilder de este modo:

Height Segments (Segmentos de altura): 10

Esto debería colocar el plano junto al plano generado en el nivel. Si no se alinea perfectamente utilizando los valores, ajusta según sea necesario.

Mirando el Inspector, podrás ver que el 

 que está adjunto actualmente es simplemente 

Para cambiar esto puedes agregar los materiales creados en 3D Gamekit. Para ubicarlos, puedes usar el botón 

En 3DGamekit, el Material por defecto adjunto al Plane principal es 

 de la vista Project al Plane en la vista de Escena para agregarle el material.

Fíjate que, en el Inspector, el Material ahora se ha actualizado a 

Esto te permitirá utilizar el material para pintar en el Plane.

Fíjate cómo la textura aparece en mosaicos en el área de la superficie del plano con el patrón por defecto a la izquierda y la versión en la cual se pintaron los vértices a la derecha.

Para ver las texturas que están mapeadas actualmente, ve a 

Assets > 3DGamekit > Art > Textures > Environment > Ground

Consejo: Para llegar allí más rápido, no obstante, puedes usar el

. Haz clic en la punta de la flecha junto a la vista previa de Material y selecciona una de las texturas. Ambos métodos te llevarán a la carpeta correcta en la vista Project.

Para comenzar a pintar el plano nuevo, selecciona la pintura 

Esto te permitirá utilizar las texturas mapeadas para pintar; en este caso, la Textura 

Usando el dispositivo del pincel en la vista de Escena, moviéndolo hacia un vértice en el plano, podrás ver la mezcla de texturas en vivo en el Editor. Para que sea permanente, simplemente haz clic.

. Esto le dará una buena variedad a la superficie.

¡Ahora es tu turno para ponerte creativo con el pincel! Combinando Push/Pull y cambiando el tamaño del pincel y las texturas de Color del pincel, puedes crear una gran variedad de mallas pintadas.

Consejo: A fin de probar los diferentes colores, puedes obtener una vista previa en vivo de ellos en el Editor, para ver las diferentes texturas y mezclas que se aplican en 3DGamekit.

¿Cómo eliminar los Scripts de ProBuilder de los objetos?

Cuando utilices objetos creados por ProBuilder en la Escena, es mejor eliminar las secuencias de comandos de ProBuilder al terminar de editar para prevenir cualquier reducción de recursos innecesaria en el juego. Esto elimina las secuencias de comandos de los objetos seleccionados individualmente o de todos los objetos de ProBuilder en la Escena.

 y luego elige todas las secuencias de comandos o simplemente las de un objeto seleccionado individualmente.

, así que asegúrate de haber hecho todos los cambios necesarios en las mallas y con el pintado de vértices antes de hacerlo. El Editor te advertirá antes de finalizar la acción.

Coloreado de vértices con Polybrush

Hemos creado Geometría de Nivel para que puedas colocar algo donde lo desees. La encontrarás en 

Como ejemplo, arrastremos un modelo de roca a la Escena:

Obtén una vista previa de este modelo en la 

Haz clic con el botón izquierdo sobre el modelo en la Ventana Preview y rótalo y míralo desde diferentes ángulos.

Consejo: Si no puedes ver esta ventana, haz clic en la barra gris ubicada en la parte inferior del Inspector y arrastra el mouse hacia arriba.

Cuando hagas girar el modelo, verás que le faltan partes. Esto es normal porque a muchos de los elementos geométricos les falta la parte de atrás. Esto hace que las escenas más grandes tengan un mejor desempeño e impide que tu computadora se vuelva más lenta.

Mientras más elementos geométricos y efectos especiales agregues a la Escena, más recursos necesitará tu computadora para procesarla. En algunos equipos, esto puede ser cantidades increíblemente grandes de elementos geométricos y efectos, mientras que, en otros, puede ser muy poco. Ten presente esto cuando desarrolles los niveles y, si tu computadora se empieza a volver más lenta cuando presionas Play, quizás debas eliminar algunos elementos geométricos.

Hemos utilizado algunas técnicas como las anteriores para permitirte crear tanto como puedas. El proyecto detectará automáticamente el hardware de tu computadora y determinará cuántos elementos geométricos y efectos puedes ver y qué nivel de detalle tienen, de un modo similar a como los juegos de PC cambian las configuraciones según la computadora. En caso de que necesites restablecer estos ajustes o de que no se configuren automáticamente, ve a 

Kit Tools > Auto Detect Quality Settings.

Si deseas cambiar esta configuración manualmente y ver el desglose de la configuración ve a 

. Esto abrirá la información en el Inspector para que realices los ajustes que consideres necesarios.

Otra técnica que utilizamos para mejorar el desempeño es el uso de 

. Las mallas con bajo nivel de detalle se muestran cuando el objeto está alejado de la cámara y la diferencia no se percibe. Esto es así porque las mallas con una geometría más simple exigen menos al hardware.

Haz clic en cada uno de los elementos secundarios y mira cómo cambian en la vista de Escena:

Aquí podemos ver el cambio detallado. Configuramos cada una de estas mallas para que se muestren a diferentes distancias de la cámara.

En el Inspector, fíjate en el LOD Group Component.

Aquí puedes ver qué modelos se mostrarán a qué distancia de la cámara. 

 configuraciones, ya que las hemos establecido por ti. Las distancias de los Grupos de LOD serán diferentes dependiendo de la configuración de calidad que se haya seleccionado automáticamente para ti.

Para obtener más información sobre los Grupos de LOD, consulta nuestra 

¿Cómo usar Prefabs de ambiente?

Para adornar la Escena, hemos creado un Pintor de rocas y un Pintor de vegetación. Estas herramientas te permiten colocar vegetación y rocas con diversos tamaños y rotaciones, manteniéndolas a la vez alineadas con la superficie sobre la cual estás pintando.

VegetationPainter (Pintor de vegetación).

Haz clic en la flecha para ampliar los elementos secundarios.

Haz clic con el botón izquierdo para poner trozos de césped/lirio donde lo desees.

Puedes cambiar el tipo de objeto que se esté poniendo. Para ello:

, hay imágenes de cada elemento prefabricado en el pintor.

El elemento prefabricado seleccionado estará inhabilitado.

Haz clic en la casilla blanca resaltada para seleccionar el elemento 

Encontrarás los controles para el pintor en la parte superior del componente 

Alt + Desplazamiento: Aumentar tamaño del pincel

Barra espaciadora: Aleatorizar las posiciones y la rotación

Cualquier objeto sobre el cual pintes se guardará como elemento secundario del elemento principal. Por ejemplo:

Cada objeto de ese tipo en la pintura se guardará aquí como un elemento secundario. También puedes hacer clic en los elementos para editarlos y ubicarlos de forma individual.

Para pintar rocas, se procede de la misma manera:

sobre el área deseada para colocar rocas y haz clic a fin de ubicarlas.

Estas herramientas te ayudan a agregar variación rápidamente a la manera de decorar el nivel. Las encontrarás y podrás colocarlas a la manera tradicional arrastrando los elementos prefabricados de la carpeta Prefabs.

Puedes hacer clic y arrastrar cualquiera de estos elementos a la

 para ponerlos en su nivel. Ten presente que la posición, las rotaciones y el tamaño no se distribuirán al azar al arrastrar objetos de esta manera.

Sigue colocando objetos en la Escena. No olvides probar ocasionalmente tu nivel presionando 

 para ver cómo se ven las cosas en el juego.

Hemos creado un ambiente pequeño para mostrarte mecánicas de juego en los próximos capítulos. ¡Diviértete y sé creativo cuando desarrolles tu nivel!

Pintor de rocas y vegetación

Al crear cualquier Escena en Unity, es importante mantener las cosas ordenadas en Hierarchy para que puedas encontrar fácilmente los objetos o la mecánica de juego que buscas. A continuación, verás algunos consejos para mantener los proyectos prolijos y organizados aunque esto no es obligatorio para utilizar el Kit.

, hemos creado secciones para ayudar a ordenar tipos de objetos en nuestra Escena.

Estas están hechos de GameObjects vacíos. No tienen ninguna función excepto ayudarnos a identificar los tipos de objetos en nuestra Escena. Ten en cuenta que no todos los objetos debajo de cada sección nombrada son elementos secundarios de esa sección y no es necesario que lo sean.

Creemos una sección nueva para guardar toda nuestra decoración de nivel adicional:

 esté resaltado en azul, lo que indica que lo has seleccionado. Ahora podemos cambiarle el nombre:

Nombrar las secciones de esta manera te ayudará a encontrar los objetos cuando tengas muchos más.

 a la sección adecuada para poder encontrarlo más adelante.

Haz clic con el botón izquierdo y arrastra 

Consejo: Asegúrate de no soltar el botón izquierdo que esté sobre otro objeto, dado que lo convertirá en un elemento secundario.

Aparecerá un indicador visual cuando algo se convierta en un elemento secundario al arrastrarlo. Se verá así:

Asegúrate de ver una línea horizontal cuando arrastres el objeto debajo de 

. Esto indica que se colocará el objeto debajo, de esta manera:

En caso de que lo coloques por accidente como elemento secundario de la etiqueta, simplemente puedes volver atrás e intentarlo de nuevo.

¿Cómo organizar tu Escena?

Cuando crees un nivel, podrías encontrarte con que, al realizar pruebas, puedes escapar fácilmente del nivel e ir hacia afuera, donde quieras que un jugador vaya. Esto no siempre se puede corregir agregando más geometría. Se pueden agregar muros invisibles para impedir que los jugadores puedan escapar.

Ahora vamos a ubicar este objeto en la Escena:

 se puede ver con un diseño verde. Posiciona, rota y amplía este objeto a cualquier área problemática en tu nivel.

Necesitamos asegurarnos de que este Colisionador impedirá que Ellen pueda pasar a través de él. Hemos configurado una 

Hemos colocado el nuestro en un área donde el jugador puede saltar y escapar fácilmente. No olvides probar el límite del juego presionando 

Límites del juego

Echemos un vistazo a cómo agregar varios elementos de juego utilizando el Kit. Hemos establecido un nivel de demostración para tal fin. Puedes usar la Escena que tú mismo armaste para seguir o usar una Escena nueva.

Si has usado el Kit de juego en 2D, algunas de estas técnicas pueden resultarte familiares, aunque hemos ajustado algunos elementos para simplificar el flujo de trabajo.

Es posible utilizar plataformas móviles para llevar al jugador de un lugar a otro. Agreguemos una a nuestra Escena:

 es el lugar donde encontrarás elementos de juego prefabricados creados para este Kit.

Haz clic con el botón izquierdo y arrastra el Prefab 

 para encontrarlo (Atajo de teclado - F).

También puedes posicionar, rotar y ampliar el objeto por medio del 

 sobre X, Y o Z, y hacer clic con el botón izquierdo o derecho aumentará y disminuirá estos valores, respectivamente.

Ubica el objeto completo donde quieras que empiece la plataforma.

Hemos colocado el nuestro sobre el charco de Ácido que creamos antes.

Ahora veamos cómo crear la plataforma y establecer su ruta para cambiar a dónde se moverá la plataforma.

La plataforma móvil viene con 3 dispositivos (gizmos) adjuntos que te permiten modificar fácilmente el movimiento de la plataforma. En la pantalla, puedes ver que te permite configurar la posición Transform para ponerla en el mundo 

 en el medio presentada en la línea de puntos del traslado.

 en lugar de en la posición inicial configurada en 

. Esto sucede para garantizar que la plataforma siempre empiece en el lugar correcto y se traslade según los comportamientos establecidos en el Script de 

Consejo: Mantener presionada la tecla Ctrl (Cmd) cuando mueves un dispositivo hará que se encaje en la cuadrícula e incremente los movimientos. Esto puede ser realmente útil para lograr rutas rectas.

Ellen necesita cruzar el ambiente y evitar el charco de Ácido. Por lo tanto, el Gizmo End (Dispositivo de finalización) debe ajustarse o se desplazará por defecto sobre el Eje Z, lo cual no es muy útil para el jugador.

Para ver el movimiento de desplazamiento actual de la 

en el Editor, puedes mover el deslizador para 

 (Posición de vista previa) en un rango del 0 al 1. Verás en la ventana 

 que la plataforma se mueve a donde estaría en el juego en esa etapa del desplazamiento.

Esta es una función muy útil para ayudarte a ver cualquier superposición potencial con otros GameObjects en la Escena o en la vista previa del comportamiento.

Para modificar la velocidad de la secuencia de Start a End, puedes cambiar el valor 

 que por defecto está configurado en 5 y se mide en 

. Reducir este valor generará una secuencia más rápida y aumentarlo generará un desplazamiento más lento.

Haz clic en el controlador Y (Verde) en el Gizmo End. Presiona Ctrl (Cmd) para encajarlo y luego arrástralo hacia abajo hasta la altura deseada.

En este ejemplo, queremos que sea un desplazamiento recto hacia abajo. Arrastra el controlador Z (Azul) del Gizmo 

y arrastra (Ctrl/Cmd) el Gizmo (Dispositivo) hacia abajo del Punto de inicio.

debería moverse hacia la nueva posición del Punto de finalización.

El último paso para este ejemplo es configurar el 

. Cambiar esto reiterará la secuencia de Inicio a Fin y empezará de nuevo.

 (Una Vez - Lineal) - se mueve de Inicio a Fin y se detiene al llegar al Fin.

El tipo de bucle Once se usa mayormente cuando solo requieres que el jugador se traslade de Inicio a Fin.

- (Ping Pong - Bucle dos veces) se mueve de Inicio a Fin y luego de Fin a Inicio generando un bucle de movimiento continuo.

El tipo de bucle Ping Pong se usa mayormente cuando la ruta que proporciona la plataforma para el jugador debe estar disponible de forma continua.

 - (Repetir - Bucle de una dirección) se mueve de Inicio a Fin y luego regresa a Inicio para repetir.

El tipo de bucle Repeat se usa mayormente para secuencias de una sola dirección cuando las plataformas se generan desde el Inicio y se mueven hacia el Fin. Esto se puede ver en el pozo de Ácido del nivel 2 del Kit de juego en 3D 

Comandos de juego con Sensores de presión

Los Game Commands (Comandos de juego) permiten que los GameObjects de tu Escena se comuniquen con otros GameObjects enviando y recibiendo comandos. Esto te ayuda a diseñar secuencias de comando y comportamientos complejos.

Los Comandos de juego se basan en Eventos que ocurren y varían según el objeto en el Kit de juego en 3D. En este ejemplo, veremos cómo configurar un Prefab 

Unity Version 2020.3