¿Cómo mejorar tu prototipo con ProBuilder?

Hay una herramienta disponible en Unity para que mejores tu entorno de prototipos sin crear modelos desde cero: ProBuilder.

ProBuilder es un paquete que puedes usar para crear, editar y texturizar geometría personalizada (formas en 3D) en Unity. Puedes usarlo para crear todo tipo de objetos en tu entorno que vayan más allá de las combinaciones de primitivos.

¿Quieres crear una serie de monumentos misteriosos para un simulador de marcha por el bosque o generar una ciudad para perderte? Puedes crear marcadores de posición o los objetos en sí (según el enfoque de refinamiento y de estilo que adoptes) con ProBuilder.

Nota: Este tutorial es un punto de partida para satisfacer tus necesidades de creación de prototipos, en lugar de una descripción general completa de ProBuilder.

Para configurar ProBuilder, haz lo siguiente:

1. Instala el paquete ProBuilder para tu proyecto.

2. En el menú principal, ve a Tools > ProBuilder. Puede ser útil acoplar la ventana ProBuilder al lado del Inspector para facilitar su uso.

3. Las opciones de esta ventana se presentan como texto de forma predeterminada. Si tu ventana está en Icon Mode (Modo de íconos), cambia a Text Mode (Modo de texto) al seleccionar More o Más (​⋮) y luego Use Text Mode (Usar modo texto).

Vas a utilizar ProBuilder para modelar la geometría directamente en el Editor de Unity. Comienza por crear un cubo de la siguiente manera:

1. En la ventana Project, ve a Assets > CreativeCore_Prototyping > Scenes y crea una nueva Escena.

2. Abre tu nueva Scene (Escena).

3. Vaya a Herramientas > ProBuilder > Editores > Crear forma > Cubo.

4. En la ventana de la herramienta Forma, seleccione el icono de forma. Alternativamente, puede expandir el desplegable Propiedades de forma (Nueva forma) y luego establecer Shape (Forma) en Cubo.

5. Haga clic y arrastre el cursor en la vista de Escena para establecer la longitud y el ancho del cubo. Cuando suelte la selección, mueva el cursor y haga clic nuevamente para establecer la altura. Notará que ha aparecido un nuevo GameObject para el cubo en la Jerarquía.

Nota: Puede crear un segundo cubo usando las últimas dimensiones que estableció manteniendo presionada la tecla Shift y luego haciendo doble clic en la vista de Escena cuando el cubo de vista previa esté en la ubicación deseada.

Ahora puede cerrar la ventana de la herramienta Forma y esta vista previa desaparecerá.

A continuación, debes crear un segundo cubo. Usarás los cubos para diferentes propósitos, así que deja tu primer cubo en la Escena.

Utiliza este método alternativo para crear el cubo:

1. En la ventana Hierarchy (Jerarquía), haz clic derecho y selecciona ProBuilder > Cube.

2. Selecciona el nuevo GameObject cubo que acabas de crear. Si quieres, puedes darle un nombre distintivo.

3. En la vista de Escena, mueve el segundo cubo para que esté separado del primero que creaste. Esto hará que sea más fácil trabajar en ellos por separado.

4. Selecciona uno de tus cubos. En la ventana Inspector, selecciona Edit Shape.

Vas a editar tus GameObjects de ProBuilder y, para ello, debes mantener abierta la ventana ProBuilder. Mientras esté abierta, puedes utilizar los modos de edición de ProBuilder en la vista de Escena, que te dan control adicional sobre las figuras.

Nota: Si cierras por error la ventana ProBuilder, puedes volver a abrirla desde el menú superior: Tools > ProBuilder.

Mientras ProBuilder esté activo en la vista de escena, debería aparecer una barra de herramientas en la parte superior de la vista de escena. Si no aparece, se puede activar manualmente haciendo clic en el ícono de la herramienta Probuilder en la barra de herramientas de la vista de escena.

Cada botón cambia lo que estás seleccionando en la vista de Escena.

