{"id":86834,"date":"2026-05-21T20:59:50","date_gmt":"2026-05-22T01:59:50","guid":{"rendered":"https:\/\/niixer.com\/?p=86834"},"modified":"2026-05-21T21:35:34","modified_gmt":"2026-05-22T02:35:34","slug":"zombie-day-como-creamos-un-videojuego-3d-de-zombies-en-unity","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2026\/05\/21\/zombie-day-como-creamos-un-videojuego-3d-de-zombies-en-unity\/","title":{"rendered":"Zombie Day: C\u00f3mo Creamos un Videojuego 3D de Zombies en Unity"},"content":{"rendered":"\n

En este art\u00edculo te mostraremos c\u00f3mo desarrollamos un videojuego 3D de zombies en Unity<\/a>, explicando de manera sencilla el proceso de dise\u00f1o, programaci\u00f3n y creaci\u00f3n de escenarios para construir una experiencia <\/a>divertida y llena de acci\u00f3n.<\/p>\n\n\n\n

Creaci\u00f3n de Escenarios y Escenas en Unity<\/strong><\/h2>\n\n\n\n

El desarrollo del videojuego 3D comenz\u00f3 con la configuraci\u00f3n inicial del proyecto en Unity. Al crear un nuevo proyecto en modo 3D<\/a>, el motor ya incluye un entorno predeterminado con c\u00e1mara, iluminaci\u00f3n y espacio de trabajo listo para comenzar a dise\u00f1ar escenarios. Adem\u00e1s, Unity permite combinar elementos en 2D y 3D dentro del mismo proyecto, lo que facilit\u00f3 la creaci\u00f3n de interfaces visuales<\/a> para el men\u00fa principal del juego.<\/p>\n\n\n\n


Como primer paso, creamos una escena llamada MenuInicial. Para hacerlo usamos Ctrl + N y luego la guardamos con Ctrl + S asign\u00e1ndole ese nombre.
<\/p>\n\n\n\n

\"Estructura<\/figure>\n\n\n\n

Despu\u00e9s agregamos un Canvas usando Click derecho en Hierarchy<\/a> \u2192 UI \u2192 Canvas<\/strong>, ya que este elemento permite crear interfaces gr\u00e1ficas. Dentro del Canvas agregamos un Panel desde Click derecho sobre Canvas \u2192 UI \u2192 Panel<\/strong> para organizar los elementos visuales del men\u00fa.<\/p>\n\n\n\n

\"Configuraci\u00f3n<\/figure>\n\n\n\n

Luego agregamos una imagen usando Click derecho sobre Canvas \u2192 UI \u2192 Image<\/strong> y la renombramos como MenuPrincipal<\/strong> presionando F2<\/strong>. En esta imagen colocamos el fondo principal del men\u00fa para darle una apariencia m\u00e1s atractiva y relacionada con la tem\u00e1tica zombie del videojuego 3D<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Antes de usar las im\u00e1genes, creamos una carpeta llamada Images<\/strong> dentro de Assets<\/strong> usando Click derecho en Assets \u2192 Create \u2192 Folder<\/strong>. All\u00ed guardamos todas las im\u00e1genes utilizadas en el proyecto, permitiendo mantener mejor organizados los recursos gr\u00e1ficos del juego.<\/p>\n\n\n\n

\"Interfaz<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Creaci\u00f3n de Botones e Interfaz para el Videojuego 3D en Unity<\/strong><\/h3>\n\n\n\n

Para continuar con el desarrollo del videojuego 3D, agregamos los botones principales del men\u00fa. Dentro del panel MenuPrincipal a\u00f1adimos un bot\u00f3n usando Click derecho sobre el Panel \u2192 UI \u2192 Button. Este bot\u00f3n ser\u00eda utilizado para iniciar el juego.
<\/p>\n\n\n\n

\"Creaci\u00f3n<\/figure>\n\n\n\n

Despu\u00e9s duplicamos el bot\u00f3n presionando Ctrl + D<\/strong> y configuramos ambos botones con los nombres Jugar<\/strong> y Salir<\/strong>. Tambi\u00e9n cambiamos el texto interno de cada uno para que mostraran correctamente sus funciones dentro del men\u00fa principal.
<\/p>\n\n\n\n

\"Botones<\/figure>\n\n\n\n

Luego seleccionamos el Canvas y agregamos un Script usando Inspector \u2192 Add Component \u2192 New Script. Nombramos el script como MenuInical y presionamos Create and Add. Despu\u00e9s abrimos el script en Visual Studio haciendo doble clic sobre \u00e9l y configuramos las funciones Jugar() y Salir() para controlar las acciones de los botones dentro del videojuego 3D.
<\/p>\n\n\n\n

\"Script<\/figure>\n\n\n\n

Finalmente configuramos cada bot\u00f3n desde el Inspector. Seleccionamos el bot\u00f3n Jugar y en la opci\u00f3n On Click() presionamos el s\u00edmbolo +, arrastramos el Canvas y seleccionamos la funci\u00f3n MenuPersonaje \u2192 Jugar(). Repetimos el mismo proceso con el bot\u00f3n Salir, asignando la funci\u00f3n Salir() para cerrar el juego correctamente.<\/p>\n\n\n\n

\"Vinculaci\u00f3n<\/figure>\n\n\n\n


Creaci\u00f3n de la Escena de Selecci\u00f3n de Personajes<\/strong><\/h3>\n\n\n\n

Creamos una nueva escena para la selecci\u00f3n de personajes usando Ctrl + N y la guardamos con Ctrl + S con el nombre SeleccionPersonaje. Despu\u00e9s configuramos el men\u00fa de la misma forma que en la escena anterior, agregando un Canvas, un Panel y botones desde Click derecho en Hierarchy \u2192 UI para crear la interfaz del videojuego 3D.
<\/p>\n\n\n\n

\"Vista<\/figure>\n\n\n\n

Luego importamos el paquete com.unity.cloud.gltfast<\/strong> desde el Package Manager<\/strong> usando Window \u2192 Package Manager<\/strong>. Este paquete permite importar modelos en formato GLB<\/strong> directamente en Unity sin necesidad de convertirlos a FBX. Gracias a esto fue posible descargar personajes desde Avaturn ya texturizados y listos para usar. Sin embargo, para el personaje jugable del juego s\u00ed fue necesario utilizar el modelo en formato FBX<\/strong>.
<\/p>\n\n\n\n

\"Organizaci\u00f3n<\/figure>\n\n\n\n

Despu\u00e9s agregamos ambos personajes a la escena y los organizamos dentro de un objeto vac\u00edo usando Click derecho en Hierarchy \u2192 Create Empty<\/strong>.<\/p>\n\n\n\n

\"Organizaci\u00f3n<\/figure>\n\n\n\n

All\u00ed configuramos un script para que, al seleccionar un personaje, el otro se desactivara autom\u00e1ticamente. Esto permiti\u00f3 cambiar entre personajes de forma sencilla dentro del men\u00fa de selecci\u00f3n.<\/p>\n\n\n\n

\"Script<\/figure>\n\n\n\n

Finalmente seleccionamos los objetos desde el Inspector<\/strong>, configuramos las referencias necesarias y probamos la interfaz usando el bot\u00f3n Play<\/strong> de Unity. Con esto verificamos que los botones y la selecci\u00f3n de personajes funcionaran correctamente dentro del videojuego 3D<\/strong>.

<\/p>\n\n\n\n

\"Pantalla<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Videojuego 3D<\/strong>: Nivel 1 y Creaci\u00f3n del Escenario con Starter Assets y Terrain Tools<\/strong><\/h3>\n\n\n\n

Para crear el escenario principal del videojuego 3D<\/strong>, instalamos el paquete Terrain Tools<\/strong> desde Window \u2192 Package Manager<\/strong>. Este asset facilita la creaci\u00f3n de monta\u00f1as, caminos y diferentes tipos de terreno sin necesidad de modelar todo manualmente.
<\/p>\n\n\n\n

\"Instalaci\u00f3n<\/figure>\n\n\n\n

Despu\u00e9s agregamos un terreno usando Click derecho en Hierarchy \u2192 3D Object \u2192 Terrain<\/strong>. Al seleccionar el Terrain, en el Inspector<\/strong> aparecen m\u00faltiples herramientas para modificar el escenario, como pinceles, texturas y opciones de elevaci\u00f3n que ayudan a construir mapas de forma m\u00e1s r\u00e1pida.
<\/p>\n\n\n\n

\"Instalaci\u00f3n<\/figure>\n\n\n\n

Usando la herramienta de pincel del Terrain, configuramos una zona monta\u00f1osa para la primera escena del juego. Con las opciones de elevar y suavizar terreno fuimos dando forma al mapa para crear un ambiente m\u00e1s realista y adecuado para la tem\u00e1tica zombie del videojuego 3D<\/strong>.
<\/p>\n\n\n\n

\"Instalaci\u00f3n<\/figure>\n\n\n\n

Finalmente agregamos texturas al terreno utilizando los prefabs y materiales incluidos en los assets. Para hacerlo usamos la opci\u00f3n Paint Texture \u2192 Edit Terrain Layers \u2192 Create Layer<\/strong> dentro del Inspector. All\u00ed seleccionamos las texturas de pasto y tierra para mejorar la apariencia visual del escenario.<\/p>\n\n\n\n

\"Instalaci\u00f3n<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Videojuego 3D<\/strong>: C\u00f3mo Agregar Personaje FBX y Configurar el Jugador<\/strong><\/h3>\n\n\n\n

Importamos el personaje principal desde Avaturn en formato FBX arrastrando el archivo hacia la carpeta Assets de Unity. Despu\u00e9s instalamos los Starter Assets<\/a> y agregamos el prefab Third Person Controller usando Drag and Drop hacia la escena. Este prefab ya incluye movimiento, salto, gravedad y control de c\u00e1mara para el videojuego 3D.
<\/p>\n\n\n\n

\"Configuraci\u00f3n<\/figure>\n\n\n\n

Luego seleccionamos el personaje y configuramos el componente Animator<\/strong> desde el Inspector<\/strong> para asignar el avatar humanoide correctamente. Tambi\u00e9n verificamos componentes como Character Controller<\/strong> y Player Input<\/strong>, permitiendo mover el personaje con teclas como WASD<\/strong>, Shift<\/strong> y Space<\/strong> para correr y saltar dentro de la escena.<\/p>\n\n\n\n

\"Configuraci\u00f3n<\/figure>\n\n\n\n


Para configurar correctamente el personaje, ajustamos el modelo FBX al mismo tama\u00f1o del robot incluido en los Starter Assets de Unity. Despu\u00e9s integramos el personaje en el NestedParentArmature<\/strong> utilizando la misma estructura y componentes del controlador original. Finalmente ocultamos el modelo del robot desde la secci\u00f3n Geometry en el Hierarchy para evitar errores visuales o conflictos de animaci\u00f3n, logrando que el personaje pudiera moverse, caminar, correr y saltar sin problemas dentro de la escena.
<\/p>\n\n\n\n

\"Configuraci\u00f3n<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Videojuego 3D<\/strong>: Creaci\u00f3n de Enemigos con Inteligencia Artificial<\/strong><\/h3>\n\n\n\n

Para crear los enemigos del videojuego 3D<\/strong>, descargamos un modelo de zombie animado desde Mixamo <\/a>y lo importamos a Unity como un prefab reutilizable. Despu\u00e9s configuramos sus animaciones de caminar, atacar y morir usando el componente Animator<\/strong>, permitiendo que el enemigo reaccionara de forma diferente seg\u00fan lo que ocurre dentro del juego. Esto hizo que los zombies tuvieran movimientos m\u00e1s realistas y una apariencia mucho m\u00e1s din\u00e1mica durante la partida.
<\/p>\n\n\n\n

\"Instalaciones<\/figure>\n\n\n\n

La inteligencia artificial de los enemigos fue desarrollada mediante scripting en C#<\/strong> usando una m\u00e1quina de estados o FSM (Finite State Machine)<\/strong>. Este sistema permite que el zombie cambie autom\u00e1ticamente de comportamiento dependiendo de la distancia con el jugador.<\/p>\n\n\n\n

\"Instalaciones<\/figure>\n\n\n\n

Por ejemplo, cuando el jugador est\u00e1 lejos, el zombie permanece en estado Idle<\/strong>; si el jugador se acerca, cambia al estado Seguir<\/strong>; cuando est\u00e1 a corta distancia activa el estado Atacar<\/strong>; y finalmente, al perder toda la vida, cambia al estado Muerto<\/strong>. Todo este comportamiento fue organizado utilizando una clase base llamada Enemigo<\/strong>, mientras que el script EnemigoZombie<\/strong> controla las acciones espec\u00edficas del zombie dentro del videojuego 3D<\/strong>.<\/p>\n\n\n\n

\"Script<\/figure>\n\n\n\n

Para lograr que los enemigos se movieran de forma autom\u00e1tica por el escenario utilizamos el componente NavMeshAgent<\/strong>. Primero configuramos el terreno agregando el componente NavMeshSurface<\/strong> y despu\u00e9s generamos el mapa de navegaci\u00f3n usando la opci\u00f3n Bake<\/strong> dentro del Inspector. Gracias a esto, los zombies pueden detectar rutas v\u00e1lidas, perseguir al jugador y evitar obst\u00e1culos sin necesidad de programar cada movimiento manualmente. Este sistema permiti\u00f3 crear enemigos mucho m\u00e1s inteligentes y mejorar la experiencia de juego de manera considerable.<\/p>\n\n\n\n

\"Configuraci\u00f3n<\/figure>\n\n\n\n


Sistema de Da\u00f1o al Personaje Principal<\/strong> para el<\/strong> Videojuego 3D<\/strong><\/h3>\n\n\n\n

Para configurar el enemigo dentro del videojuego 3D<\/strong>, utilizamos un prefab que incluye componentes como Animator<\/strong>, Capsule Collider<\/strong>, NavMeshAgent<\/strong>. El componente Animator fue configurado con animaciones de caminar, atacar y morir, utilizando par\u00e1metros como velocidad<\/strong>, atacando<\/strong> y vivo<\/strong> para controlar el comportamiento del zombie en tiempo real.
<\/p>\n\n\n\n

\"Efecto<\/figure>\n\n\n\n

Despu\u00e9s configuramos el objetivo del enemigo agregando como Target<\/strong> al personaje principal. Esto permiti\u00f3 que el zombie pudiera seguir autom\u00e1ticamente al jugador dentro del escenario. Gracias al componente NavMeshAgent<\/strong>, el enemigo detecta rutas v\u00e1lidas sobre el terreno y se mueve de forma autom\u00e1tica mientras persigue al personaje principal del videojuego 3D<\/strong>.<\/p>\n\n\n\n

\"Efecto<\/figure>\n\n\n\n

Tambi\u00e9n implementamos un sistema de vida utilizando un script llamado Vida<\/strong>, encargado de recibir da\u00f1o y controlar la muerte del jugador. El enemigo detecta autom\u00e1ticamente al personaje usando el tag Player<\/strong> y aplica da\u00f1o mediante eventos sincronizados con la animaci\u00f3n de ataque. Finalmente, el sistema fue probado junto con colliders y el terreno navegable para garantizar movimientos fluidos, persecuci\u00f3n autom\u00e1tica y combates m\u00e1s din\u00e1micos dentro de la escena 3D.<\/p>\n\n\n\n


Creaci\u00f3n de la Barra de Vida<\/strong> para el<\/strong> Videojuego 3D<\/strong><\/h3>\n\n\n\n

Para agregar la barra de vida del videojuego 3D, creamos un Canvas usando Click derecho en Hierarchy \u2192 UI \u2192 Canvas. Despu\u00e9s agregamos una imagen desde Click derecho sobre Canvas \u2192 UI \u2192 Image y la renombramos como Background presionando F2. Esta imagen funcion\u00f3 como el fondo de la barra de vida del jugador.<\/p>\n\n\n\n

\"Barra<\/figure>\n\n\n\n

Dentro de Background<\/strong> agregamos otra imagen usando Click derecho sobre Background \u2192 UI \u2192 Image<\/strong>. Luego la posicionamos dentro del fondo y cambiamos su color desde el Inspector<\/strong> para representar visualmente la vida actual del personaje principal.<\/p>\n\n\n\n

\"Barra<\/figure>\n\n\n\n


Despu\u00e9s seleccionamos la imagen de vida y en el Inspector cambiamos la opci\u00f3n Image Type<\/strong> a Filled<\/strong> y el m\u00e9todo a Horizontal<\/strong>. Esto permiti\u00f3 que la barra pudiera llenarse y vaciarse autom\u00e1ticamente dependiendo de la cantidad de vida restante del jugador dentro del videojuego 3D<\/strong>.
<\/p>\n\n\n\n

\"Barra<\/figure>\n\n\n\n
\"Barra<\/figure>\n\n\n\n

Finalmente actualizamos el script de vida para conectar la barra con la vida actual del personaje. Luego agregamos el script Vida<\/strong> al jugador usando Add Component \u2192 Vida<\/strong> y arrastramos la barra de vida desde el Hierarchy hacia el objeto del script en el Inspector para enlazar ambos elementos correctamente.


<\/p>\n\n\n\n

\"Configuraci\u00f3n<\/figure>\n\n\n\n


Agregar Segundo Personaje
<\/strong><\/h3>\n\n\n\n

Para a\u00f1adir un segundo personaje al videojuego 3D<\/strong>, importamos el modelo en formato FBX hacia la carpeta Assets de Unity. Despu\u00e9s duplicamos el objeto NestedParentArmature presionando Ctrl + D y lo renombramos como NestedParentArmature_Tania<\/strong> usando F2. Esto permiti\u00f3 mantener toda la configuraci\u00f3n de los Starter Assets, incluyendo movimiento, c\u00e1mara y animaciones del personaje principal.
<\/p>\n\n\n\n

\"Ajustes<\/figure>\n\n\n\n

Luego seleccionamos NestedParentArmature_Tania<\/strong> en el Hierarchy<\/strong> y desmarcamos el checkbox del objeto desde el Inspector<\/strong> para dejar el personaje desactivado por defecto al iniciar el juego. De esta forma, solo el personaje seleccionado aparecer\u00eda activo dentro de la escena. <\/p>\n\n\n\n

Despu\u00e9s creamos un script llamado GestorPersonaje.cs dentro de Assets\/Scripts usando Click derecho en Assets \u2192 Create \u2192 C# Script. Luego agregamos un objeto vac\u00edo con Click derecho en Hierarchy \u2192 Create Empty, lo nombramos GestorPersonaje y arrastramos el script al objeto para agregar el componente.<\/p>\n\n\n\n

\"Ajustes<\/figure>\n\n\n\n

Finalmente asignamos ambos personajes desde el Inspector<\/strong> arrastrando los objetos correspondientes a los espacios del script. Esto permiti\u00f3 controlar qu\u00e9 personaje se activa y cu\u00e1l se desactiva dentro del videojuego 3D<\/strong> al momento de jugar.<\/p>\n\n\n\n

\"Ajustes<\/figure>\n\n\n\n

Para aumentar la dificultad y hacer m\u00e1s din\u00e1mica la experiencia del videojuego 3D<\/strong>, agregamos varios enemigos adicionales dentro de la escena duplicando el prefab principal del zombie usando Ctrl + D<\/strong>. Luego posicionamos cada enemigo en diferentes zonas del mapa desde la herramienta Move Tool (W), permitiendo que los zombies aparecieran en m\u00faltiples puntos del escenario y persiguieran al jugador de forma simult\u00e1nea durante la partida.
<\/p>\n\n\n\n

\"Ajustes<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Creaci\u00f3n de la Pantalla de Game Over<\/strong> para el<\/strong> Videojuego 3D<\/strong><\/h3>\n\n\n\n

Para mejorar la experiencia del videojuego 3D, configuramos una pantalla de Game Over que aparece autom\u00e1ticamente cuando la vida del jugador llega a cero. Esta pantalla muestra un mensaje de derrota junto con opciones para reiniciar la partida o regresar al men\u00fa principal.<\/p>\n\n\n\n

Como primer paso, agregamos un panel dentro del Canvas usando Click derecho sobre Canvas \u2192 UI \u2192 Panel<\/strong> y lo renombramos como PanelGameOver<\/strong>. Despu\u00e9s modificamos su color, tama\u00f1o y transparencia desde el Inspector<\/strong> para que cubriera toda la pantalla y generara un efecto visual de derrota al momento de perder la partida.
<\/p>\n\n\n\n

\"Interfaz<\/figure>\n\n\n\n

Despu\u00e9s arrastramos el script GameOver<\/strong> al objeto Canvas para agregar el componente. En el campo Panel Game Over<\/strong> del Inspector arrastramos el objeto PanelGameOver<\/strong> desde el Hierarchy. Este script se encarga de mostrar autom\u00e1ticamente la pantalla cuando el personaje principal pierde toda la vida.
<\/p>\n\n\n\n

\"Interfaz<\/figure>\n\n\n\n

Luego agregamos los textos y botones utilizando Click derecho sobre PanelGameOver \u2192 UI \u2192 Text<\/strong> y UI \u2192 Button<\/strong>. Configuramos un texto grande con el mensaje GAME OVER<\/strong> y a\u00f1adimos los botones REINTENTAR<\/strong> y MEN\u00da PRINCIPAL<\/strong> para permitir al jugador continuar navegando dentro del videojuego 3D<\/strong>.
<\/p>\n\n\n\n

\"Interfaz<\/figure>\n\n\n\n
\"Interfaz<\/figure>\n\n\n\n
\"Interfaz<\/figure>\n\n\n\n
\"Interfaz<\/figure>\n\n\n\n

Finalmente configuramos las funciones de los botones desde la opci\u00f3n On Click()<\/strong> del Inspector. En el bot\u00f3n REINTENTAR<\/strong> presionamos +<\/strong>, arrastramos el Canvas y seleccionamos GameOver \u2192 Reintentar()<\/strong>. Luego repetimos el mismo proceso con el bot\u00f3n MEN\u00da PRINCIPAL<\/strong>, seleccionando la funci\u00f3n GameOver \u2192 IrMenuPrincipal()<\/strong>. Con esto el sistema de derrota qued\u00f3 completamente funcional dentro del juego.
<\/p>\n\n\n\n

\"Interfaz<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Escaleras, Escenarios y Colliders<\/strong><\/h3>\n\n\n\n

Para mejorar el escenario del videojuego 3D<\/strong>, agregamos unas escaleras superiores que permiten al jugador subir a diferentes zonas de la estructura. Las escaleras fueron posicionadas dentro del mapa usando la herramienta Move Tool (W)<\/strong> y ajustadas desde el Inspector<\/strong> para encajar correctamente con el escenario principal.<\/p>\n\n\n\n

\"Posicionamiento<\/figure>\n\n\n\n

Despu\u00e9s configuramos los colliders para que el personaje pudiera caminar sobre las escaleras sin atravesarlas. Para hacerlo seleccionamos cada objeto y agregamos un collider desde Add Component \u2192 Box Collider<\/strong>. Esto permiti\u00f3 detectar correctamente las colisiones f\u00edsicas y mejorar el movimiento del jugador dentro del entorno 3D.<\/p>\n\n\n\n

\"Dise\u00f1o<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Configuracion de llave <\/strong><\/h3>\n\n\n\n

El objetivo principal del nivel consiste en encontrar una llave escondida en el mapa para avanzar al siguiente escenario del videojuego 3D<\/strong>. Para esto descargamos un prefab de una llave y lo importamos a Unity arrastr\u00e1ndolo hacia la carpeta Assets<\/strong>. Luego lo colocamos dentro de la escena y organizamos el objeto desde el Hierarchy<\/strong>.<\/p>\n\n\n\n

\"Dise\u00f1o<\/figure>\n\n\n\n


Despu\u00e9s creamos un objeto vac\u00edo usando Click derecho en Hierarchy \u2192 Create Empty<\/strong> y lo nombramos Llave<\/strong>. A este objeto le agregamos un script personalizado usando Add Component \u2192 Nuevo Script<\/strong>. Dentro del scripting configuramos que la llave flotara ligeramente usando movimientos en el eje Y, reprodujera un sonido de victoria al ser recogida y enviara autom\u00e1ticamente al siguiente nivel cuando el jugador la tocara.
<\/p>\n\n\n\n

\"Dise\u00f1o<\/figure>\n\n\n\n
\"Dise\u00f1o<\/figure>\n\n\n\n

Finalmente agregamos un componente Audio Source<\/strong> al objeto de la llave para reproducir el sonido de victoria. Tambi\u00e9n activamos la opci\u00f3n Is Trigger<\/strong> en el collider de la llave para detectar el contacto con el jugador sin bloquear el movimiento. Con esto se complet\u00f3 uno de los objetivos principales del videojuego 3D<\/strong> y se mejor\u00f3 la interacci\u00f3n dentro del escenario.


<\/p>\n\n\n\n

\"Dise\u00f1o<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Cambio de Escena al Recoger la Llave<\/strong><\/h3>\n\n\n\n

Para configurar el cambio de escena dentro del videojuego 3D, primero agregamos la siguiente escena del juego en File \u2192 Build Settings y presionamos Add Open Scenes para incluirla en el proyecto. Despu\u00e9s abrimos el script de la llave en Visual Studio y utilizamos la librer\u00eda SceneManagement para permitir que Unity pudiera cargar otra escena autom\u00e1ticamente cuando el jugador recogiera la llave.<\/p>\n\n\n\n

\"Activador<\/figure>\n\n\n\n

Luego configuramos la detecci\u00f3n del jugador usando el m\u00e9todo OnTriggerEnter()<\/strong> dentro del scripting. Cuando el personaje con el tag Player<\/strong> tocaba la llave, se reproduc\u00eda el sonido de victoria y despu\u00e9s se ejecutaba la funci\u00f3n SceneManager.LoadScene()<\/strong> para enviar al jugador al siguiente nivel. Gracias a esto, el cambio entre escenarios qued\u00f3 completamente funcional y permiti\u00f3 continuar el progreso del videojuego 3D<\/strong> de forma autom\u00e1tica.<\/p>\n\n\n\n

\"Configuraci\u00f3n<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Mover Personajes y Elementos Entre Escenas<\/strong><\/h3>\n\n\n\n

Para reutilizar elementos dentro del videojuego 3D, utilizamos la opci\u00f3n Open Scene Additive<\/strong> de Unity. Primero abrimos la escena principal y despu\u00e9s seleccionamos la escena que ya ten\u00eda toda la configuraci\u00f3n completa usando Click derecho sobre la escena \u2192 Open Scene Additive<\/strong>. Esto permiti\u00f3 cargar ambas escenas al mismo tiempo dentro del proyecto.<\/p>\n\n\n\n

\"Configuraci\u00f3n<\/figure>\n\n\n\n

Despu\u00e9s de abrir las dos escenas, en el Hierarchy<\/strong> aparecieron todos los objetos organizados por cada nivel. Desde all\u00ed copiamos elementos importantes de la escena Nivel1<\/strong> hacia la escena Nivel3<\/strong>, incluyendo personajes, Canvas, c\u00e1maras, spawners, enemigos y otros objetos necesarios para mantener las mismas mec\u00e1nicas del juego sin tener que configurarlas nuevamente desde cero.
<\/p>\n\n\n\n

\"Configuraci\u00f3n<\/figure>\n\n\n\n

Finalmente organizamos todos los objetos dentro de la nueva escena utilizando las herramientas de movimiento y posici\u00f3n del Inspector. Tambi\u00e9n verificamos que los scripts estuvieran correctamente asignados y que cada elemento estuviera ubicado en el escenario correspondiente. Gracias a esto fue posible mantener la funcionalidad completa del videojuego 3D<\/strong> en diferentes niveles del juego.<\/p>\n\n\n\n

\"Configuraci\u00f3n<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Configuraci\u00f3n del Escenario 3 y Creaci\u00f3n del Puzzle<\/strong><\/h3>\n\n\n\n

Para comenzar el Nivel 3 del videojuego 3D, configuramos un nuevo Canvas usando Click derecho en Hierarchy \u2192 UI \u2192 Canvas. Despu\u00e9s agregamos una imagen desde UI \u2192 Image para colocar el fondo principal del nivel y darle una apariencia diferente al escenario anterior.
<\/p>\n\n\n\n

\"Configuraci\u00f3n<\/figure>\n\n\n\n

Durante la importaci\u00f3n de algunos assets descargados desde la Store de Unity, observamos que ciertas texturas no se cargaban correctamente. Para solucionarlo seleccionamos los materiales o im\u00e1genes desde la carpeta Assets<\/strong> y configuramos nuevamente sus texturas desde el Inspector<\/strong>, asegurando que cada objeto mostrara correctamente sus colores y materiales dentro de la escena.
<\/p>\n\n\n\n

\"Configuraci\u00f3n<\/figure>\n\n\n\n
\"Configuraci\u00f3n<\/figure>\n\n\n\n

Para crear el puzzle del \u00faltimo nivel, comenzamos importando las 9 im\u00e1genes que formar\u00edan el rompecabezas 3×3. Las im\u00e1genes fueron arrastradas hacia la carpeta Assets\/Images<\/strong> para mantener organizados todos los recursos gr\u00e1ficos utilizados en el videojuego 3D<\/strong>.
<\/p>\n\n\n\n

\"Estructura<\/figure>\n\n\n\n

Finalmente seleccionamos cada imagen desde el panel de Assets y en el Inspector<\/strong> cambiamos la opci\u00f3n Texture Type<\/strong> a Sprite (2D and UI)<\/strong>. Despu\u00e9s presionamos Apply<\/strong> para guardar los cambios. Este proceso se repiti\u00f3 con las 9 im\u00e1genes para que pudieran utilizarse correctamente dentro del puzzle en Unity.

<\/p>\n\n\n\n

\"Estructura<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Scripting del Puzzle 3×3<\/strong><\/h3>\n\n\n\n

PuzzleRompecabezas.cs<\/strong> \u2014 Es el cerebro del puzzle. Genera las piezas mezcladas y los slots de soluci\u00f3n, cuenta cu\u00e1ntas piezas est\u00e1n correctas y cuando llegan a 9 muestra el panel de victoria y carga la escena siguiente.<\/p>\n\n\n\n

PiezaPuzzle.cs<\/strong> \u2014 Controla cada pieza individual. Permite arrastrarla con el mouse (drag and drop), y si no cae en un slot v\u00e1lido la regresa a su posici\u00f3n original.<\/p>\n\n\n\n

SlotPuzzle.cs<\/strong> \u2014 Controla cada espacio vac\u00edo donde el jugador suelta una pieza. Verifica si la pieza que cay\u00f3 es la correcta \u2014 si s\u00ed, borde verde y suma al contador; si no, borde rojo.<\/p>\n\n\n\n

\"Estructura<\/figure>\n\n\n\n

Depues de esto vamos a modificar el script de llave para que cuando toque la llave del 3 nivel se abra el puzzle sin da\u00f1ar la logica de la llave en los otros dos nivelesagregamos un campo abrirPuzzle al script. Si est\u00e1 marcado, abre el puzzle en vez de cargar escena. As\u00ed los niveles 1 y 2 no se afectan, solo la llave del nivel 3 tendr\u00e1 ese campo activado.<\/p>\n\n\n\n

\"Estructura<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Construcci\u00f3n del Panel del Puzzle<\/strong><\/h3>\n\n\n\n

Para crear el puzzle del videojuego 3D, agregamos un panel principal usando Click derecho en Canvas \u2192 UI \u2192 Panel<\/strong> y lo renombramos como PanelPuzzle<\/strong>. Despu\u00e9s configuramos el tama\u00f1o completo de la pantalla y aplicamos un color negro con transparencia desde el Inspector.
Luego creamos dos paneles llamados GridSolucion<\/strong> y GridPiezas<\/strong> usando UI \u2192 Panel<\/strong>. A ambos les agregamos el componente Grid Layout Group<\/strong> para organizar autom\u00e1ticamente las piezas del puzzle en una cuadr\u00edcula 3×3.
Finalmente creamos un panel llamado PanelVictoria<\/strong> desde Canvas \u2192 UI \u2192 Panel<\/strong> y agregamos un texto con el mensaje \u00a1GANASTE!<\/strong>, el cual aparece cuando el jugador completa correctamente el puzzle dentro del videojuego 3D<\/strong>.

<\/p>\n\n\n\n

\"Estructura<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Configuraci\u00f3n del Script del Puzzle<\/strong><\/h3>\n\n\n\n

Despu\u00e9s seleccionamos el objeto GameManager<\/strong> en el Hierarchy<\/strong> y agregamos el script usando Add Component \u2192 PuzzleRompecabezas<\/strong>. Luego configuramos todos los campos desde el Inspector arrastrando los objetos correspondientes como PanelPuzzle<\/strong>, PanelVictoria<\/strong>, GridPiezas<\/strong> y GridSolucion<\/strong> para conectar correctamente el sistema del puzzle dentro del videojuego 3D.
<\/p>\n\n\n\n

\"Estructura<\/figure>\n\n\n\n

Finalmente en el campo Escena Siguiente escribimos MenuInicial, permitiendo regresar al men\u00fa final del juego cuando el jugador complete el rompecabezas. En ese mismo panel importamos las 9 im\u00e1genes del puzzle en el orden correcto para que el sistema pudiera generar y validar autom\u00e1ticamente cada pieza dentro del escenario.
<\/p>\n\n\n\n

\"Estructura<\/figure>\n\n\n\n


Video <\/strong><\/h3>\n\n\n\n
\n