{"id":52366,"date":"2024-06-02T23:23:32","date_gmt":"2024-06-03T04:23:32","guid":{"rendered":"https:\/\/niixer.com\/?p=52366"},"modified":"2024-06-03T00:47:06","modified_gmt":"2024-06-03T05:47:06","slug":"videojuego-en-unity-time-shard-seeker","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2024\/06\/02\/videojuego-en-unity-time-shard-seeker\/","title":{"rendered":"Mi primer Videojuego en Unity, La creaci\u00f3n de Time Shard Seeker"},"content":{"rendered":"\n<p>El desarrollo de un videojuego en Unity es una experiencia enriquecedora y emocionante. En este art\u00edculo, se detalla c\u00f3mo se cre\u00f3 el <a href=\"https:\/\/niixer.com\/?s=videojuego+3D\">videojuego 3D<\/a> en tercera persona &#8220;Time Shard Seeker&#8221; utilizando el motor de juego Unity. Este proyecto se centra en explorar las capacidades de Unity, uno de los motores de juego m\u00e1s vers\u00e1tiles y populares de la industria. Unity permite la creaci\u00f3n de <a href=\"https:\/\/niixer.com\/?s=juegos+2D\">juegos 2D<\/a> y <a href=\"https:\/\/niixer.com\/index.php\/2024\/03\/02\/graficos-3d-su-evolucion-de-vectores-a-realidades-virtuales\/\">3D<\/a>, y tambi\u00e9n soporta aplicaciones de <a href=\"https:\/\/niixer.com\/?s=realidad+virtual+y+aumentada\">realidad virtual y aumentada<\/a>. Es una herramienta esencial para desarrolladores en diversas plataformas.<\/p>\n\n\n\n<p>Se proporcionar\u00e1 una comprensi\u00f3n profunda de Unity, cubriendo desde su instalaci\u00f3n y configuraci\u00f3n hasta la interfaz de usuario y las capacidades de scripting. Adem\u00e1s, se abordar\u00e1n los conceptos fundamentales necesarios para configurar un proyecto de desarrollo de videojuegos en Unity, como la creaci\u00f3n y manipulaci\u00f3n de GameObjects, el uso de componentes esenciales y la implementaci\u00f3n de scripts en C#. Finalmente, se ofrecer\u00e1 un paso a paso detallado de la implementaci\u00f3n de &#8220;Time Shard Seeker&#8221;, abarcando desde la instalaci\u00f3n de Unity Hub hasta la creaci\u00f3n del ejecutable del juego, asegurando que el juego est\u00e9 listo para ser distribuido y jugado en plataformas Windows.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"549\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-33.png\" alt=\"\" class=\"wp-image-52408\" style=\"width:711px;height:auto\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-33.png 975w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-33-300x169.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-33-768x432.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Marco te\u00f3rico<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Unity<\/strong><\/h4>\n\n\n\n<p>Unity es uno de los <a href=\"https:\/\/niixer.com\/?s=motores+de+juego\">motores de juego<\/a> m\u00e1s vers\u00e1tiles y ampliamente utilizados en la industria. Ofrece soporte para una gran variedad de plataformas y permite a los desarrolladores crear desde juegos 2D y 3D hasta aplicaciones de realidad virtual y aumentada.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Instalaci\u00f3n y Configuraci\u00f3n de Unity<\/strong><\/h4>\n\n\n\n<p>Unity Hub es una herramienta esencial para gestionar m\u00faltiples proyectos y versiones del motor Unity. Su instalaci\u00f3n es sencilla y comienza con la descarga desde el sitio oficial de Unity. Unity Hub soporta varios sistemas operativos, incluyendo Windows, macOS y varias distribuciones de Linux. Para instalar Unity Hub, el usuario debe seguir las instrucciones en pantalla proporcionadas por el instalador. Una vez instalado, es necesario crear o iniciar sesi\u00f3n con una cuenta de Unity ID para continuar utilizando la aplicaci\u00f3n (Unity Technologies, s.f.).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Requisitos del Sistema<\/strong><\/h4>\n\n\n\n<p>Unity Hub es compatible con sistemas operativos como Windows 7 SP1+, 8, 10 (64 bits), 11, macOS X 10.13+, CentOS 7, Rocky y varias versiones de Ubuntu. Es importante destacar que Unity ha dejado de soportar <a href=\"https:\/\/www.microsoft.com\/es-co\/windows?r=1\">Windows<\/a> 7 a partir de la versi\u00f3n 2023.1, por lo que se recomienda actualizar a un sistema operativo compatible para garantizar la mejor experiencia de uso (Unity Technologies, s.f.).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Instalaci\u00f3n en Linux<\/strong><\/h4>\n\n\n\n<p>Unity Hub es compatible con sistemas operativos como Windows 7 SP1+, 8, 10 (64 bits), 11, macOS X 10.13+, CentOS 7, Rocky y varias versiones de Ubuntu. Es importante destacar que Unity ha dejado de soportar Windows 7 a partir de la versi\u00f3n 2023.1, por lo que se recomienda actualizar a un sistema operativo compatible para garantizar la mejor experiencia de uso (Unity Technologies, s.f.).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Interfaz de Usuario Unity<\/strong><\/h4>\n\n\n\n<p>La interfaz de Unity est\u00e1 dise\u00f1ada para proporcionar un entorno de desarrollo eficiente y accesible, compuesto por varias ventanas clave que desempe\u00f1an funciones espec\u00edficas. La barra de herramientas, ubicada en la parte superior, ofrece acceso a la cuenta de Unity, los servicios en la nube de Unity, y contiene controles para el modo de reproducci\u00f3n, historial de deshacer, b\u00fasqueda en Unity, un men\u00fa de visibilidad de capas y el men\u00fa de dise\u00f1o del editor.<\/p>\n\n\n\n<p>La ventana de jerarqu\u00eda muestra una representaci\u00f3n jer\u00e1rquica de todos los GameObjects en la escena, revelando c\u00f3mo estos objetos se relacionan entre s\u00ed. Por su parte, la vista de juego simula c\u00f3mo se ver\u00e1 el juego final a trav\u00e9s de las c\u00e1maras de la escena cuando se presiona el bot\u00f3n de reproducci\u00f3n, mientras que la vista de escena permite navegar visualmente y editar la escena en perspectivas 2D o 3D, dependiendo del proyecto (Unity Technologies, s.f.).<\/p>\n\n\n\n<p>Adem\u00e1s, la interfaz incluye herramientas esenciales para la manipulaci\u00f3n de la vista de escena y los GameObjects dentro de ella, accesibles a trav\u00e9s de las superposiciones. La ventana del inspector permite ver y editar todas las propiedades del GameObject seleccionado, ajust\u00e1ndose din\u00e1micamente seg\u00fan el tipo de objeto. <\/p>\n\n\n\n<p>La ventana del proyecto muestra la biblioteca de assets disponibles para el proyecto, y es donde aparecen los assets importados. Finalmente, la barra de estado proporciona notificaciones sobre diversos procesos de Unity y ofrece acceso r\u00e1pido a herramientas y configuraciones relacionadas, mejorando la eficiencia del flujo de trabajo del desarrollador (Unity Technologies, s.f.).<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Desarrollo de Juegos en 3D en Unity<\/strong><\/h4>\n\n\n\n<p>Para crear un <a href=\"https:\/\/niixer.com\/?s=videojuego\">videojuego<\/a> en Unity en 3D, es fundamental configurar el proyecto y familiarizarse con varios conceptos clave. Primero, se deben entender los fundamentos, que incluyen los GameObjects. Estos representan personajes, objetos y escenarios dentro del juego. <\/p>\n\n\n\n<p>Los GameObjects existen en entornos tridimensionales llamados escenas. Las escenas pueden representar niveles de juego, men\u00fas u otras partes del juego. El comportamiento de los GameObjects se define mediante componentes. Por ejemplo, el Transform determina su posici\u00f3n, rotaci\u00f3n y escala; el Mesh Filter define la forma del objeto; y el Mesh Renderer determina c\u00f3mo se ve el objeto en 3D. <\/p>\n\n\n\n<p>Otros componentes esenciales incluyen las c\u00e1maras, que capturan y muestran el mundo del juego al jugador; los Rigidbodies, que permiten la interacci\u00f3n con el sistema de f\u00edsica, incluyendo gravedad y colisiones; y los colliders, que definen la forma del objeto para prop\u00f3sitos de colisiones f\u00edsicas (Unity Technologies, s.f.).<\/p>\n\n\n\n<p>La creaci\u00f3n de <a href=\"https:\/\/unity.com\/es\/how-to\/programming-unity\">scripts<\/a> permite a los desarrolladores personalizar los componentes y el comportamiento de los GameObjects. Unity soporta nativamente el lenguaje de programaci\u00f3n C#, lo que facilita la programaci\u00f3n de eventos de juego. <\/p>\n\n\n\n<p>Los scripts permiten la modificaci\u00f3n de propiedades de los componentes a lo largo del tiempo y la respuesta a las entradas del usuario. Por ejemplo, pueden recibir entradas del jugador para mover un GameObject, establecer estados de victoria o derrota, y afectar componentes como transformaciones, <a href=\"https:\/\/niixer.com\/?s=animaciones\">animaciones<\/a> o renderizados en funci\u00f3n de otras variables. Para obtener m\u00e1s detalles sobre c\u00f3mo utilizar scripts en Unity, se recomienda seguir el curso de iniciaci\u00f3n en scripting de Unity Learn (Unity Technologies, s.f.).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Assets en Unity<\/strong><\/h4>\n\n\n\n<p>La importaci\u00f3n de assets externos en Unity es sencilla y directa. Primero, se exportan o copian archivos en la carpeta &#8220;Assets&#8221; del proyecto. Unity lee y reimporta autom\u00e1ticamente estos archivos cuando se guardan nuevas modificaciones. Al crear un proyecto, se generan subcarpetas como Temp, Library, Assets, ProjectSettings, Logs y Packages.<\/p>\n\n\n\n<p>Los archivos en la carpeta &#8220;Assets&#8221; se muestran en la ventana del proyecto, permitiendo su uso en el desarrollo del videojuego en Unity. Unity no modifica el archivo fuente original durante la importaci\u00f3n. En su lugar, crea una representaci\u00f3n lista para el juego basada en la configuraci\u00f3n de importaci\u00f3n seleccionada. Esto asegura que cualquier cambio en la configuraci\u00f3n o en el archivo fuente se refleje adecuadamente en el proyecto (Unity Technologies, s.f.).<\/p>\n\n\n\n<p>Adem\u00e1s, Unity detecta autom\u00e1ticamente los archivos agregados o modificados en la carpeta &#8220;Assets&#8221; y los muestra en la ventana del proyecto. Al arrastrar un archivo desde el explorador de archivos a la ventana del proyecto, se crea una copia en la carpeta &#8220;Assets&#8221;. Para mover o renombrar assets de manera segura, es recomendable hacerlo desde la carpeta del proyecto de Unity. Esto asegura que se muevan o renombren los archivos &#8220;.meta&#8221; correspondientes.<\/p>\n\n\n\n<p>Cada tipo de asset tiene configuraciones de importaci\u00f3n que afectan su apariencia o comportamiento. Por ejemplo, las configuraciones de importaci\u00f3n de una imagen permiten elegir si se importa como textura, sprite 2D o mapa normal. Unity tambi\u00e9n procesa archivos complejos que pueden generar m\u00faltiples assets, como materiales y texturas embebidas en archivos 3D, o m\u00faltiples sprites y clips de animaci\u00f3n definidos en archivos de imagen o animaci\u00f3n (Unity Technologies, s.f.).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Scripting en el desarrollo de un videojuego en Unity<\/strong><\/h4>\n\n\n\n<p>El scripting es un componente fundamental en todas las aplicaciones creadas en Unity. Permite que los juegos y aplicaciones respondan a las entradas del jugador y gestionen eventos de juego. Adem\u00e1s de esto, los scripts pueden ser utilizados para crear efectos gr\u00e1ficos, controlar el comportamiento f\u00edsico de los objetos o incluso implementar sistemas de inteligencia artificial personalizados para los personajes del videojuego en Unity. En Unity, los scripts se escriben en C# y pueden interactuar con los componentes del motor para modificar propiedades, manejar eventos y definir comportamientos complejos. Este enfoque permite una gran flexibilidad y potencia en el desarrollo de aplicaciones interactivas (Unity Technologies, s.f.).<\/p>\n\n\n\n<p>Para configurar tu entorno de scripting en Unity, es necesario familiarizarse con varios conceptos clave, como las clases importantes, la arquitectura de Unity y el uso de plugins. Unity tambi\u00e9n ofrece un sistema de trabajos en <a href=\"https:\/\/learn.microsoft.com\/es-es\/dotnet\/csharp\/\">C#<\/a> que mejora la eficiencia de la ejecuci\u00f3n de scripts. Adem\u00e1s, la API de Unity incluye herramientas como UnityWebRequest para manejar solicitudes web, y propiedades espec\u00edficas de Unity que facilitan la interacci\u00f3n con el motor de juego. Estos conceptos y herramientas son esenciales para desarrollar aplicaciones robustas y eficientes en Unity (Unity Technologies, s.f.).<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Paso a paso para el desarrollo del videojuego en Unity<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Instalaci\u00f3n de Unity Hub<\/h4>\n\n\n\n<p>Accedemos a la <a href=\"https:\/\/unity.com\/es\/download\">p\u00e1gina oficial de Unity<\/a> para descargar Unity Hub.<\/p>\n\n\n\n<p><strong>Figura 1: Instalaci\u00f3n de Unity Hub<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"617\" height=\"480\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-9.png\" alt=\" Instalaci\u00f3n de Unity Hub para el desarrollo del videojuego en Unity\" class=\"wp-image-52372\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-9.png 617w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-9-300x233.png 300w\" sizes=\"auto, (max-width: 617px) 100vw, 617px\" \/><\/figure>\n\n\n\n<p>Instalamos Unity Hub y accedemos con la cuenta registrada en Unity o creamos una nueva cuenta si no tenemos una.<\/p>\n\n\n\n<p><strong>Figura 2: Inicio de sesi\u00f3n Unity Hub<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"861\" height=\"505\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-10.png\" alt=\"\" class=\"wp-image-52373\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-10.png 861w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-10-300x176.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-10-768x450.png 768w\" sizes=\"auto, (max-width: 861px) 100vw, 861px\" \/><\/figure>\n\n\n\n<p>Una vez accedemos, podemos ver la p\u00e1gina inicial de Unity Hub donde se listan los proyectos existentes, pero a\u00fan no tenemos ninguno.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Figura 3: Inicio de Unity Hub<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"791\" height=\"463\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-15.png\" alt=\"Unity Hub para el desarrollo del videojuego en Unity\" class=\"wp-image-52379\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-15.png 791w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-15-300x176.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-15-768x450.png 768w\" sizes=\"auto, (max-width: 791px) 100vw, 791px\" \/><\/figure>\n\n\n\n<p>Damos clic en &#8220;New Project&#8221;, seleccionamos la plantilla &#8220;3D (Built-in Render Pipeline)&#8221; y luego hacemos clic en &#8220;Create Project&#8221;.<\/p>\n\n\n\n<p><strong>Figura 4: New Project<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"882\" height=\"516\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-11.png\" alt=\"Desarrollo del videojuego en Unity\" class=\"wp-image-52374\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-11.png 882w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-11-300x176.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-11-768x449.png 768w\" sizes=\"auto, (max-width: 882px) 100vw, 882px\" \/><\/figure>\n\n\n\n<p>Aqu\u00ed nuestro proyecto se est\u00e1 creando y Unity est\u00e1 realizando la configuraci\u00f3n inicial. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"791\" height=\"463\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-12.png\" alt=\"Desarrollo del videojuego en Unity\" class=\"wp-image-52375\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-12.png 791w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-12-300x176.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-12-768x450.png 768w\" sizes=\"auto, (max-width: 791px) 100vw, 791px\" \/><\/figure>\n\n\n\n<p>Unity est\u00e1 configurando todo nuestro proyecto, incluyendo las carpetas necesarias y los ajustes iniciales.<\/p>\n\n\n\n<p><strong>Figura 5: Unity configurando proyecto<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"717\" height=\"537\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-13.png\" alt=\"Desarrollo del videojuego en Unity\" class=\"wp-image-52376\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-13.png 717w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-13-300x225.png 300w\" sizes=\"auto, (max-width: 717px) 100vw, 717px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Construcci\u00f3n del Proyecto &#8211; Videojuego en Unity<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Primer nivel de nuestro videjuego en Unity<\/strong><\/h4>\n\n\n\n<p>Primero, agregamos los assets del Starter Pack &#8220;Starter Assets &#8211; ThirdPerson&#8221; para el movimiento en tercera persona.<\/p>\n\n\n\n<p><strong>Paquete Starter Assets de Unity Tecnhnologies<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"495\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-17.png\" alt=\"\" class=\"wp-image-52385\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-17.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-17-300x158.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-17-768x404.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-17-390x205.png 390w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"667\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-18.png\" alt=\"\" class=\"wp-image-52386\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-18.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-18-300x213.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-18-768x544.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p><strong>Proceso de Instalaci\u00f3n del paquete<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"936\" height=\"180\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-19.png\" alt=\"\" class=\"wp-image-52387\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-19.png 936w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-19-300x58.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-19-768x148.png 768w\" sizes=\"auto, (max-width: 936px) 100vw, 936px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>Starter Assets importado en Unity<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"809\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-20.png\" alt=\"\" class=\"wp-image-52388\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-20.png 809w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-20-300x208.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-20-768x533.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-20-392x272.png 392w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-20-130x90.png 130w\" sizes=\"auto, (max-width: 809px) 100vw, 809px\" \/><\/figure>\n\n\n\n<p>Agregamos un suelo del mismo asset y, en la carpeta de prefabs, a\u00f1adimos la &#8220;Main Camera&#8221;, &#8220;PlayerFollowCamera&#8221; y &#8220;Player Armature&#8221;. Luego, se renombr\u00f3 el &#8220;Player Armature&#8221; a &#8220;MainCharacter&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"511\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-21.png\" alt=\"\" class=\"wp-image-52393\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-21.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-21-300x163.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-21-768x417.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"666\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-22.png\" alt=\"\" class=\"wp-image-52394\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-22.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-22-300x212.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-22-768x544.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>A continuaci\u00f3n, se import\u00f3 el modelo &#8220;RPG Tiny Hero Duo PBR Polyart&#8221; que se desea usar para el personaje principal.<\/p>\n\n\n\n<p><strong>Figura 9: Importamos RPG Tiny Hero<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"508\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-23.png\" alt=\"\" class=\"wp-image-52395\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-23.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-23-300x162.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-23-768x415.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"667\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-24.png\" alt=\"\" class=\"wp-image-52396\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-24.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-24-300x213.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-24-768x544.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"542\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-25.png\" alt=\"\" class=\"wp-image-52397\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-25.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-25-300x173.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-25-768x442.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>El modelo del personaje fue importado y <a href=\"https:\/\/niixer.com\/?s=renderizado\">renderizado<\/a>.<\/p>\n\n\n\n<p><strong>Figura 10: Modelo del personaje<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"536\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-26.png\" alt=\"\" class=\"wp-image-52398\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-26.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-26-300x171.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-26-768x437.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Se coloc\u00f3 el personaje en la escena, tomado de la carpeta de prefab. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"545\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-27.png\" alt=\"\" class=\"wp-image-52399\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-27.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-27-300x174.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-27-768x445.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Luego, se desempaquet\u00f3 el prefab completamente y se elimin\u00f3 el componente &#8220;Skeleton&#8221;. Dentro de &#8220;Geometry&#8221;, se elimin\u00f3 el &#8220;Armature Mesh&#8221; para colocar el modelo del personaje principal. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"514\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-28.png\" alt=\"\" class=\"wp-image-52400\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-28.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-28-300x164.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-28-768x420.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"516\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-29.png\" alt=\"\" class=\"wp-image-52401\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-29.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-29-300x165.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-29-768x421.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Adem\u00e1s, se removi\u00f3 el componente de las animaciones que ten\u00eda el personaje por defecto.<\/p>\n\n\n\n<p><strong>Figura 11: Remover componente de animaciones<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"933\" height=\"1024\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-30-933x1024.png\" alt=\"\" class=\"wp-image-52402\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-30-933x1024.png 933w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-30-273x300.png 273w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-30-768x843.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-30.png 941w\" sizes=\"auto, (max-width: 933px) 100vw, 933px\" \/><\/figure>\n\n\n\n<p>Primero, agregamos los assets del Starter Pack &#8220;Starter Assets &#8211; ThirdPerson&#8221; para el movimiento en tercera persona. Por lo cual, seleccionamos el avatar correspondiente a nuestro personaje principal importado.<\/p>\n\n\n\n<p><strong>Figura 12: Select Avatar<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"860\" height=\"1024\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-31-860x1024.png\" alt=\"\" class=\"wp-image-52405\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-31-860x1024.png 860w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-31-252x300.png 252w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-31-768x914.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-31.png 941w\" sizes=\"auto, (max-width: 860px) 100vw, 860px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"511\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-32.png\" alt=\"\" class=\"wp-image-52406\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-32.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-32-300x163.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-32-768x417.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>El paquete &#8220;Low Poly Atmospheric Locations Pack&#8221; fue importado para construir el segundo nivel posteriormente.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"520\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-34.png\" alt=\"\" class=\"wp-image-52416\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-34.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-34-300x166.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-34-768x424.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"667\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-35.png\" alt=\"\" class=\"wp-image-52417\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-35.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-35-300x213.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-35-768x544.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Por consiguiente, empezamos con la construcci\u00f3n del primer nivel utilizando los assets del &#8220;Starter Assets&#8221;. Para ello, se cre\u00f3 el \u00e1rea donde se delimitar\u00e1 el nivel y se coloc\u00f3 el suelo.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Construcci\u00f3n del primer nivel<\/strong><\/h4>\n\n\n\n<p><strong>Figura 13: \u00c1rea del nivel 1<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"931\" height=\"555\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-36.png\" alt=\"\u00c1rea del nivel 1\" class=\"wp-image-52418\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-36.png 931w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-36-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-36-768x458.png 768w\" sizes=\"auto, (max-width: 931px) 100vw, 931px\" \/><\/figure>\n\n\n\n<p>Luego, se colocaron los muros que delimitan el borde del nivel.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"931\" height=\"555\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-37.png\" alt=\"\" class=\"wp-image-52419\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-37.png 931w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-37-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-37-768x458.png 768w\" sizes=\"auto, (max-width: 931px) 100vw, 931px\" \/><\/figure>\n\n\n\n<p><strong>Figura 14: Delimitaci\u00f3n \u00c1rea del nivel 1<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"871\" height=\"519\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-38.png\" alt=\"\" class=\"wp-image-52420\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-38.png 871w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-38-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-38-768x458.png 768w\" sizes=\"auto, (max-width: 871px) 100vw, 871px\" \/><\/figure>\n\n\n\n<p>Se cre\u00f3 la estructura del laberinto usando los prefabs de &#8220;Starter Assets&#8221;.<\/p>\n\n\n\n<p><strong>Figura 15: Estructura del laberinto<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-39.png\" alt=\"Estructura del laberinto del nivel 1\" class=\"wp-image-52421\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-39.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-39-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-39-768x458.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Para que los muros no se vean de forma plana, se unieron cuatro prefabs de muro y se acomodaron para que se vean como una estructura rocosa.<\/p>\n\n\n\n<p><strong>Figura 16: Cuatro prefabs de muro<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-40.png\" alt=\"\" class=\"wp-image-52423\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-40.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-40-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-40-768x458.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Aplicaci\u00f3n de Texturas y Configuraci\u00f3n del Entorno<\/strong><\/h3>\n\n\n\n<p>Los assets para la textura del piso y las paredes fueron importados. Se coloc\u00f3 el material en cada uno de los muros y, utilizando la propiedad Tiling, se ajust\u00f3 el material para que los ladrillos queden dispuestos de una mejor manera.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"544\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-41.png\" alt=\"\" class=\"wp-image-52425\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-41.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-41-300x213.png 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Aplicaci\u00f3n de textura a los muros del primer nivel<\/strong><\/h3>\n\n\n\n<p><strong>Figura 17: Aplicaci\u00f3n de textura a los muros en Unity con la propiedad Tiling<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-42.png\" alt=\"\" class=\"wp-image-52426\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-42.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-42-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-42-768x458.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"932\" height=\"556\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-43.png\" alt=\"\" class=\"wp-image-52433\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-43.png 932w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-43-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-43-768x458.png 768w\" sizes=\"auto, (max-width: 932px) 100vw, 932px\" \/><\/figure>\n\n\n\n<p>De igual forma, se coloc\u00f3 el material en el piso y se escal\u00f3 para que se vea de la mejor forma posible, utilizando la propiedad Tiling para ajustar las texturas adecuadamente.<\/p>\n\n\n\n<p><strong>Aplicaci\u00f3n de textura al piso en Unity con la propiedad Tiling<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"892\" height=\"532\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-44.png\" alt=\"\" class=\"wp-image-52434\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-44.png 892w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-44-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-44-768x458.png 768w\" sizes=\"auto, (max-width: 892px) 100vw, 892px\" \/><\/figure>\n\n\n\n<p><strong>Figura 19: Avance de aplicaci\u00f3n de texturas a paredes, piso y muros<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-45.png\" alt=\"\" class=\"wp-image-52435\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-45.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-45-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-45-768x458.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p><strong>Figura 20: \u00c1rea con texturas aplicadas a las paredes, el piso y los muros<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-46.png\" alt=\"\" class=\"wp-image-52436\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-46.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-46-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-46-768x458.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>En la <strong>Figura 19<\/strong>, se muestra el avance en la aplicaci\u00f3n de texturas a las paredes, el piso y los muros. En el siguiente paso, se aplicar\u00e1 la textura al techo para completar el \u00e1rea del nivel. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-47.png\" alt=\"\" class=\"wp-image-52437\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-47.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-47-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-47-768x458.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Para completar la estructura del nivel, se agregaron techos. Adem\u00e1s, se a\u00f1adieron algunos assets de objetos como antorchas del paquete &#8220;Simple Modular Dungeon&#8221; para que el escenario no se vea tan vac\u00edo y se mejor\u00f3 la ambientaci\u00f3n del calabozo a\u00f1adiendo luces.<\/p>\n\n\n\n<p><strong>Figura 21: Adici\u00f3n del paquete &#8220;Simple Modular Dungeon&#8221; a los assets del proyecto<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"506\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-48.png\" alt=\"\" class=\"wp-image-52438\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-48.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-48-300x161.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-48-768x413.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Una vez agregado el paquete, se verific\u00f3 su contenido y detalles en el Package Manager de Unity.<\/p>\n\n\n\n<p><strong>Figura 22: Vista del paquete &#8220;Simple Modular Dungeon&#8221;<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"866\" height=\"614\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-49.png\" alt=\"\" class=\"wp-image-52439\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-49.png 866w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-49-300x213.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-49-768x545.png 768w\" sizes=\"auto, (max-width: 866px) 100vw, 866px\" \/><\/figure>\n\n\n\n<p>Se utilizaron los prefabs del paquete para colocar objetos decorativos como un c\u00e1liz con iluminaci\u00f3n.<\/p>\n\n\n\n<p><strong>Figura 23: C\u00e1liz con iluminaci\u00f3n en el calabozo<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-50.png\" alt=\"\" class=\"wp-image-52440\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-50.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-50-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-50-768x458.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Para mejorar la ambientaci\u00f3n, se a\u00f1adieron antorchas del paquete &#8220;Simple Modular Dungeon&#8221;. Tambi\u00e9n se agregaron luces a las antorchas para proporcionar una iluminaci\u00f3n m\u00e1s realista y mejorar el aspecto visual del calabozo.<\/p>\n\n\n\n<p><strong>Figura 24: Adici\u00f3n de antorchas y luces al calabozo<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"453\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-51.png\" alt=\"\" class=\"wp-image-52441\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-51.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-51-300x144.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-51-768x370.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Creaci\u00f3n y Configuraci\u00f3n de Objetos Recolectables<\/strong><\/h3>\n\n\n\n<p>Se empezaron a crear los objetos que el jugador deber\u00e1 reunir, que en este caso ser\u00e1n cristales denominados fragmentos.<\/p>\n\n\n\n<p><strong>Figura 25: Adici\u00f3n del paquete &#8220;Low Poly Gems&#8221;<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"511\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-52.png\" alt=\"\" class=\"wp-image-52450\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-52.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-52-300x163.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-52-768x417.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>En esta etapa, se a\u00f1adi\u00f3 el paquete &#8220;Low Poly Gems&#8221; a los assets del proyecto en Unity. Este paquete contiene varios tipos de gemas o cristales que el jugador deber\u00e1 reunir en el juego. Una vez agregado el paquete, se verific\u00f3 su contenido y detalles en el Package Manager de Unity.<\/p>\n\n\n\n<p><strong>Figura 26: Vista del paquete &#8220;Low Poly Gems&#8221;<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"667\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-53.png\" alt=\"\" class=\"wp-image-52451\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-53.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-53-300x213.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-53-768x544.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Se seleccion\u00f3 el tipo de cristal &#8220;Stone5&#8221; de entre las gemas importadas para utilizarlas en el juego.<\/p>\n\n\n\n<p><strong>Figura 27: Selecci\u00f3n del tipo de cristal &#8220;Stone5&#8221;<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"315\" height=\"663\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-54.png\" alt=\"\" class=\"wp-image-52452\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-54.png 315w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-54-143x300.png 143w\" sizes=\"auto, (max-width: 315px) 100vw, 315px\" \/><\/figure>\n\n\n\n<p>Los cristales fueron colocados en el escenario y se les a\u00f1adi\u00f3 una luz azul para que se vean m\u00e1s m\u00e1gicos y llamativos.<\/p>\n\n\n\n<p><strong>Figura 28: Colocaci\u00f3n del cristal en el escenario<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-55.png\" alt=\"\" class=\"wp-image-52453\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-55.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-55-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-55-768x458.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p><strong>Figura 29: Vista del cristal con luz azul en el calabozo<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-56.png\" alt=\"\" class=\"wp-image-52454\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-56.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-56-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-56-768x458.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Se observa c\u00f3mo el cristal con luz azul se integra en el calabozo, proporcionando un atractivo visual adicional.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Creaci\u00f3n de Scripts para el videojuego en Unity<\/h3>\n\n\n\n<p>Se crearon dos scripts en Visual Studio. El primero maneja las interacciones del objeto GemaTiempo.<\/p>\n\n\n\n<p><strong>Figura 30: Script que maneja la interacci\u00f3n del objeto GemaTiempo<\/strong><\/p>\n\n\n\n<p><strong>Script<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>using System.Collections;\nusing System.Collections.Generic;\nusing UnityEngine;\nusing TMPro;\n\npublic class ObjectInteract : MonoBehaviour\n{\n    public TextMeshProUGUI texto;\n    public Inventari inventory;\n\n    void Start()\n    {\n        inventory = GameObject.FindGameObjectWithTag(\"Player\").GetComponent&lt;Inventari&gt;();\n    }\n\n    private void OnTriggerEnter(Collider other)\n    {\n        if (other.tag == \"Player\")\n        {\n            inventory.cantidad = inventory.cantidad + 1;\n            Destroy(gameObject);\n            texto.text = \"Contador: \" + inventory.cantidad + \"\/10\";\n        }\n    }\n}<\/code><\/pre>\n\n\n\n<p>El segundo script maneja el inventario del personaje.<\/p>\n\n\n\n<p><strong>Figura 31: Script que maneja el inventario del personaje<\/strong><\/p>\n\n\n\n<p><strong>Script<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>using System.Collections;\nusing System.Collections.Generic;\nusing UnityEngine;\n\npublic class Inventari : MonoBehaviour\n{\n    public int cantidad = 0;\n}<\/code><\/pre>\n\n\n\n<p>Estos scripts se asignaron al personaje y a la gema, respectivamente.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>using System.Collections;\nusing System.Collections.Generic;\nusing UnityEngine;\nusing TMPro;\n\npublic class ObjectInteract : MonoBehaviour\n{\n    public TextMeshProUGUI texto;\n    public Inventari inventory;\n\n    void Start()\n    {\n        inventory = GameObject.FindGameObjectWithTag(\"Player\").GetComponent&lt;Inventari&gt;();\n    }\n\n    private void OnTriggerEnter(Collider other)\n    {\n        if (other.tag == \"Player\")\n        {\n            inventory.cantidad = inventory.cantidad + 1;\n            Destroy(gameObject);\n            texto.text = \"Contador: \" +inventory.cantidad + \"\/10\";\n        }\n    }\n}<\/code><\/pre>\n\n\n\n<p><strong>Figura 31: Script que maneja el inventario del personaje<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>using System.Collections;\nusing System.Collections.Generic;\nusing UnityEngine;\n\npublic class Inventari : MonoBehaviour\n{\n    public int cantidad = 0;\n}<\/code><\/pre>\n\n\n\n<p>Estos scripts se los asignamos al personaje y a la gema cada uno al que corresponde.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"485\" height=\"1024\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-57-485x1024.png\" alt=\"\" class=\"wp-image-52455\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-57-485x1024.png 485w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-57-142x300.png 142w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-57.png 488w\" sizes=\"auto, (max-width: 485px) 100vw, 485px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"477\" height=\"1024\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-58-477x1024.png\" alt=\"\" class=\"wp-image-52456\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-58-477x1024.png 477w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-58-140x300.png 140w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-58.png 510w\" sizes=\"auto, (max-width: 477px) 100vw, 477px\" \/><\/figure>\n\n\n\n<p><strong>Figura 32: Personaje junto a una gema en el escenario<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-59.png\" alt=\"\" class=\"wp-image-52457\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-59.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-59-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-59-768x458.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Por \u00faltimo, para cambiar de nivel creamos el siguiente script y lo agregamos al portal de cambio de nivel, solo se podr\u00e1 realizar el cambio de nivel una vez se hayan recogido las 10 gemas.<\/p>\n\n\n\n<p><strong>Figura 33: Script para el cambio de nivel<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>using System.Collections;\nusing System.Collections.Generic;\nusing UnityEngine;\nusing UnityEngine.SceneManagement;\n\npublic class ChangeLevel : MonoBehaviour\n{\n    public int indiceNivel;\n    public Inventari inventory;\n    public bool pasarNivel;\n\n    void Start()\n    {\n        inventory = GameObject.FindGameObjectWithTag(\"Player\").GetComponent&lt;Inventari&gt;();\n    }\n\n    private void OnTriggerEnter(Collider other)\n    {\n        if (other.CompareTag(\"Player\"))\n        if(inventory.cantidad == 10){\n                {\n                    CambiarNivel(indiceNivel);\n                }\n            }\n    }\n\n    public void CambiarNivel(int indice)\n    {\n        SceneManager.LoadScene(indice);\n    }\n}<\/code><\/pre>\n\n\n\n<p><strong>Figura 34: Portal de cambio de nivel<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-60.png\" alt=\"\" class=\"wp-image-52459\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-60.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-60-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-60-768x458.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Construcci\u00f3n del segundo nivel del videojuego en Unity<\/strong><\/h3>\n\n\n\n<p>Comenzamos con la construcci\u00f3n del segundo nivel, para esto seleccionamos 3 prefabs que ya hab\u00edan de uno de los assets que importamos.<\/p>\n\n\n\n<p><strong>Figura 35: Selecci\u00f3n de prefabs para la construcci\u00f3n del segundo nivel<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-61.png\" alt=\"\" class=\"wp-image-52461\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-61.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-61-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-61-768x458.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Colocamos las 3 islas que vamos a utilizar, adem\u00e1s ajustamos los colliders ya que la mayor\u00eda son box collider.<\/p>\n\n\n\n<p><strong>Las tres islas seleccionadas para el segundo nivel<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-62.png\" alt=\"\" class=\"wp-image-52462\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-62.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-62-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-62-768x458.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p><strong>Ajuste de colliders<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-63.png\" alt=\"\" class=\"wp-image-52464\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-63.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-63-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-63-768x458.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p><strong>Ambientaci\u00f3n de la estaci\u00f3n ferroviaria<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-64.png\" alt=\"\" class=\"wp-image-52465\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-64.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-64-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-64-768x458.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Cada isla cuenta con su iluminaci\u00f3n<\/p>\n\n\n\n<p>individual para darle mejor ambientaci\u00f3n al escenario y a la situaci\u00f3n.<\/p>\n\n\n\n<p><strong>Figura 39: Iluminaci\u00f3n individual para cada isla en el segundo nivel<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-65.png\" alt=\"\" class=\"wp-image-52466\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-65.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-65-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-65-768x458.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Agregamos otra isla para colocar el portal de salida del nivel y al igual que en el nivel 1 el debe conseguir todas las gemas para lograr salir.<\/p>\n\n\n\n<p><strong>Figura 40: Vista superior de la isla agregada para el portal de salida<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-66.png\" alt=\"\" class=\"wp-image-52469\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-66.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-66-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-66-768x458.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p><strong>Figura 41: Ajuste de los componentes de la isla para el portal<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"563\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-67.png\" alt=\"\" class=\"wp-image-52470\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-67.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-67-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-67-768x459.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Configuramos el Mesh Collider en la isla para asegurar una correcta interacci\u00f3n del jugador con el entorno y los elementos del juego.<\/p>\n\n\n\n<p><strong>Figura 42: Configuraci\u00f3n del Mesh Collider en la isla para el portal<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"563\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-68.png\" alt=\"\" class=\"wp-image-52472\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-68.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-68-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-68-768x459.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p><strong>Figura 43: Vista general del segundo nivel con las tres islas principales y el portal.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-69.png\" alt=\"\" class=\"wp-image-52473\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-69.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-69-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-69-768x458.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Ahora colocamos todas las gemas y las distribuimos en cada una de las islas en sitios espec\u00edficos, tambi\u00e9n colocamos el portal de salida que cuenta las gemas y nos permite salir del nivel.<\/p>\n\n\n\n<p><strong>Figura 44: Distribuci\u00f3n de las gemas en las islas del segundo nivel<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-70.png\" alt=\"\" class=\"wp-image-52474\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-70.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-70-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-70-768x458.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p><strong>Figura 45: Ajuste del portal de salida en el segundo nivel<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-71.png\" alt=\"\" class=\"wp-image-52475\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-71.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-71-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-71-768x458.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Ahora agregamos los muros invisibles para que no podamos caernos al vac\u00edo.<\/p>\n\n\n\n<p><strong>Figura 46: Ajuste de muros invisibles<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-72.png\" alt=\"\" class=\"wp-image-52476\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-72.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-72-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-72-768x458.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-74.png\" alt=\"\" class=\"wp-image-52479\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-74.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-74-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-74-768x458.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-75.png\" alt=\"\" class=\"wp-image-52482\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-75.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-75-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-75-768x458.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Construcci\u00f3n de los elementos de UI para el videojuego<\/strong><\/h3>\n\n\n\n<p>Creamos una nueva escena y la guardamos como MainMenu.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Primeros pasos en el componente de Canvas en Unity<\/strong><\/h4>\n\n\n\n<p><strong>Figura 47: Creaci\u00f3n de la escena MainMenu<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"681\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-76.png\" alt=\"\" class=\"wp-image-52484\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-76.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-76-300x217.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-76-768x556.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Para comenzar, configuramos la escena un poco, cambiando la c\u00e1mara de Skybox a color s\u00f3lido. Para esto, seleccionamos \u201cMainCamera\u201d.<\/p>\n\n\n\n<p><strong>Figura 48: Selecci\u00f3n MainCamera<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"688\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-77.png\" alt=\"\" class=\"wp-image-52485\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-77.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-77-300x219.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-77-768x562.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Luego de esto cambiamos de Skybox a Solid Color y seleccionamos el color de preferencia.<\/p>\n\n\n\n<p><strong>Figura 49: Cambio de Skybox a color s\u00f3lido<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"595\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-78.png\" alt=\"\" class=\"wp-image-52486\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-78.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-78-300x190.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-78-768x486.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Para crear elementos de UI, hacemos clic derecho en la jerarqu\u00eda, seleccionamos UI y all\u00ed la opci\u00f3n Canvas.<\/p>\n\n\n\n<p><strong>Figura 50: Creaci\u00f3n de elementos de UI en la jerarqu\u00eda<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"579\" height=\"1024\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-79-579x1024.png\" alt=\"\" class=\"wp-image-52487\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-79-579x1024.png 579w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-79-170x300.png 170w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-79.png 696w\" sizes=\"auto, (max-width: 579px) 100vw, 579px\" \/><\/figure>\n\n\n\n<p>Ajustamos la resoluci\u00f3n del Canvas configurando el Canvas Scaler para escalar con el tama\u00f1o de la pantalla. Establecemos la resoluci\u00f3n de referencia a 1920&#215;1080.<\/p>\n\n\n\n<p><strong>Figura 51: Ajuste de la resoluci\u00f3n del Canvas<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"514\" height=\"325\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-80.png\" alt=\"\" class=\"wp-image-52489\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-80.png 514w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-80-300x190.png 300w\" sizes=\"auto, (max-width: 514px) 100vw, 514px\" \/><\/figure>\n\n\n\n<p>Creamos un Panel dentro del Canvas para organizar los elementos del men\u00fa principal. Para ello, hacemos clic derecho en el Canvas, seleccionamos UI y luego Panel.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Men\u00fa principal del videojuego<\/strong><\/h3>\n\n\n\n<p><strong>Figura 52: Creaci\u00f3n de un Panel en el Canvas<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"851\" height=\"533\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-81.png\" alt=\"\" class=\"wp-image-52490\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-81.png 851w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-81-300x188.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-81-768x481.png 768w\" sizes=\"auto, (max-width: 851px) 100vw, 851px\" \/><\/figure>\n\n\n\n<p>Renombramos el Panel reci\u00e9n creado a &#8220;MainMenu&#8221; para mantener una estructura organizada y clara en la jerarqu\u00eda.<\/p>\n\n\n\n<p>Creamos una carpeta en Assets, llamada UI Assets y dejamos all\u00ed las im\u00e1genes a usar para el men\u00fa inicial.<\/p>\n\n\n\n<p><strong>Figura 53: Renombrado del Panel como MainMenu<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"392\" height=\"367\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-82.png\" alt=\"\" class=\"wp-image-52491\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-82.png 392w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-82-300x281.png 300w\" sizes=\"auto, (max-width: 392px) 100vw, 392px\" \/><\/figure>\n\n\n\n<p><strong>Figura 54: Creaci\u00f3n de la carpeta UI Assets<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"556\" height=\"400\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-83.png\" alt=\"\" class=\"wp-image-52492\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-83.png 556w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-83-300x216.png 300w\" sizes=\"auto, (max-width: 556px) 100vw, 556px\" \/><\/figure>\n\n\n\n<p>Arrastramos la imagen desde &#8220;UI Assets&#8221; a &#8220;Source Image&#8221; en el Panel.<\/p>\n\n\n\n<p><strong>Figura 55: Asignaci\u00f3n de la imagen a &#8220;Source Image&#8221;<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"664\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-84.png\" alt=\"\" class=\"wp-image-52493\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-84.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-84-300x212.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-84-768x542.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>As\u00ed queda luego de reemplazar Background por nuestra imagen de UI Assets.<\/p>\n\n\n\n<p><strong>Figura 56: Resultado tras reemplazar Background por la imagen de UI Assets<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"492\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-85.png\" alt=\"\" class=\"wp-image-52495\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-85.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-85-300x157.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-85-768x402.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-85-390x205.png 390w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>As\u00ed se ve la miniatura de nuestro Canvas de men\u00fa principal.<\/p>\n\n\n\n<p><strong>Figura 57: Miniatura del Canvas del men\u00fa principal<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"550\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-86.png\" alt=\"\" class=\"wp-image-52496\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-86.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-86-300x175.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-86-768x449.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Ajustamos la opacidad para que se vea del mismo modo que en la miniatura.<\/p>\n\n\n\n<p><strong>Figura 58: Ajuste de opacidad para la imagen del men\u00fa<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"469\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-87.png\" alt=\"\" class=\"wp-image-52497\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-87.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-87-300x150.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-87-768x383.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Importamos TextMeshPro para usarlo posteriormente en los textos de nuestros botones del videojuego en Unity.<\/p>\n\n\n\n<p><strong>Figura 59: Importaci\u00f3n de TextMeshPro<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"352\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-88.png\" alt=\"\" class=\"wp-image-52499\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-88.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-88-300x112.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-88-768x287.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Seleccionamos la fuente \u201cElectronic Highway\u201d.<\/p>\n\n\n\n<p><strong>Figura 60: Selecci\u00f3n de fuente Electronic Highway<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"598\" height=\"856\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-89.png\" alt=\"\" class=\"wp-image-52500\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-89.png 598w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-89-210x300.png 210w\" sizes=\"auto, (max-width: 598px) 100vw, 598px\" \/><\/figure>\n\n\n\n<p>Creamos un bot\u00f3n y copiamos la configuraci\u00f3n del texto del bot\u00f3n play.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Botones del men\u00fa principal<\/strong><\/h4>\n\n\n\n<p><strong>Figura 61: Creaci\u00f3n del bot\u00f3n Play y configuraci\u00f3n de texto<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"319\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-90.png\" alt=\"\" class=\"wp-image-52502\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-90.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-90-300x102.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-90-768x260.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Pegamos los valores del componente a nuestro nuevo bot\u00f3n.<\/p>\n\n\n\n<p><strong>Figura 62: Pegado de valores del componente al nuevo bot\u00f3n<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"809\" height=\"453\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-91.png\" alt=\"\" class=\"wp-image-52504\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-91.png 809w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-91-300x168.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-91-768x430.png 768w\" sizes=\"auto, (max-width: 809px) 100vw, 809px\" \/><\/figure>\n\n\n\n<p>Creamos los dem\u00e1s botones del men\u00fa.<\/p>\n\n\n\n<p><strong>Figura 63: Creaci\u00f3n de los dem\u00e1s botones del men\u00fa<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"909\" height=\"767\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-92.png\" alt=\"\" class=\"wp-image-52505\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-92.png 909w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-92-300x253.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-92-768x648.png 768w\" sizes=\"auto, (max-width: 909px) 100vw, 909px\" \/><\/figure>\n\n\n\n<p>Agregamos dos TextMeshPro para la informaci\u00f3n de autor y de la universidad.<\/p>\n\n\n\n<p><strong>Figura 64: TextMeshPro para la informaci\u00f3n de autor y de la universidad<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"930\" height=\"784\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-93.png\" alt=\"\" class=\"wp-image-52506\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-93.png 930w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-93-300x253.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-93-768x647.png 768w\" sizes=\"auto, (max-width: 930px) 100vw, 930px\" \/><\/figure>\n\n\n\n<p>Aqu\u00ed ya agregados los textos.<\/p>\n\n\n\n<p><strong>Figura 65: Textos agregados al Canvas<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"545\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-94.png\" alt=\"\" class=\"wp-image-52507\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-94.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-94-300x174.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-94-768x445.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Versi\u00f3n final 1.0 de nuestro Canva del men\u00fa inicial.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>Figura 66: Versi\u00f3n 1.0 men\u00fa inicial<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"675\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-95.png\" alt=\"\" class=\"wp-image-52508\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-95.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-95-300x215.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-95-768x551.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Luego para hacer el bot\u00f3n de jugar creamos un script donde ir\u00e1n todas las opciones disponibles en el men\u00fa principal.<\/p>\n\n\n\n<p><strong>Figura 67: Script para el bot\u00f3n Jugar<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>using System.Collections;\nusing System.Collections.Generic;\nusing UnityEngine;\nusing UnityEngine.SceneManagement;\nusing UnityEngine.UI;\n\npublic class MenuInicial : MonoBehaviour\n{\n\n    public void jugar()\n    {\n        SceneManager.LoadScene(1);\n    }\n\n    public void volver()\n    {\n        SceneManager.LoadScene(0);\n    }\n\n    public void About()\n    {\n        SceneManager.LoadScene(3);\n    }\n\n    public void Controls()\n    {\n        SceneManager.LoadScene(4);\n    }\n    public void Options()\n    {\n        SceneManager.LoadScene(7);\n    }\n    public void Salir()\n    {\n        Application.Quit();\n    }\n}<\/code><\/pre>\n\n\n\n<p>Para esto, en la propiedad onclick del bot\u00f3n le asignamos el GameObject Canvas y seleccionamos la funci\u00f3n Jugar creada en el Script.<\/p>\n\n\n\n<p><strong>Figura 68: Asignaci\u00f3n de la funci\u00f3n Jugar al bot\u00f3n Play<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"539\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-96.png\" alt=\"\" class=\"wp-image-52510\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-96.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-96-300x172.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-96-768x440.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p><strong>U<\/strong>I<strong> de Controles <\/strong><\/p>\n\n\n\n<p><strong>Figura 69: Canvas Controls &#8211; Instrucciones del juego<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-97.png\" alt=\"\" class=\"wp-image-52512\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-97.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-97-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-97-768x458.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p><strong>Figura 70: Canvas About <\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"419\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-98.png\" alt=\"\" class=\"wp-image-52514\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-98.png 940w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-98-300x134.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-98-768x342.png 768w\" sizes=\"auto, (max-width: 940px) 100vw, 940px\" \/><\/figure>\n\n\n\n<p>Repetimos este proceso para cada uno de los botones del men\u00fa y los configuramos en el script.<\/p>\n\n\n\n<p><strong>Figura 71: Script completo con todas las funciones del men\u00fa principal<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>using System.Collections;\nusing System.Collections.Generic;\nusing UnityEngine;\nusing UnityEngine.SceneManagement;\n\npublic class MenuInicial : MonoBehaviour\n{\n    public void jugar()\n    {\n        SceneManager.LoadScene(1);\n    }\n\n    public void volver()\n    {\n        SceneManager.LoadScene(0);\n    }\n\n    public void About()\n    {\n        SceneManager.LoadScene(3);\n    }\n\n    public void Controls()\n    {\n        SceneManager.LoadScene(4);\n    }\n}<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Contador y Conteo de Gemas<\/strong><\/h4>\n\n\n\n<p>Ahora crearemos el contador y el conteo de gemas recogidas por nivel. Primero, creamos un canvas donde ir\u00e1n los textos que mostrar\u00e1n el contador de gemas y el contrarreloj para pasar el nivel. Adem\u00e1s, agregamos un panel para mostrar la informaci\u00f3n.<\/p>\n\n\n\n<p><strong>Figura 72: Ajuste del canvas con el contador y temporizador<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"938\" height=\"559\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-99.png\" alt=\"\" class=\"wp-image-52515\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-99.png 938w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-99-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-99-768x458.png 768w\" sizes=\"auto, (max-width: 938px) 100vw, 938px\" \/><\/figure>\n\n\n\n<p>Script que actualiza el temporizador en pantalla. Se inicializa con 300 segundos y se resta cada frame. Cuando llega a cero, se carga la escena de Game Over.<\/p>\n\n\n\n<p><strong>Figura 73: Script que actualiza el temporizador en pantalla<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>using System.Collections;\nusing System.Collections.Generic;\nusing UnityEngine;\nusing UnityEngine.UI;\nusing TMPro;\nusing UnityEngine.SceneManagement;\n\npublic class Tiempo: MonoBehaviour\n{\n    public TextMeshProUGUI texto;\n    public float Tiemp = 300;\n\n    void Update()\n    {\n        Tiemp -= Time.deltaTime;\n        texto.text = \"Temporizador: \" + Tiemp.ToString(\"f2\");\n\n        if (Tiemp&lt;0)\n        {\n            SceneManager.LoadScene(5);\n        }\n    }\n}<\/code><\/pre>\n\n\n\n<p>Creamos el script para contabilizar el tiempo y en el script donde se suman las gemas recogidas agregamos la propiedad de UI y de TMPro para que cada vez que cojamos una gema el contador aumente.<\/p>\n\n\n\n<p><strong>Figura 74: Script para contabilizar las gemas recogidas<\/strong><\/p>\n\n\n\n<p>Script para contabilizar las gemas recogidas. Cada vez que se recoge una gema, se actualiza el contador en pantalla y se reproduce un sonido.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>using System.Collections;\nusing System.Collections.Generic;\nusing UnityEngine;\nusing TMPro;\n\npublic class ObjectInteract : MonoBehaviour\n{\n    public TextMeshProUGUI texto;\n    public Inventari inventory;\n    private AudioSource audioSource;\n\n    void Start()\n    {\n        inventory = GameObject.FindGameObjectWithTag(\"Player\").GetComponent&lt;Inventari&gt;();\n        audioSource = GetComponent&lt;AudioSource&gt;();\n    }\n\n    private void OnTriggerEnter(Collider other)\n    {\n        if (other.tag == \"Player\")\n        {\n            inventory.cantidad = inventory.cantidad + 1;\n            Destroy(gameObject);\n            texto.text = \"Contador: \" + inventory.cantidad + \"\/10\";\n            if (!audioSource.enabled)\n            {\n                audioSource.enabled = true;\n            }\n            audioSource.Play();\n        }\n    }\n}<\/code><\/pre>\n\n\n\n<p><strong>Figura 75: Vista del canvas con los textos actualizados<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"561\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-100.png\" alt=\"\" class=\"wp-image-52517\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-100.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-100-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-100-768x458.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>A cada una de las gemas le indicamos cu\u00e1l es el GameObject del Canvas que va a cambiar.<\/p>\n\n\n\n<p><strong>Figura 76: Configuraci\u00f3n del inspector para cada gema<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"670\" height=\"1024\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-101-670x1024.png\" alt=\"\" class=\"wp-image-52519\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-101-670x1024.png 670w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-101-196x300.png 196w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-101.png 728w\" sizes=\"auto, (max-width: 670px) 100vw, 670px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Pantalla Opciones<\/strong><\/h4>\n\n\n\n<p>Realizamos el mismo procedimiento de las pantallas anteriores.<\/p>\n\n\n\n<p><strong>Figura 77: Pantalla Opciones<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"560\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-102.png\" alt=\"\" class=\"wp-image-52520\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-102.png 940w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-102-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-102-768x458.png 768w\" sizes=\"auto, (max-width: 940px) 100vw, 940px\" \/><\/figure>\n\n\n\n<p><strong>Figura 78: Script para la funcionalidad del men\u00fa inicial<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>using System.Collections;\nusing System.Collections.Generic;\nusing UnityEngine;\nusing UnityEngine.SceneManagement;\nusing UnityEngine.UI;\n\npublic class MenuInicial : MonoBehaviour\n{\n    public void jugar()\n    {\n        SceneManager.LoadScene(1);\n    }\n\n    public void volver()\n    {\n        SceneManager.LoadScene(0);\n    }\n\n    public void About()\n    {\n        SceneManager.LoadScene(3);\n    }\n\n    public void Controls()\n    {\n        SceneManager.LoadScene(4);\n    }\n\n    public void Options()\n    {\n        SceneManager.LoadScene(7);\n    }\n\n    public void Salir()\n    {\n        Application.Quit();\n    }\n}<\/code><\/pre>\n\n\n\n<p>Se crea la pantalla de opciones y se coloca un toggle de pantalla completa. Adem\u00e1s, se crea un script para la funcionalidad de pantalla completa del videojuego en Unity.<\/p>\n\n\n\n<p><strong>Figura 79: Pantalla de Opciones con un Toggle de pantalla completa<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"560\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-103.png\" alt=\"\" class=\"wp-image-52522\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-103.png 940w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-103-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-103-768x458.png 768w\" sizes=\"auto, (max-width: 940px) 100vw, 940px\" \/><\/figure>\n\n\n\n<p><strong>Figura 80: Script PantallaCompleta.cs en Visual<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>using System.Collections;\nusing System.Collections.Generic;\nusing UnityEngine;\nusing UnityEngine.UI;\n\npublic class PantallaCompleta : MonoBehaviour\n{\n    public Toggle toggle;\n\n    private void Start()\n    {\n        if (Screen.fullScreen)\n        {\n            toggle.isOn = true;\n        }\n        else\n        {\n            toggle.isOn = false;\n        }\n    }\n\n    public void ActivarPantallaCompleta(bool pantallaCompleta)\n    {\n        Screen.fullScreen = pantallaCompleta;\n    }\n}<\/code><\/pre>\n\n\n\n<p>Se crea un gameobject vac\u00edo para agregarle el script, luego en el toggle en on value changed referenciamos el gameobject y el m\u00e9todo de activar pantalla completa del script creado.<\/p>\n\n\n\n<p><strong>GameObject con el Script PantallaCompleta<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"560\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-104.png\" alt=\"\" class=\"wp-image-52524\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-104.png 940w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-104-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-104-768x458.png 768w\" sizes=\"auto, (max-width: 940px) 100vw, 940px\" \/><\/figure>\n\n\n\n<p><strong>Figura 82: Creaci\u00f3n de un Dropdown en la Pantalla de Opciones<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"560\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-105.png\" alt=\"\" class=\"wp-image-52526\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-105.png 940w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-105-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-105-768x458.png 768w\" sizes=\"auto, (max-width: 940px) 100vw, 940px\" \/><\/figure>\n\n\n\n<p><strong>Figura 83: Configuraci\u00f3n del Dropdown para Resoluciones<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"560\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-106.png\" alt=\"\" class=\"wp-image-52527\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-106.png 940w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-106-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-106-768x458.png 768w\" sizes=\"auto, (max-width: 940px) 100vw, 940px\" \/><\/figure>\n\n\n\n<p>Modificamos el script de pantalla completa.<\/p>\n\n\n\n<p><strong>Figura 84: Script PantallaCompleta.cs modificado<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>using System.Collections;\nusing System.Collections.Generic;\nusing UnityEngine;\nusing UnityEngine.UI;\nusing TMPro;\n\npublic class PantallaCompleta : MonoBehaviour\n{\n    public Toggle toggle;\n    public TMP_Dropdown resolucionesDropDown;\n    Resolution&#91;] resoluciones;\n\n    void Start()\n    {\n        if (Screen.fullScreen)\n        {\n            toggle.isOn = true;\n        }\n        else\n        {\n            toggle.isOn = false;\n        }\n\n        RevisarResolucion();\n    }\n\n    public void ActivarPantallaCompleta(bool pantallaCompleta)\n    {\n        Screen.fullScreen = pantallaCompleta;\n    }\n\n    public void RevisarResolucion()\n    {\n        resoluciones = Screen.resolutions;\n        resolucionesDropDown.ClearOptions();\n        List&lt;string&gt; opciones = new List&lt;string&gt;();\n        int resolucionActual = 0;\n\n        for (int i = 0; i &lt; resoluciones.Length; i++)\n        {\n            string opcion = resoluciones&#91;i].width + \" x \" + resoluciones&#91;i].height;\n            opciones.Add(opcion);\n\n            if (Screen.fullScreen &amp;&amp; resoluciones&#91;i].width == Screen.currentResolution.width &amp;&amp; resoluciones&#91;i].height == Screen.currentResolution.height)\n            {\n                resolucionActual = i;\n            }\n        }\n        resolucionesDropDown.AddOptions(opciones);\n        resolucionesDropDown.value = resolucionActual;\n        resolucionesDropDown.RefreshShownValue();\n    }\n\n    public void CambiarResolucion(int indiceResolucion)\n    {\n        Resolution resolucion = resoluciones&#91;indiceResolucion];\n        Screen.SetResolution(resolucion.width, resolucion.height, Screen.fullScreen);\n    }\n}<\/code><\/pre>\n\n\n\n<p>La versi\u00f3n final de la pantalla de opciones incluye tanto el Dropdown para seleccionar la resoluci\u00f3n como el toggle para activar o desactivar la pantalla completa.<\/p>\n\n\n\n<p><strong>Figura 85: Pantalla de Opciones final<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"560\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-107.png\" alt=\"\" class=\"wp-image-52529\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-107.png 940w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-107-300x179.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-107-768x458.png 768w\" sizes=\"auto, (max-width: 940px) 100vw, 940px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Creaci\u00f3n del Ejecutable del Videojuego en Unity<\/strong><\/h3>\n\n\n\n<p>Para crear un ejecutable del videojuego en Unity para Windows, se debe ir a <strong>File<\/strong> \u2192 <strong>Build Settings<\/strong>. En esta ventana, primero se agregan las escenas abiertas haciendo clic en <strong>Add Open Scenes<\/strong>.<\/p>\n\n\n\n<p><strong>Figura 86: Build Settings en Unity<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"881\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-108.png\" alt=\"\" class=\"wp-image-52530\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-108.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-108-300x281.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-108-768x719.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>En la configuraci\u00f3n de <strong>Player Settings<\/strong>, se personalizan los ajustes del juego antes de exportarlo. Aqu\u00ed se pueden modificar detalles como el nombre del producto, el \u00edcono y otras configuraciones espec\u00edficas del videojuego en Unity.<\/p>\n\n\n\n<p><strong>Figura 87: Configuraci\u00f3n de Player Settings en Unity<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"725\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-109.png\" alt=\"\" class=\"wp-image-52532\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-109.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-109-300x231.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-109-768x592.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Una vez finalizadas las configuraciones, se hace clic en <strong>Build<\/strong> para generar el ejecutable. Esto abrir\u00e1 el explorador de archivos, donde se recomienda crear una carpeta espec\u00edfica para guardar el archivo ejecutable (.exe).<\/p>\n\n\n\n<p><strong>Figura 88: Proceso de generaci\u00f3n del ejecutable en Unity<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"761\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-110.png\" alt=\"\" class=\"wp-image-52534\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-110.png 941w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-110-300x243.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-110-768x621.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Se espera a que termine de crearse la build. Finalmente, una vez finalizado el proceso, se puede abrir el archivo ejecutable (.exe) y probar el juego.<\/p>\n\n\n\n<p><strong>Figura 89: Archivo ejecutable del juego generado<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"442\" height=\"394\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-111.png\" alt=\"\" class=\"wp-image-52536\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-111.png 442w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-111-300x267.png 300w\" sizes=\"auto, (max-width: 442px) 100vw, 442px\" \/><\/figure>\n\n\n\n<p><strong>Figura 90: Ejecuci\u00f3n del archivo .exe del juego<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"925\" height=\"517\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-112.png\" alt=\"Videojuego made with Unity\" class=\"wp-image-52537\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-112.png 925w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-112-300x168.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-112-768x429.png 768w\" sizes=\"auto, (max-width: 925px) 100vw, 925px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Resultado Final del Videojuego en Unity<\/strong><\/h3>\n\n\n\n<p><strong>Main Menu del Videojuego en Unity 3D<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"961\" height=\"540\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-113.png\" alt=\"Menu principal del Videojuego en Unity\" class=\"wp-image-52539\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-113.png 961w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-113-300x169.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-113-768x432.png 768w\" sizes=\"auto, (max-width: 961px) 100vw, 961px\" \/><\/figure>\n\n\n\n<p>El <strong>Men\u00fa Principal<\/strong> de <strong>Time Shard Seeker<\/strong> es la pantalla inicial del juego desde donde puedes acceder a las diferentes opciones y funcionalidades del juego. A continuaci\u00f3n, se describen las principales caracter\u00edsticas y opciones disponibles en el Men\u00fa Principal:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Jugar<\/strong>: Inicia una nueva partida.<\/li>\n\n\n\n<li><strong>Opciones<\/strong>: Accede a la configuraci\u00f3n del juego, donde puedes ajustar la resoluci\u00f3n, activar o desactivar la pantalla completa.<\/li>\n\n\n\n<li><strong>Controles<\/strong>: Muestra las instrucciones; teclas para el control del personaje y la c\u00e1mara.<\/li>\n\n\n\n<li><strong>Acerca de<\/strong>: Informaci\u00f3n sobre el juego.<\/li>\n\n\n\n<li><strong>Salir<\/strong>: Cierra el juego y regresa al escritorio.<\/li>\n<\/ul>\n\n\n\n<p>El <strong>Men\u00fa Principal<\/strong> se ha dise\u00f1ado para ser intuitivo y f\u00e1cil de navegar, permitiendo a los jugadores acceder r\u00e1pidamente a las opciones que necesitan antes de comenzar su aventura en el juego.<\/p>\n\n\n\n<p><strong>Personaje principal en el nivel 1<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"548\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-114.png\" alt=\"\" class=\"wp-image-52541\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-114.png 975w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-114-300x169.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-114-768x432.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure>\n\n\n\n<p><strong>Recolectando una gema<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"549\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-115.png\" alt=\"\" class=\"wp-image-52542\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-115.png 975w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-115-300x169.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-115-768x432.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure>\n\n\n\n<p><strong>Personaje principal con todos los fragmentos recolectados<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"547\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-116.png\" alt=\"\" class=\"wp-image-52543\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-116.png 975w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-116-300x168.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-116-768x431.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure>\n\n\n\n<p><strong>Pantalla de instrucciones del juego<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"548\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-117.png\" alt=\"\" class=\"wp-image-52544\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-117.png 975w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-117-300x169.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-117-768x432.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure>\n\n\n\n<p><strong>Pantalla de opciones del juego<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"548\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-118.png\" alt=\"Canvas de Opciones del Videojuego creada en Unity\" class=\"wp-image-52545\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-118.png 975w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-118-300x169.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-118-768x432.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure>\n\n\n\n<p><strong>Informaci\u00f3n del Juego<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"548\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-119.png\" alt=\"Sobre el Videojuego\" class=\"wp-image-52547\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-119.png 975w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-119-300x169.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-119-768x432.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure>\n\n\n\n<p><strong>Pantalla de Game Over<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"548\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-120.png\" alt=\"Game Over\" class=\"wp-image-52548\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-120.png 975w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-120-300x169.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-120-768x432.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure>\n\n\n\n<p><strong>Pantalla de Cr\u00e9ditos<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"974\" height=\"548\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-121.png\" alt=\"Cr\u00e9ditos del Videojuego en Unity\" class=\"wp-image-52549\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-121.png 974w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-121-300x169.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/image-121-768x432.png 768w\" sizes=\"auto, (max-width: 974px) 100vw, 974px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Informaci\u00f3n sobre el Videojuego<\/strong><\/h3>\n\n\n\n<p><strong>Time Shard Seeker<\/strong> es un emocionante juego 3D en tercera persona. Aqu\u00ed, los jugadores asumen el papel de un valiente h\u00e9roe que debe recolectar fragmentos de cristal para restaurar el equilibrio en su mundo. El objetivo principal del juego es explorar diferentes niveles, recoger todos los fragmentos de cristal y evitar obst\u00e1culos en el camino. Este juego combina elementos de exploraci\u00f3n y recolecci\u00f3n, ofreciendo una experiencia inmersiva y desafiante.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Nivel 1: El Calabozo<\/strong><\/h4>\n\n\n\n<p>El primer nivel del juego transcurre en un oscuro y misterioso calabozo. Aqu\u00ed, el jugador debe guiar a nuestro h\u00e9roe a trav\u00e9s de un laberinto intrincado. El entorno est\u00e1 dise\u00f1ado con muros de piedra que crean un aspecto rocoso y antiguo. Adem\u00e1s, para a\u00f1adir realismo y ambientaci\u00f3n, el calabozo est\u00e1 decorado con antorchas y luces que iluminan el camino del jugador. Los fragmentos de cristal, denominados &#8220;fragmentos del tiempo&#8221;, est\u00e1n dispersos por todo el calabozo y el jugador debe recolectarlos antes de poder avanzar al siguiente nivel. El objetivo es recoger todos los fragmentos mientras se navega por el laberinto.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Nivel 2: Las Islas Flotantes<\/strong><\/h4>\n\n\n\n<p>El segundo nivel lleva al jugador a un entorno completamente diferente: un conjunto de islas flotantes en el cielo. Este nivel est\u00e1 dise\u00f1ado para ofrecer una sensaci\u00f3n de amplitud y verticalidad en contraste con el calabozo cerrado del primer nivel. Las islas est\u00e1n conectadas por puentes y rodeadas de peligrosos precipicios que el jugador debe evitar. <\/p>\n\n\n\n<p>Cada isla tiene sus propios desaf\u00edos y est\u00e1 iluminada de manera individual para crear una atm\u00f3sfera m\u00e1gica y cautivadora. Al igual que en el primer nivel, los fragmentos del tiempo est\u00e1n dispersos y el jugador debe recolectarlos todos para activar el portal de salida y completar el nivel. El objetivo es explorar las islas, encontrar todos los fragmentos y llegar al portal.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Instrucciones del Juego<\/strong><\/h3>\n\n\n\n<p>Para jugar <strong>Time Shard Seeker<\/strong>, utiliza las siguientes teclas del teclado:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>WASD<\/strong>: Moverse<\/li>\n\n\n\n<li><strong>Espacio<\/strong>: Saltar<\/li>\n\n\n\n<li><strong>Shift<\/strong>: Correr<\/li>\n\n\n\n<li><strong>Mouse<\/strong>: Controlar la cabeza y la c\u00e1mara<\/li>\n<\/ul>\n\n\n\n<p>Adem\u00e1s, <strong>Time Shard Seeker<\/strong> se puede jugar con mandos de consola, como el control de PS4. En este caso, usa:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Joystick izquierdo<\/strong>: Movimiento del personaje<\/li>\n\n\n\n<li><strong>Joystick derecho<\/strong>: Movimiento de la cabeza y la c\u00e1mara<\/li>\n\n\n\n<li><strong>L2<\/strong>: Correr<\/li>\n<\/ul>\n\n\n\n<p>Estas opciones permiten una experiencia de juego flexible y c\u00f3moda, adapt\u00e1ndose a las preferencias del jugador.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Objetivo del Juego<\/strong><\/h3>\n\n\n\n<p>El objetivo de <strong>Time Shard Seeker<\/strong> es recolectar todos los fragmentos de cristal en cada nivel. Estos fragmentos son esenciales para restaurar el equilibrio en el mundo del h\u00e9roe. Los jugadores deben usar sus habilidades de exploraci\u00f3n y resoluci\u00f3n de problemas para encontrar todos los fragmentos mientras evitan obst\u00e1culos y enemigos. Solo al recolectar todos los fragmentos en cada nivel, el jugador puede avanzar y completar el juego.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>En resumen, el desarrollo de mi primer videojuego en Unity <strong>Time Shard Seeker<\/strong> ha sido una experiencia enriquecedora y formativa. Esto me permiti\u00f3 adquirir y aplicar una amplia gama de habilidades t\u00e9cnicas y creativas en el \u00e1mbito del desarrollo de videojuegos en Unity. Desde la configuraci\u00f3n inicial del entorno de trabajo en Unity hasta la creaci\u00f3n de un juego completo y funcional, este proyecto demostr\u00f3 ser un desaf\u00edo gratificante que consolid\u00f3 mi inter\u00e9s y competencias en la programaci\u00f3n y el dise\u00f1o de juegos. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Cr\u00e9ditos:&nbsp;<\/strong><\/h3>\n\n\n\n<p>Autor: <a href=\"https:\/\/niixer.com\/?s=Angie+Natalia+Gonzalez+Salas\">Angie Natalia Gonzalez Salas<\/a>.<\/p>\n\n\n\n<p>Editor: <a href=\"https:\/\/niixer.com\/?s=Carlos+Ivan+Pinzon+Romero\">Carlos Iv\u00e1n Pinz\u00f3n Romero<\/a>.<\/p>\n\n\n\n<p>C\u00f3digo: UCCG-10.&nbsp;<\/p>\n\n\n\n<p>Universidad: <a href=\"https:\/\/www.ucentral.edu.co\/\">Universidad Central<\/a>, <a href=\"https:\/\/www.ucentral.edu.co\/ficb\/facultad-ingenieria-ciencias-basicas\">Facultad de Ingenier\u00eda y Ciencias B\u00e1sicas<\/a>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Fuentes:<\/strong><\/h3>\n\n\n\n<pre class=\"wp-block-preformatted\">DanProps. (2023). Simple Modular Dungeon. AssetStore Unity. https:\/\/assetstore.unity.com\/packages\/3d\/environments\/dungeons\/simple-modular-dungeon-259641<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\">Dungeon Mason. (2022). RPG Tiny Hero Duo PBR Polyart. AssetStore Unity. https:\/\/assetstore.unity.com\/packages\/3d\/characters\/humanoids\/rpg-tiny-hero-duo-pbr-polyart-225148<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\">FiftySounds. (s.f.). An Epic Adventure [Pista de audio]. FiftySounds. https:\/\/www.fiftysounds.com\/royalty-free-music\/an-epic-adventure.html<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\">FiftySounds. (s.f.). Castles in the Air [Pista de audio]. FiftySounds. https:\/\/www.fiftysounds.com\/royalty-free-music\/castles-in-the-air.html<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\">FiftySounds. (s.f.). Unexpected Directions [Pista de audio]. FiftySounds. https:\/\/www.fiftysounds.com\/royalty-free-music\/unexpected-directions.html<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\">Palmov Island. (2024). Low Poly Atmospheric Locations Pack. AssetStore Unity. https:\/\/assetstore.unity.com\/packages\/3d\/environments\/landscapes\/low-poly-atmospheric-locations-pack-278928<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\">TridentCorp. (2023). Low poly Gems. AssetStore Unity. https:\/\/assetstore.unity.com\/packages\/3d\/props\/low-poly-gems-245515<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\">Unity Technologies. (2023). Starter Assets - ThirdPerson | Updates in new CharacterController package. AssetStore Unity. https:\/\/assetstore.unity.com\/packages\/essentials\/starter-assets-thirdperson-updates-in-new-charactercontroller-pa-196526<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\">Unity Technologies. (2022). Tiling Textures - 3D Microgame Add-Ons. AssetStore Unity. https:\/\/assetstore.unity.com\/packages\/2d\/textures-materials\/tiling-textures-3d-microgame-add-ons-174461<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\">Unity Technologies. (s.f.). Creating a 3D game. Unity Manual. https:\/\/docs.unity3d.com\/Manual\/Quickstart3DCreate.html<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\">Unity Technologies. (s.f.). Importing assets. Unity Manual. https:\/\/docs.unity3d.com\/Manual\/ImportingAssets.html<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\">Unity Technologies. (s.f.). Installing Unity. Unity Manual. https:\/\/docs.unity3d.com\/Manual\/GettingStartedInstallingUnity.html<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\">Unity Technologies. (s.f.). Scripting. Unity Manual. https:\/\/docs.unity3d.com\/Manual\/ScriptingSection.html<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\"> Unity Technologies. (s.f.). Unity\u2019s interface. Unity Manual. https:\/\/docs.unity3d.com\/Manual\/UsingTheEditor.html<\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n","protected":false},"excerpt":{"rendered":"<p>El desarrollo de un videojuego en Unity es una experiencia enriquecedora y emocionante. En este art\u00edculo, se detalla c\u00f3mo se cre\u00f3 el videojuego 3D en tercera persona &#8220;Time Shard Seeker&#8221; utilizando el motor de juego Unity. Este proyecto se centra en explorar las capacidades de Unity, uno de los motoresSeguir Leyendo<\/p>\n","protected":false},"author":1260,"featured_media":52367,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[77],"tags":[338,1318,1757,1315,1926,214,836,66],"class_list":["post-52366","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-videojuegos","tag-assets-3d","tag-canvas","tag-computacion-grafica-2","tag-desarrollo-de-videojuegos","tag-paso-a-paso","tag-unity","tag-unity-3d","tag-videojuegos"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mi primer Videojuego en Unity, La creaci\u00f3n de Time Shard Seeker &#8211; Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos<\/title>\n<meta name=\"description\" content=\"Descubre el desarrollo de mi primer videojuego en Unity, Time Shard Seeker. Aprende sobre configuraci\u00f3n, scripting y dise\u00f1o de niveles.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/niixer.com\/index.php\/2024\/06\/02\/videojuego-en-unity-time-shard-seeker\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mi primer Videojuego en Unity, La creaci\u00f3n de Time Shard Seeker &#8211; Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos\" \/>\n<meta property=\"og:description\" content=\"Descubre el desarrollo de mi primer videojuego en Unity, Time Shard Seeker. Aprende sobre configuraci\u00f3n, scripting y dise\u00f1o de niveles.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/niixer.com\/index.php\/2024\/06\/02\/videojuego-en-unity-time-shard-seeker\/\" \/>\n<meta property=\"og:site_name\" content=\"Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/niixer\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-06-03T04:23:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-03T05:47:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/MenuInicialTSS.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Angie Natalia Gonzalez Salas\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Angie Natalia Gonzalez Salas\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"44 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mi primer Videojuego en Unity, La creaci\u00f3n de Time Shard Seeker &#8211; Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos","description":"Descubre el desarrollo de mi primer videojuego en Unity, Time Shard Seeker. Aprende sobre configuraci\u00f3n, scripting y dise\u00f1o de niveles.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/niixer.com\/index.php\/2024\/06\/02\/videojuego-en-unity-time-shard-seeker\/","og_locale":"es_ES","og_type":"article","og_title":"Mi primer Videojuego en Unity, La creaci\u00f3n de Time Shard Seeker &#8211; Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos","og_description":"Descubre el desarrollo de mi primer videojuego en Unity, Time Shard Seeker. Aprende sobre configuraci\u00f3n, scripting y dise\u00f1o de niveles.","og_url":"https:\/\/niixer.com\/index.php\/2024\/06\/02\/videojuego-en-unity-time-shard-seeker\/","og_site_name":"Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos","article_publisher":"https:\/\/www.facebook.com\/niixer\/","article_published_time":"2024-06-03T04:23:32+00:00","article_modified_time":"2024-06-03T05:47:06+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/MenuInicialTSS.webp","type":"image\/webp"}],"author":"Angie Natalia Gonzalez Salas","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Angie Natalia Gonzalez Salas","Tiempo de lectura":"44 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/niixer.com\/index.php\/2024\/06\/02\/videojuego-en-unity-time-shard-seeker\/#article","isPartOf":{"@id":"https:\/\/niixer.com\/index.php\/2024\/06\/02\/videojuego-en-unity-time-shard-seeker\/"},"author":{"name":"Angie Natalia Gonzalez Salas","@id":"https:\/\/niixer.com\/#\/schema\/person\/bcce545566e9e7c34cee22a3fe0f2d04"},"headline":"Mi primer Videojuego en Unity, La creaci\u00f3n de Time Shard Seeker","datePublished":"2024-06-03T04:23:32+00:00","dateModified":"2024-06-03T05:47:06+00:00","mainEntityOfPage":{"@id":"https:\/\/niixer.com\/index.php\/2024\/06\/02\/videojuego-en-unity-time-shard-seeker\/"},"wordCount":4856,"publisher":{"@id":"https:\/\/niixer.com\/#organization"},"image":{"@id":"https:\/\/niixer.com\/index.php\/2024\/06\/02\/videojuego-en-unity-time-shard-seeker\/#primaryimage"},"thumbnailUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/MenuInicialTSS.webp","keywords":["Assets 3D","Canvas","Computacion Grafica","Desarrollo de videojuegos","paso a paso","Unity","Unity 3D","Videojuegos"],"articleSection":["Videojuegos"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/niixer.com\/index.php\/2024\/06\/02\/videojuego-en-unity-time-shard-seeker\/","url":"https:\/\/niixer.com\/index.php\/2024\/06\/02\/videojuego-en-unity-time-shard-seeker\/","name":"Mi primer Videojuego en Unity, La creaci\u00f3n de Time Shard Seeker &#8211; Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos","isPartOf":{"@id":"https:\/\/niixer.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/niixer.com\/index.php\/2024\/06\/02\/videojuego-en-unity-time-shard-seeker\/#primaryimage"},"image":{"@id":"https:\/\/niixer.com\/index.php\/2024\/06\/02\/videojuego-en-unity-time-shard-seeker\/#primaryimage"},"thumbnailUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/MenuInicialTSS.webp","datePublished":"2024-06-03T04:23:32+00:00","dateModified":"2024-06-03T05:47:06+00:00","description":"Descubre el desarrollo de mi primer videojuego en Unity, Time Shard Seeker. Aprende sobre configuraci\u00f3n, scripting y dise\u00f1o de niveles.","breadcrumb":{"@id":"https:\/\/niixer.com\/index.php\/2024\/06\/02\/videojuego-en-unity-time-shard-seeker\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/niixer.com\/index.php\/2024\/06\/02\/videojuego-en-unity-time-shard-seeker\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/niixer.com\/index.php\/2024\/06\/02\/videojuego-en-unity-time-shard-seeker\/#primaryimage","url":"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/MenuInicialTSS.webp","contentUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/MenuInicialTSS.webp","width":1280,"height":720,"caption":"Men\u00fa principal del videojuego Time Shard Seeker, desarrollado por Angie Natalia Gonzalez Salas para la asignatura de Computaci\u00f3n Gr\u00e1fica"},{"@type":"BreadcrumbList","@id":"https:\/\/niixer.com\/index.php\/2024\/06\/02\/videojuego-en-unity-time-shard-seeker\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/niixer.com\/"},{"@type":"ListItem","position":2,"name":"Mi primer Videojuego en Unity, La creaci\u00f3n de Time Shard Seeker"}]},{"@type":"WebSite","@id":"https:\/\/niixer.com\/#website","url":"https:\/\/niixer.com\/","name":"Portal de noticias de tecnolog\u00eda, ciencia, Android, iOS, Realidad Virtual, Aumentada y Mixta, Videojuegos, computadores, todo lo mas reciente en tecnolog\u00eda","description":"Portal de noticias de tecnolog\u00eda","publisher":{"@id":"https:\/\/niixer.com\/#organization"},"alternateName":"Niixer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/niixer.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/niixer.com\/#organization","name":"Niixer","alternateName":"Niixer.com","url":"https:\/\/niixer.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/niixer.com\/#\/schema\/logo\/image\/","url":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/08\/logo-niixer-sin-fondo-1.png","contentUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/08\/logo-niixer-sin-fondo-1.png","width":140,"height":140,"caption":"Niixer"},"image":{"@id":"https:\/\/niixer.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/niixer\/","https:\/\/www.instagram.com\/niixer.tecnologia\/"]},{"@type":"Person","@id":"https:\/\/niixer.com\/#\/schema\/person\/bcce545566e9e7c34cee22a3fe0f2d04","name":"Angie Natalia Gonzalez Salas","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/02083a4c6e622517fb4933cc923b5f6f52a7283e4dbcdcb4d28f678978f9b0a2?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/02083a4c6e622517fb4933cc923b5f6f52a7283e4dbcdcb4d28f678978f9b0a2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/02083a4c6e622517fb4933cc923b5f6f52a7283e4dbcdcb4d28f678978f9b0a2?s=96&d=mm&r=g","caption":"Angie Natalia Gonzalez Salas"},"url":"https:\/\/niixer.com\/index.php\/author\/agonzaless\/"}]}},"jetpack_featured_media_url":"https:\/\/niixer.com\/wp-content\/uploads\/2024\/06\/MenuInicialTSS.webp","_links":{"self":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/52366","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/users\/1260"}],"replies":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/comments?post=52366"}],"version-history":[{"count":69,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/52366\/revisions"}],"predecessor-version":[{"id":52567,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/52366\/revisions\/52567"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/media\/52367"}],"wp:attachment":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/media?parent=52366"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/categories?post=52366"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/tags?post=52366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}