Prueba los diferentes modos de selección ahora:

1. En la vista de Escena, selecciona en el cubo para habilitar el modo de edición de objetos.

2. Haz clic izquierdo en tu cubo y luego muévelo, gíralo y cambia su tamaño. Cuando termines, usa Ctrl+Z (Windows) o Cmd+Z (macOS) para deshacer los cambios.

3. Selecciona Vertex Selection o Selección de vértices (segundo ícono). Puedes utilizar el modo de edición de vértices para trabajar con los vértices o puntos donde se encuentran dos o más ángulos. Haz clic izquierdo en una de las esquinas de tu cubo.

4. Mueve el vértice que seleccionaste y observa cómo puedes cambiar el cubo de diferentes formas. Cuando termines, usa Ctrl/Cmd + Z para deshacer los cambios.

5. Selecciona Edge Selection o Selección de aristas (tercer ícono). Puedes utilizar el modo de edición de aristas para trabajar con estas, que constan de dos vértices. Haz clic izquierdo en una de las aristas de tu cubo.

6. Mueve, gira o cambia el tamaño de la arista que seleccionaste y observa cómo puedes modificar tu cubo de diferentes formas. Cuando termines, usa Ctrl/Cmd + Z para deshacer los cambios.

7. Selecciona Selección de Face o Selección de cara (cuarto ícono). Puedes utilizar el modo de edición de caras para trabajar con caras enteras de la malla. Haz clic izquierdo en una de las caras de tu cubo.

8. Mueve, gira o cambia el tamaño de la cara que seleccionaste. Cuando termines, usa Ctrl/Cmd + Z para deshacer los cambios.

Ahora que conoces los modos de edición de ProBuilder, estás listo para comenzar a crear una pared. Comienza por cambiar la forma de tu cubo de la siguiente manera:

1. En la vista de Escena, selecciona Face Selection.

2. Selecciona la cara superior de uno de tus cubos y muévela para aumentar la altura de la malla.

3. Selecciona la cara lateral del cubo y muévela para aumentar el ancho de la malla.

4. Selecciona la cara frontal del cubo y muévela para reducir la profundidad de la malla.

5. Repite este proceso para crear una segunda pared con tu segundo cubo.

Cuando hayas terminado, deberías tener dos paredes independientes en tu Escena. Mantén las paredes separadas y elige una para trabajar en el siguiente paso. Editarás la segunda pared más tarde.

ProBuilder ofrece múltiples herramientas para modelar tu malla. Estas aparecen en la ventana ProBuilder al seleccionar partes de tu objeto. Las herramientas a tu disposición cambiarán dinámicamente según el tipo de selección (objeto, vértice, arista o cara) que tengas habilitada actualmente. Comencemos con una de las herramientas más importantes: la extrusión o extracción.

Haz lo siguiente para crear una cara en la pared del tamaño de una puerta:

1. En la vista de Escena, con Face Selection habilitada, selecciona la cara superior de tu pared.

2. Mantén presionada la tecla Shift mientras mueves la cara seleccionada para extrudirla (extraerla). Este segmento extrudido marca la altura de la pared por encima de la puerta.

3. Mantén presionada la tecla Shift y haz clic izquierdo una vez en cada una de las dos caras en el lado izquierdo de la pared para realizar una selección múltiple.

4. Continúa presionando Shift mientras mueves las caras seleccionadas para extrudirlas al ancho que quieras darle a la puerta. Estos segmentos extrudidos se convertirán en la puerta y la sección de pared sobre ella.

5. Con las mismas dos caras seleccionadas, mantén presionada la tecla Shift y vuelve a extrudir las caras para continuar con la pared después de colocar la puerta.

Ahora que has terminado de extrudir la pared, la cara resaltada en la imagen siguiente es la que se convertirá en el orificio de la puerta.

No te preocupes si no tiene la forma que quieres en este momento.

Ahora que tienes la cantidad correcta de caras necesarias para hacer una puerta, debes ajustar el tamaño de la cara que se convertirá en la puerta.

