Para el desarrollo del proyecto se utilizaron recursos y herramientas como Sketchfab<\/a> para algunos modelos 3D, MetaPerson Creator<\/a> para la creaci\u00f3n de personajes, Mixamo<\/a> para las animaciones y Blender para la organizaci\u00f3n de texturas y modelos.<\/p>\n\n\n\n A continuaci\u00f3n, se mostrar\u00e1 paso a paso el proceso de creaci\u00f3n e implementaci\u00f3n de los diferentes elementos del videojuego dentro de Unity.<\/p>\n\n\n\n Para el desarrollo del videojuego \u201cThe Four Trials\u201d<\/strong> se utiliz\u00f3 Unity en su versi\u00f3n 6.4<\/strong>, empleando una plantilla de proyecto 3D con el fin de trabajar escenarios, personajes y mec\u00e1nicas en tercera persona.<\/p>\n\n\n\n Una vez instalado Unity Hub y la versi\u00f3n correspondiente del motor, se cre\u00f3 un nuevo proyecto seleccionando la opci\u00f3n 3D Core<\/a><\/strong>, asign\u00e1ndole el nombre The Four Trials<\/em>. Esta configuraci\u00f3n permiti\u00f3 disponer de las herramientas necesarias para la construcci\u00f3n del entorno, la iluminaci\u00f3n y la integraci\u00f3n de modelos 3D dentro del videojuego.<\/p>\n\n\n\n Despu\u00e9s de crear el proyecto, se import\u00f3 el paquete Starter Assets<\/a> \u2013 Third Person Controller<\/strong>, el cual proporciona un controlador b\u00e1sico en tercera persona junto con el sistema de c\u00e1mara y movimiento del personaje. Este paquete facilita la configuraci\u00f3n inicial del videojuego, permitiendo implementar desplazamiento, salto y seguimiento de c\u00e1mara sin necesidad de programar estas funciones desde cero.<\/p>\n\n\n\n Para instalarlo, se accedi\u00f3 a la secci\u00f3n Window > Package Manager<\/strong>, donde posteriormente se descarg\u00f3 e import\u00f3 el paquete dentro del proyecto de Unity. Una vez finalizada la importaci\u00f3n, se agregaron los prefabs <\/a>correspondientes del controlador en tercera persona dentro de la escena principal para comenzar con la configuraci\u00f3n del entorno y los personajes.<\/p>\n\n\n\n El escenario principal del videojuego se cre\u00f3 utilizando los recursos incluidos en el paquete Starter Assets \u2013 Third Person Controller<\/strong>. Estos elementos permitieron construir el entorno inicial y configurar el sistema de movimiento en tercera persona.<\/p>\n\n\n\n Adem\u00e1s, se importaron modelos y escenarios complementarios desde Sketchfab<\/a>. Estos recursos ayudaron a mejorar el apartado visual y la ambientaci\u00f3n de las diferentes escenas del proyecto.<\/p>\n\n\n\n Los modelos descargados en formato FBX se organizaron en carpetas dentro de la secci\u00f3n Assets<\/a><\/strong> de Unity. Tambi\u00e9n se almacenaron sus respectivas texturas para facilitar la administraci\u00f3n de los archivos.<\/p>\n\n\n\n Finalmente, los modelos se arrastraron desde la carpeta Assets hacia la jerarqu\u00eda de la escena. Despu\u00e9s, se ajustaron la posici\u00f3n, escala y rotaci\u00f3n de cada objeto para adaptarlos correctamente al entorno del videojuego.<\/p>\n\n\n\n Para crear los personajes del videojuego se utiliz\u00f3 MetaPerson Creator<\/a>. Esta plataforma permite generar modelos humanos en 3D a partir de una fotograf\u00eda. Despu\u00e9s de generar el personaje, se descarg\u00f3 el modelo en formato FBX.<\/p>\n\n\n\n Luego, el archivo se abri\u00f3 en Blender para organizar correctamente las texturas. En la secci\u00f3n UV Editing<\/strong> se visualizaron las im\u00e1genes asociadas al modelo y posteriormente se exportaron a una carpeta junto con el archivo FBX.<\/p>\n\n\n\n Despu\u00e9s, el personaje se carg\u00f3 en Mixamo<\/a> para a\u00f1adir las animaciones necesarias del videojuego. Una vez configuradas las animaciones, el modelo se descarg\u00f3 nuevamente en pose T.<\/p>\n\n\n\n Finalmente, se import\u00f3 el personaje en Unity arrastrando la carpeta completa hacia Assets<\/strong>. El modelo se agreg\u00f3 a la escena principal y se configur\u00f3 como tipo de animaci\u00f3n Humanoid<\/strong> para hacerlo compatible con el sistema Third Person Controller.<\/p>\n\n\n\n Se a\u00f1adi\u00f3 el personaje Third Person Controller<\/strong> del paquete Starter Assets<\/strong>, ubicado en la carpeta Prefabs<\/strong>. Este controlador ya incluye la configuraci\u00f3n necesaria para el movimiento del personaje y el seguimiento de la c\u00e1mara en tercera persona.<\/p>\n\n\n\n Despu\u00e9s, se ajustaron la posici\u00f3n y la escala del controlador dentro de la escena para adaptarlo correctamente al entorno del videojuego.<\/p>\n\n\n\n Posteriormente, se arrastr\u00f3 el Avatar<\/strong> del modelo del robot hacia el personaje personalizado. De esta manera, el personaje conserv\u00f3 las animaciones y el sistema de movimiento configurado previamente.<\/p>\n\n\n\n Finalmente, se desactiv\u00f3 el robot ubicado en la carpeta Geometry<\/strong> para evitar elementos duplicados dentro de la escena.<\/p>\n\n\n\n <\/p>\n\n\n\n Durante el desarrollo del proyecto en Unity se present\u00f3 un inconveniente con el sistema de c\u00e1mara. La c\u00e1mara dej\u00f3 de seguir correctamente al personaje dentro de la escena.<\/p>\n\n\n\n Al revisar la consola de Unity, aparecieron errores relacionados con scripts faltantes en los objetos cm<\/strong> y PlayerFollowCamera<\/strong>. Despu\u00e9s de analizar el problema, se identific\u00f3 que el paquete Cinemachine<\/strong> no estaba instalado en el proyecto. Este paquete es necesario para el funcionamiento de la c\u00e1mara en tercera persona del paquete Starter Assets.<\/p>\n\n\n\n Para solucionar el error, se abri\u00f3 el Package Manager<\/strong> de Unity y se instal\u00f3 el paquete Cinemachine<\/strong> desde la secci\u00f3n Unity Registry<\/strong>.<\/p>\n\n\n\n Una vez completada la instalaci\u00f3n, Unity restaur\u00f3 autom\u00e1ticamente los componentes faltantes de la c\u00e1mara. Finalmente, el sistema volvi\u00f3 a funcionar correctamente y la c\u00e1mara sigui\u00f3 nuevamente al personaje en tiempo real.<\/p>\n\n\n\n Para a\u00f1adir m\u00e1s personajes al videojuego, se buscaron diferentes modelos en Mixamo<\/a>. Posteriormente, los modelos se descargaron junto con sus respectivas animaciones.<\/p>\n\n\n\n Despu\u00e9s de la descarga, se cre\u00f3 una carpeta para cada personaje con el fin de organizar correctamente los archivos del modelo y sus texturas antes de importarlos en Unity.<\/p>\n\n\n\n Finalmente, todas las carpetas de los personajes se arrastraron hacia la carpeta Assets<\/strong> del proyecto. Esto permiti\u00f3 mantener una estructura organizada y facilitar la implementaci\u00f3n de los modelos dentro de las diferentes escenas del videojuego.<\/p>\n\n\n\n Las escenas del proyecto se encuentran almacenadas dentro de la carpeta Scenes<\/strong> ubicada en Assets<\/strong>. En esta ubicaci\u00f3n se cre\u00f3 una nueva escena llamada Intro<\/strong>, la cual se utiliz\u00f3 como pantalla principal del videojuego.<\/p>\n\n\n\n Despu\u00e9s de crear la escena, se a\u00f1adi\u00f3 un objeto Canvas<\/strong> para dise\u00f1ar la interfaz gr\u00e1fica del men\u00fa principal. Posteriormente, el Canvas se ajust\u00f3 al tama\u00f1o de la pantalla para adaptar correctamente todos los elementos de la interfaz.<\/p>\n\n\n\n Se escala al tama\u00f1o de la pantalla<\/p>\n\n\n\n Luego, se agreg\u00f3 un Panel<\/strong> dentro del Canvas y se cre\u00f3 una carpeta destinada a almacenar las im\u00e1genes utilizadas en el proyecto.<\/p>\n\n\n\n A este panel se le va a agregar una imagen de fondo por lo que tambi\u00e9n se debe tener una carpeta para las im\u00e1genes<\/p>\n\n\n\n Para colocar la imagen principal del men\u00fa, se a\u00f1adi\u00f3 un objeto Raw Image<\/strong>. Despu\u00e9s, en el panel Inspector<\/strong>, se arrastr\u00f3 la imagen correspondiente al apartado Texture<\/strong>. Finalmente, se presion\u00f3 la tecla T<\/strong> para ajustar la imagen al tama\u00f1o completo del Canvas.<\/p>\n\n\n\n Creaci\u00f3n de escenas con im\u00e1genes<\/strong><\/p>\n\n\n\n Con el fin de evitar repetir el mismo procedimiento, se duplic\u00f3 la escena principal para crear nuevas pantallas, como la escena de controles y la escena de introducci\u00f3n.<\/p>\n\n\n\n Despu\u00e9s de copiar la escena, \u00fanicamente se reemplaz\u00f3 la imagen utilizada en el objeto Raw Image, permitiendo reutilizar la misma estructura del Canvas en las dem\u00e1s pantallas del videojuego.<\/p>\n\n\n\n Una vez dise\u00f1ado el men\u00fa principal, se a\u00f1adieron botones desde la opci\u00f3n UI > Button TextMeshPro<\/strong> dentro del Canvas.<\/p>\n\n\n\n Se crearon tres botones principales:<\/p>\n\n\n\n Posteriormente, se modificaron los colores y textos de cada bot\u00f3n para adaptarlos al dise\u00f1o visual del videojuego.<\/p>\n\n\n\n Para programar las funciones de los botones, se cre\u00f3 una carpeta llamada Scripts<\/strong> dentro de Assets<\/strong>. Luego, se gener\u00f3 un script llamado MenuPrincipal<\/strong>, encargado de controlar la navegaci\u00f3n entre escenas y la opci\u00f3n para cerrar el videojuego.<\/p>\n\n\n\n El script se asign\u00f3 al objeto Canvas arrastr\u00e1ndolo directamente desde la carpeta Scripts hacia la escena.<\/p>\n\n\n\n Despu\u00e9s, desde el apartado OnClick()<\/strong> de cada bot\u00f3n, se arrastr\u00f3 el Canvas para acceder a los m\u00e9todos creados en el script.<\/p>\n\n\n\n El m\u00e9todo Siguiente()<\/strong> permiti\u00f3 avanzar a la siguiente escena del videojuego. Por otro lado, el m\u00e9todo Atras()<\/strong> permiti\u00f3 regresar a la escena anterior. Finalmente, el m\u00e9todo QuitarJuego()<\/strong> cerr\u00f3 la aplicaci\u00f3n al presionar el bot\u00f3n de salir.<\/p>\n\n\n\n Para habilitar correctamente el cambio entre escenas, se a\u00f1adieron todas las escenas del proyecto en la opci\u00f3n File > Build Profiles<\/strong> de Unity. All\u00ed, cada escena recibi\u00f3 un n\u00famero de identificaci\u00f3n seg\u00fan el orden establecido dentro del proyecto.<\/p>\n\n\n\n M\u00e9todo para el bot\u00f3n salir del juego<\/p>\n\n\n\n Los m\u00e9todos Siguiente()<\/strong> y Atras()<\/strong> se reutilizaron en los diferentes botones del videojuego, facilitando la navegaci\u00f3n entre todas las escenas creadas.<\/p>\n\n\n\n Escenas con sus botones<\/strong><\/p>\n\n\n\n <\/p>\n\n\n\n Para implementar el selector de personajes, se cre\u00f3 una nueva escena dentro del proyecto en Unity. En esta escena se a\u00f1adieron los tres personajes previamente importados al proyecto.<\/p>\n\n\n\n Posteriormente, los modelos se organizaron dentro del escenario con el fin de visualizar correctamente cada personaje durante la selecci\u00f3n. Adem\u00e1s, se ajustaron elementos como posici\u00f3n, rotaci\u00f3n y escala para mejorar la presentaci\u00f3n visual dentro de la escena.<\/p>\n\n\n\n Despu\u00e9s de agregar los personajes a la escena, se cre\u00f3 un script llamado SimpleCharacterSelector<\/strong>. Este script permiti\u00f3 cambiar entre los diferentes personajes disponibles y seleccionar uno antes de iniciar el juego.<\/p>\n\n\n\n El c\u00f3digo se encarg\u00f3 de mostrar un personaje a la vez mediante la activaci\u00f3n y desactivaci\u00f3n de objetos. Adem\u00e1s, incluy\u00f3 funciones para avanzar al siguiente personaje, regresar al anterior y cargar la escena del primer nivel al presionar el bot\u00f3n de jugar.<\/p>\n\n\n\n Posteriormente, se cre\u00f3 un objeto vac\u00edo dentro de la jerarqu\u00eda de la escena y se le asign\u00f3 el script arrastr\u00e1ndolo desde la carpeta Scripts<\/strong>. Despu\u00e9s, en el panel Inspector<\/strong>, se configur\u00f3 la cantidad de personajes y se arrastraron los modelos correspondientes al arreglo del script.<\/p>\n\n\n\n Para mejorar la visualizaci\u00f3n del selector, se desactivaron todos los personajes y \u00fanicamente se dej\u00f3 activo el primero al iniciar la escena.<\/p>\n\n\n\n Luego, se construy\u00f3 un escenario sencillo utilizando planos para crear el entorno donde se mostrar\u00edan los personajes seleccionables.<\/p>\n\n\n\n Posteriormente, se a\u00f1adieron botones para navegar entre los personajes y confirmar la selecci\u00f3n. Cada bot\u00f3n recibi\u00f3 el m\u00e9todo correspondiente desde el apartado OnClick()<\/strong>, permitiendo ejecutar las funciones del script para avanzar, retroceder o iniciar el juego.<\/p>\n\n\n\n Una vez completada la funcionalidad, se agreg\u00f3 una imagen al plano para utilizarla como material del escenario. Finalmente, se ajust\u00f3 la posici\u00f3n de los botones y los elementos de la interfaz para mejorar la presentaci\u00f3n visual del selector de personajes.<\/p>\n\n\n\n Con el fin de mantener una estructura organizada dentro del proyecto en Unity, se cre\u00f3 una carpeta destinada a almacenar los modelos utilizados en cada nivel del videojuego.<\/p>\n\n\n\n Dentro de esta carpeta se organizaron los escenarios, objetos y recursos 3D seg\u00fan el nivel correspondiente. Esta organizaci\u00f3n facilit\u00f3 la administraci\u00f3n de archivos y permiti\u00f3 localizar r\u00e1pidamente los modelos necesarios durante el desarrollo de cada escena.<\/p>\n\n\n\nPaso A Paso<\/h2>\n\n\n\n
Importaci\u00f3n del paquete Starter Assets \u2013 Third Person Controller<\/h2>\n\n\n\n
![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-350-1024x584.png\")
<\/figure>\n\n\n\nConfiguraci\u00f3n del escenario principal<\/h2>\n\n\n\n
![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-351.png\")
<\/figure>\n\n\n\nCreaci\u00f3n e importaci\u00f3n de personajes<\/h2>\n\n\n\n
![\"Pesonaje](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-352.png\")
<\/figure>\n\n\n\n![\"UV](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-353-1024x510.png\")
<\/figure>\n\n\n\n![\"Pesonaje](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-356.png\")
<\/figure>\n\n\n\n![\"Descargar](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-357.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-358.png\")
<\/figure>\n\n\n\n![\"Robot](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-359.png\")
<\/figure>\n\n\n\n![\"Personaje](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-360-1024x410.png\")
<\/figure>\n\n\n\nSoluci\u00f3n del problema de c\u00e1mara en Unity<\/h2>\n\n\n\n
![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-361-1024x562.png\")
<\/figure>\n\n\n\nCreaci\u00f3n de los otros personajes<\/h2>\n\n\n\n
![\"Otros](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-363.png\")
<\/figure>\n\n\n\n![\"Carpeta](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-365.png\")
<\/figure>\n\n\n\nCreaci\u00f3n de interfaces y men\u00fa principal<\/h2>\n\n\n\n
Canvas de inicio<\/h2>\n\n\n\n
![\"Creando](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-373.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-374.png\")
<\/figure>\n\n\n\n![\"Creaci\u00f3n](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-375.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-376.png\")
<\/figure>\n\n\n\n![\"escalar](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-377.png\")
<\/figure>\n\n\n\n![\"Panel](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-378-1024x410.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-379.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-380.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-381-1024x400.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-382.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-383-1024x334.png\")
<\/figure>\n\n\n\nCreaci\u00f3n de botones<\/h2>\n\n\n\n
\n
![\"Creaci\u00f3n](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-384.png\")
<\/figure>\n\n\n\nProgramaci\u00f3n de botones y navegaci\u00f3n entre escenas<\/h2>\n\n\n\n
![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-388.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-389.png\")
<\/figure>\n\n\n\n<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-391.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-392.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-394.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-395.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-398.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-400.png\")
<\/figure>\n\n\n\nSelector de personajes<\/h1>\n\n\n\n
![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-416-1024x290.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-417.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-419.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-418.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-420.png\")
<\/figure>\n\n\n\nEscenario del selector de personajes<\/h2>\n\n\n\n
![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-421.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-422-1024x433.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-423.png\")
<\/figure>\n\n\n\nOrganizaci\u00f3n de modelos por niveles<\/h2>\n\n\n\n
![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-424.png\")
<\/figure>\n\n\n\nNivel 1<\/h2>\n\n\n\n
![\"laberinto\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-425.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-427.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-493.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-494.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-495.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-496.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-497.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-498-1024x191.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-499.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-500.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-501.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-502.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-503.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-504-1024x532.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/05\/image-505-1024x493.png\")
<\/figure>\n\n\n\n