Haz lo siguiente para seleccionar y mover aristas:

1. En la vista de Escena, habilita Edge Selection.

2. Selecciona la arista derecha de la cara donde estará tu puerta.

3. En la ventana ProBuilder, selecciona Tools > ProBuilder > Selection > Select Loop. Esto seleccionará todas las aristas adyacentes que forman un "bucle" alrededor del modelo.

Consejo: La herramienta Select Ring (Seleccionar aro) seleccionará las aristas de un aro al revés alrededor del modelo. Recuerda estas herramientas para ayudarte a seleccionar rápidamente los bordes que necesitas.

4. En la vista de Escena, con el bucle vertical de aristas seleccionado, mueve las aristas a lo largo de la pared hasta el ancho deseado.

5. A continuación, selecciona la arista superior de donde estará tu puerta.

6. En la ventana ProBuilder, selecciona Select Edge Loop y mueve las aristas hacia arriba o hacia abajo por la pared hasta la altura deseada.

Ya deberías tener una puerta con la forma y el tamaño que quieres.

Ahora que tus caras tienen la forma y el tamaño adecuados, lo que hay que hacer es eliminar esas caras y crear la puerta.

1. En la vista de Escena, habilita Face Selection.

2. Selecciona la cara de tu puerta.

3. Utiliza la opción Retroceso (Windows) o de Borrar (macOS) para eliminar esta cara.

Nota: Ya tienes un agujero, pero eso se debe a que las caras solo se pueden ver desde un lado.

4. En la vista de Escena, mueve tu cámara para mirar al otro lado de la pared. Verás que la cara opuesta sigue ahí. Repite los pasos anteriores para eliminar esta cara y la de la parte inferior de la puerta.

Estás muy cerca de tener una puerta, pero hay agujeros en la malla donde eliminaste las caras; el interior de la malla de la pared está expuesto a través de esos espacios. Afortunadamente, ProBuilder tiene una función que puedes utilizar para unir el espacio vacío entre las aristas.

Utiliza la función de unir para cerrar los espacios:

1. En la vista de Escena, habilita Edge Selection.

2. Presiona Shift + clic izquierdo para realizar una selección múltiple de dos aristas paralelas en el lado de la puerta que quieres unir.

3. En la ventana ProBuilder, selecciona Bridge Edges (Unir aristas).

4. En la vista de escena, seleccione dos bordes paralelos más en su puerta.

5. En la ventana de ProBuilder, seleccione Bridge Edges.

6. Repita los pasos anteriores para el lado final de su puerta, para cerrar el espacio allí también.

¡Ahora debería tener una puerta en su pared que tiene el tamaño y la forma correctos sin espacios!

La extrusión es un buen método para hacer una puerta, pero requiere planificación previa para realizarla en el lugar correcto. ¿Qué ocurre si quieres crear una puerta más tarde, al darte cuenta de que una pared existente se beneficiaría con una nueva puerta o ventana? En ese caso, debes inserta

r nuevas aristas en una cara preexistente.

Regresa a la pared que te sobró antes en el tutorial. Para este método, debes recrear la configuración de las aristas que tenías en el ejemplo anterior sin utilizar la herramienta de extrusión. Puedes hacerlo si agregas bucles de aristas.

Haz lo siguiente para crear una puerta en una pared preexistente:

1. En la vista de Escena, habilita Edge Selection.

2. Realiza una selección múltiple de dos aristas paralelas a los lados de la pared.

3. Seleccione Herramientas > ProBuilder > Geometría > Insertar bucle de borde para insertar un nuevo bucle de borde horizontalmente alrededor de su modelo, dividiendo los bordes que seleccionó y continuando hasta formar un bucle completo.

Nota: También puede usar la ventana contextual haciendo clic derecho y seleccionando Insert Edge Loop o Insertar bucle de borde.

4. En la vista de Escena, asegúrese de que el nuevo bucle de borde esté seleccionado y muévalo hacia arriba o hacia abajo, luego haga clic izquierdo para definir la altura de su puerta.

5. Seleccione el borde frontal del nuevo bucle de borde que creó y el borde paralelo de la parte inferior de la pared.

6. En la ventana ProBuilder, seleccione Insert Edge Loop.

7. En la vista de escena, asegúrese de que el nuevo bucle de borde esté seleccionado y muévalo hacia donde desea que esté el lado derecho de la puerta.

8. Seleccione el borde izquierdo del bucle horizontal que creó anteriormente y el borde paralelo desde la parte inferior de la pared.

9. En la ventana ProBuilder, seleccione Insert Edge Loop.

10. En la vista de escena, asegúrese de que el nuevo bucle de borde esté seleccionado y muévalo hacia donde desea que esté el lado izquierdo de la puerta.

Ahora debería tener una cara con forma de puerta, similar a la que creó antes.

11. Ahora solo necesita completar el mismo proceso que utilizó antes: elimine las dos caras y conecte los lados vacíos. Si olvidó cómo hacer esto, vuelva a consultar los pasos anteriores.

Amplíe su aprendizaje

¿Notaste que esta puerta también podría convertirse fácilmente en una ventana con solo agregar un bucle de borde más? Si desea probar esto, simplemente seleccione dos bordes verticales y use la función Insert Edge Loop (Insertar bucle de borde).

Puedes convertir cualquier malla de ProBuilder en un Colisionador o un Desencadenador. Puede ser muy útil al crear un prototipo de una experiencia.

De forma predeterminada, las mallas de ProBuilder tienen un Colisionador adjunto. Esto significa que el controlador de un personaje colisionaría con las paredes que creaste. Pero si quieres Colisionadores o Desencadenadores invisibles, puedes utilizar las funciones Set Collider (Configurar colisionador) o Set Trigger (Configurar desencadenador) en ProBuilder. Casos de uso notables para estos serían evitar que los usuarios se muevan fuera del área de experiencia o juego, o detectar cuando un usuario se mueve a una nueva zona de una experiencia.

Nota: Asegúrate de tener un controlador del personaje o un movimiento del jugador configurado para probarlo. Si estás trabajando en el proyecto de Unity que configuraste como independiente en Habilidades básicas para creadores artísticos: Creación de prototipos, ya lo tienes.

Prueba agregar Colisionadores y Desencadenadores a tus paredes.

1. Elige una de tus paredes para trabajar primero.

2. En la vista de Escena, con la opción Object Selection habilitada, selecciona la pared.

3. En la ventana ProBuilder, selecciona Set Collider. Observa cómo tu pared cambió de color y opacidad.

Ahora, el Colisionador está listo para probarse con un controlador de personajes.

4. En la vista de Escena, selecciona la otra pared.

5. Seleccione Herramientas > ProBuilder > Objeto > Set Trigger. Observe cómo su pared ha cambiado de color y opacidad.

6. Ahora puedes utilizar un script para detectar cuando el controlador de un personaje colisiona con esta pared. Si utilizas los scripts personalizados creados para Habilidades básicas para creadores artísticos: Creación de prototipos, revisa cómo detectar estas colisiones con el Script OnTriggerEvent personalizado.

ProBuilder tiene herramientas que facilitan la aplicación de materiales para que puedas personalizar los entornos que creas para tu prototipo con ProBuilder.

Puedes hacer lo siguiente:

• Configura un Material rápido, que se pueda aplicar con un botón o un acceso directo.
• Crea una Material Palette (Paleta de materiales) para organizar varios materiales y crear prototipos de forma más eficiente.
• Aplica un Material a un objeto o solo a una cara.

Ahora que has practicado los conceptos básicos de ProBuilder en el proyecto de ejemplo, estás listo para utilizar tus nuevas habilidades a fin de mejorar tu prototipo. Recuerda, si quieres explorar otros usos de ProBuilder y las funciones que ofrece, su documentación es un buen punto de partida.