{"id":74329,"date":"2025-11-26T20:53:27","date_gmt":"2025-11-27T01:53:27","guid":{"rendered":"https:\/\/niixer.com\/?p=74329"},"modified":"2025-11-28T15:38:00","modified_gmt":"2025-11-28T20:38:00","slug":"desarrollo-de-videojuego-de-laberinto-haciendo-uso-del-motor-unity","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2025\/11\/26\/desarrollo-de-videojuego-de-laberinto-haciendo-uso-del-motor-unity\/","title":{"rendered":"Desarrollo de videojuego de laberinto haciendo uso del motor unity"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

Creaci\u00f3n del cielo y c\u00f3mo oscurecer el mapa:<\/strong><\/h2>\n\n\n\n

Para comenzar, se descarga un paquete de skybox desde la Asset Store (“AllSky Free \u2013 10 Sky \/ Skybox Set”). Para ello:<\/p>\n\n\n\n

    \n
  1. Se accede a window\/Package Manager y se selecciona la pesta\u00f1a My Assets<\/strong>. Adem\u00e1s, para buscar el asset seleccionado.<\/li>\n\n\n\n
  2. Una vez descargado se importa el paquete explorando en la carpeta del skybox y se arrastra el material seleccionado hacia la escena para asignarlo como fondo del mapa.<\/li>\n<\/ol>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    A continuaci\u00f3n,para oscurecer la escena se modifica la configuraci\u00f3n de iluminaci\u00f3n desde Window\/Rendering\/Lighting Settings. All\u00ed se selecciona el skybox descargado en el campo Environment Lighting<\/strong>, y luego se genera la iluminaci\u00f3n presionando Generate Lighting<\/em>.<\/p>\n\n\n\n

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

    Buscar los assets y descargarlos e importarlos.<\/p>\n\n\n\n

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

    Ajustar la intensidad y el color ambiente se ajustan seleccionando la luz direccional principal, modificando sus valores de Intensity, Filter<\/em> y Color<\/em>, logrando as\u00ed la apariencia nocturna deseada<\/p>\n\n\n\n

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

    Para oscurecer el mapa nos vamos a la ruta que se muestra en la imagen<\/p>\n\n\n\n

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

    Se debe seleccionar la bolita que tenemos en lighting settings y buscar la del cielo que escogimos. le damos en generate y la luz de nuestro mapa estar\u00e1 implementada.<\/p>\n\n\n\n

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

    Se debe oscurecer m\u00e1s la luz, primero seleccionamos la luz del mapa, nos vamos a emisi\u00f3n y en filter ajustamos el color que queremos la luz y la intensidad de esta.<\/p>\n\n\n\n

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

    Del mismo modo, que se hizo el proceso de implementaci\u00f3n del cielo se implementa la linterna.<\/p>\n\n\n\n

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

    Se agrega en el personaje <\/p>\n\n\n\n

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

    La forma como se agregar el efecto de la linterna, le damos click derecho, light y seleccionamos light y despu\u00e9s spotlight, la a\u00f1adimos en nuestro jugador.<\/p>\n\n\n\n

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

    Como recomendaci\u00f3n adicional, a\u00f1adir una pared para que la luz refleje para poder ajustar bien el tema de la luz, como primera cosa ajustamos el rango en rango para que ajustar el rango de visi\u00f3n.<\/p>\n\n\n\n

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

    Y en intensidad ajustamos la intensidad de la luz.<\/p>\n\n\n\n

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

    En shape podemos ajustar la forma en que se ve la luz solo tenemos que mover la semiesfera de la derecha para ajustarla. y la otra semiesfera del lado izquierdo es para ajustar la suavidad del efecto si lo ponemos muy cerca de la otra esfera se ver\u00e1 un c\u00edrculo pero si lo alejamos pues se ver el efecto de linterna.<\/p>\n\n\n\n

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

    Y ahora el paquete de la linterna tiene tambi\u00e9n incluido unas cookies que nos sirven para dar el efecto de una linterna, ponemos la que queramos y la ponemos en cookie.<\/p>\n\n\n\n

    Creaci\u00f3n de la IA del enemigo:<\/strong><\/h3>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    En primer lugar se descarga el modelo de mixamo.<\/p>\n\n\n\n

    Antes de ponerlo dentro del mapa, debemos irnos a rig y despu\u00e9s pasar el Animation type a humanoid y tambi\u00e9n de paso volver a descargar el modelo varias veces pero esta vez con las animaciones que necesitemos. estos modelos de animaci\u00f3n debemos pasarlos a legacy en animation type.<\/p>\n\n\n\n

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

    Luego, se selecciona el modelo descargado y se identifica la animaci\u00f3n deseada, que siempre aparece con un icono triangular. Se duplica usando Ctrl + D y luego se puede eliminar el modelo, quedando solo la animaci\u00f3n copiada en el proyecto para ser usada de manera independiente.<\/p>\n\n\n\n

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

    Despu\u00e9s se selecciona al enemigo dentro de la escena y se elimina su componente Animator. Se agrega en cambio un componente llamado Animation<\/strong>, el cual permite asignar manualmente animaciones espec\u00edficas.<\/p>\n\n\n\n

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

    Se a\u00f1ade el componente NavMeshAgent<\/em>, que se ajusta para que envuelva correctamente la figura del enemigo. Este componente es fundamental para que el personaje pueda navegar autom\u00e1ticamente dentro del mapa usando el NavMesh horneado. Se definen valores como velocidad, radio, altura y comportamiento de frenado, de manera que el desplazamiento sea natural y acorde con el dise\u00f1o del enemigo.<\/p>\n\n\n\n

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

    Luego, se crea un nuevo script y se introduce el c\u00f3digo AI mostrado. El script controla todo el comportamiento del enemigo: detecci\u00f3n del jugador por rango, persecuci\u00f3n, ataques cuerpo a cuerpo, ataques especiales, animaciones y distancia de acci\u00f3n.<\/p>\n\n\n\n

    using UnityEngine;<\/p>\n\n\n\n

    using UnityEngine.AI;<\/p>\n\n\n\n

    public class Rango2 : MonoBehaviour<\/p>\n\n\n\n

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

        public NavMeshAgent Monstruo;<\/p>\n\n\n\n

        public float Velocidad;<\/p>\n\n\n\n

        public bool Persiguiendo;<\/p>\n\n\n\n

        public float Rango;<\/p>\n\n\n\n

        public float Distancia;<\/p>\n\n\n\n

        public Transform Objetivo;<\/p>\n\n\n\n

        [Header(“Animaciones”)]<\/p>\n\n\n\n

        public Animation Anim;<\/p>\n\n\n\n

        public string NombreAnimacionCaminar;<\/p>\n\n\n\n

        public string NombreAnimacionQuieto;<\/p>\n\n\n\n

        public string NombreAnimacionAtaque;<\/p>\n\n\n\n

        public string NombreAnimacionGrito;<\/p>\n\n\n\n

        [Header(“Ataque”)]<\/p>\n\n\n\n

        public float da\u00f1o;<\/p>\n\n\n\n

        public float RangoAtaque = 2f;<\/p>\n\n\n\n

        public float TiempoEntreAtaques = 2f;<\/p>\n\n\n\n

        private float tiempoUltimoAtaque;<\/p>\n\n\n\n

        private bool estaAtacando = false;<\/p>\n\n\n\n

        private void Update()<\/p>\n\n\n\n

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

            Distancia = Vector3.Distance(Monstruo.transform.position, Objetivo.position);<\/p>\n\n\n\n

            if (Distancia < Rango)<\/p>\n\n\n\n

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

                Persiguiendo = true;<\/p>\n\n\n\n

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

            else if (Distancia > Rango + 3)<\/p>\n\n\n\n

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

                Persiguiendo = false;<\/p>\n\n\n\n

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

            if (Distancia <= RangoAtaque && Persiguiendo)<\/p>\n\n\n\n

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

                Monstruo.speed = 0;<\/p>\n\n\n\n

                if (Time.time >= tiempoUltimoAtaque + TiempoEntreAtaques && !estaAtacando)<\/p>\n\n\n\n

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

                    IniciarAtaque();<\/p>\n\n\n\n

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

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

            else if (Persiguiendo == false)<\/p>\n\n\n\n

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

                Monstruo.speed = 0;<\/p>\n\n\n\n

                estaAtacando = false;<\/p>\n\n\n\n

                Anim.CrossFade(NombreAnimacionQuieto);<\/p>\n\n\n\n

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

            else if (Persiguiendo == true && !estaAtacando)<\/p>\n\n\n\n

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

                Monstruo.speed = Velocidad;<\/p>\n\n\n\n

                Anim.CrossFade(NombreAnimacionCaminar);<\/p>\n\n\n\n

                Monstruo.SetDestination(Objetivo.position);<\/p>\n\n\n\n

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

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

        private void OnDrawGizmosSelected()<\/p>\n\n\n\n

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

            Gizmos.color = Color.green;<\/p>\n\n\n\n

            Gizmos.DrawWireSphere(Monstruo.transform.position, Rango);<\/p>\n\n\n\n

            Gizmos.color = Color.red;<\/p>\n\n\n\n

            Gizmos.DrawWireSphere(Monstruo.transform.position, RangoAtaque);<\/p>\n\n\n\n

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

        private void IniciarAtaque()<\/p>\n\n\n\n

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

            estaAtacando = true;<\/p>\n\n\n\n

            tiempoUltimoAtaque = Time.time;<\/p>\n\n\n\n

            \/\/ Solo reproduce la animaci\u00f3n, NO llama a Ataque() aqu\u00ed<\/p>\n\n\n\n

            Anim.CrossFade(NombreAnimacionAtaque);<\/p>\n\n\n\n

            \/\/ El da\u00f1o se aplicar\u00e1 desde el Animation Event<\/p>\n\n\n\n

            \/\/ Termina el ataque despu\u00e9s de la duraci\u00f3n de la animaci\u00f3n<\/p>\n\n\n\n

            Invoke(“FinalizarAtaque”, 1.5f); \/\/ Ajusta seg\u00fan duraci\u00f3n de tu animaci\u00f3n<\/p>\n\n\n\n

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

        private void FinalizarAtaque()<\/p>\n\n\n\n

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

            estaAtacando = false;<\/p>\n\n\n\n

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

        \/\/ Este m\u00e9todo ser\u00e1 llamado SOLO desde el Animation Event<\/p>\n\n\n\n

        public void Ataque()<\/p>\n\n\n\n

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

            \/\/ Verifica que el objetivo siga en rango antes de aplicar da\u00f1o<\/p>\n\n\n\n

            if (Distancia <= RangoAtaque && Objetivo.GetComponent<Codigo_Salud>() != null)<\/p>\n\n\n\n

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

                Objetivo.GetComponent<Codigo_Salud>().RecibirDa\u00f1o(da\u00f1o);<\/p>\n\n\n\n

                Debug.Log(“Da\u00f1o aplicado: ” + da\u00f1o);<\/p>\n\n\n\n

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

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

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

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

    Despu\u00e9s arrastramos el script al personaje y ubicamos cada cosa en su lugar, en monstruo ponemos el mesh que creamos, en animaciones, escribimos el nombre de cada animaci\u00f3n que se nos pide de la misma manera que la animaciones que asignamos arriba, y en objetivo a\u00f1adimos el jugador y en Anim seleccionamos nuestro enemigo, para la creaci\u00f3n del da\u00f1o se explicar\u00e1 m\u00e1s abajo. En rango ponemos la zona en la que queremos que nuestro enemigo detecte al jugador, y en distancia no se pondr\u00e1 nada por que al correr el juego se ajusta solo.<\/p>\n\n\n\n

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

    Por otro lado, en el mapa se crea tambi\u00e9n un componente llamado NavMesh Surface<\/em>, que se configura para detectar las \u00e1reas caminables y luego se presiona Bake<\/em>. Esto genera una superficie azul que representa el terreno navegable, sta superficie define los l\u00edmites por donde la IA podr\u00e1 caminar o no.<\/p>\n\n\n\n

    Da\u00f1o al jugador:<\/strong><\/h3>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    luego, para aplicar da\u00f1o mediante animaciones, se accede a la ventana Window \u2192 Animation \u2192 Animation. All\u00ed se selecciona la animaci\u00f3n de golpe del enemigo y se busca el fotograma exacto en el que su ataque deber\u00eda impactar al jugador. En ese punto se presiona el bot\u00f3n \u201cAdd Event\u201d, creando un evento especial que ejecutar\u00e1 c\u00f3digo justo al ocurrir el golpe.<\/p>\n\n\n\n

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

    Despu\u00e9s de esto creamos un nuevo script.
    using System.Collections;<\/p>\n\n\n\n

    using System.Collections.Generic;<\/p>\n\n\n\n

    using UnityEngine;<\/p>\n\n\n\n

    \/\/ Script de Unity | 0 referencias<\/p>\n\n\n\n

    public class Alienrango : MonoBehaviour<\/p>\n\n\n\n

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

        public MonstruoRango Enemigo;<\/p>\n\n\n\n

        \/\/ 0 referencias<\/p>\n\n\n\n

        public void Da\u00f1o()<\/p>\n\n\n\n

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

            Enemigo.Ataque();<\/p>\n\n\n\n

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

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

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

    Listo ya teniendo el Script para llamar al m\u00e9todo da\u00f1o cuando el enemigo ataca se debe asignar el script al enemigo y despu\u00e9s lo que hacemos es irnos al time event que creamos previamente y seleccionamos el m\u00e9todo que creamos el de da\u00f1o y con eso el enemigo solo ataca cuando haga la animaci\u00f3n de golpe.<\/p>\n\n\n\n

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

    Da\u00f1o a distancia:<\/strong><\/p>\n\n\n\n

    En este caso, para implementar da\u00f1o a distancia, se actualiza el script principal a\u00f1adiendo un sistema adicional de da\u00f1o progresivo. Este tipo de da\u00f1o es ideal para ataques especiales, como un grito s\u00f3nico. El c\u00f3digo agregado permite que el da\u00f1o no se aplique de golpe, sino gradualmente, aumentando y disminuyendo siguiendo una curva suave tipo monta\u00f1a. para ello se agrega lo siguiente:
    \/\/ ==================== AGREGAR ESTAS VARIABLES ====================<\/p>\n\n\n\n

    [Header(“Da\u00f1o Progresivo del Grito”)]<\/p>\n\n\n\n

    public bool usarDa\u00f1oProgresivo = true; \/\/ Activa\/desactiva el sistema<\/p>\n\n\n\n

    public float da\u00f1oInicioFin = 5f; \/\/ Da\u00f1o al inicio y final del grito<\/p>\n\n\n\n

    public float ticksDa\u00f1oPorSegundo = 5f; \/\/ Cu\u00e1ntas veces por segundo aplica da\u00f1o<\/p>\n\n\n\n

    private float da\u00f1oActualGrito = 0f;<\/p>\n\n\n\n

    \/\/ ==================== MODIFICAR IniciarGrito() ====================<\/p>\n\n\n\n

    private void IniciarGrito()<\/p>\n\n\n\n

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

        estaGritando = true;<\/p>\n\n\n\n

        tiempoUltimoGrito = Time.time;<\/p>\n\n\n\n

        Monstruo.speed = 0;<\/p>\n\n\n\n

        Anim.CrossFade(NombreAnimacionGrito);<\/p>\n\n\n\n

        Debug.Log(“\u00a1El enemigo est\u00e1 gritando!”);<\/p>\n\n\n\n

        \/\/ AGREGAR ESTO: Si usa da\u00f1o progresivo, inicia la corrutina<\/p>\n\n\n\n

        if (usarDa\u00f1oProgresivo)<\/p>\n\n\n\n

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

            StartCoroutine(Da\u00f1oProgresivoGrito(2f)); \/\/ 2f = duraci\u00f3n total del grito<\/p>\n\n\n\n

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

        Invoke(“FinalizarGrito”, 2f);<\/p>\n\n\n\n

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

    \/\/ ==================== AGREGAR ESTE M\u00c9TODO COMPLETO ====================<\/p>\n\n\n\n

    \/\/ Sistema de da\u00f1o progresivo (efecto monta\u00f1a)<\/p>\n\n\n\n

    private System.Collections.IEnumerator Da\u00f1oProgresivoGrito(float duracionTotal)<\/p>\n\n\n\n

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

        float tiempoTranscurrido = 0f;<\/p>\n\n\n\n

        float intervalo = 1f \/ ticksDa\u00f1oPorSegundo;<\/p>\n\n\n\n

        while (tiempoTranscurrido < duracionTotal)<\/p>\n\n\n\n

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

            float progreso = tiempoTranscurrido \/ duracionTotal;<\/p>\n\n\n\n

            float multiplicador = Mathf.Sin(progreso * Mathf.PI);<\/p>\n\n\n\n

            da\u00f1oActualGrito = Mathf.Lerp(da\u00f1oInicioFin, da\u00f1oGrito, multiplicador);<\/p>\n\n\n\n

            if (Distancia <= RangoGrito && Objetivo.GetComponent<Codigo_Salud>() != null)<\/p>\n\n\n\n

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

                Objetivo.GetComponent<Codigo_Salud>().RecibirDa\u00f1o(da\u00f1oActualGrito);<\/p>\n\n\n\n

                Debug.Log($”Da\u00f1o progresivo aplicado: {da\u00f1oActualGrito:F1} (Progreso: {progreso * 100:F0}%)”);<\/p>\n\n\n\n

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

            yield return new WaitForSeconds(intervalo);<\/p>\n\n\n\n

            tiempoTranscurrido += intervalo;<\/p>\n\n\n\n

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

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

    \/\/ ==================== MODIFICAR AtaqueGrito() ====================<\/p>\n\n\n\n

    public void AtaqueGrito()<\/p>\n\n\n\n

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

        \/\/ Si NO usas da\u00f1o progresivo, aplica da\u00f1o de golpe<\/p>\n\n\n\n

        if (!usarDa\u00f1oProgresivo)<\/p>\n\n\n\n

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

            if (Distancia <= RangoGrito && Objetivo.GetComponent<Codigo_Salud>() != null)<\/p>\n\n\n\n

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

                Objetivo.GetComponent<Codigo_Salud>().RecibirDa\u00f1o(da\u00f1oGrito);<\/p>\n\n\n\n

                Debug.Log(“Da\u00f1o de grito aplicado: ” + da\u00f1oGrito);<\/p>\n\n\n\n

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

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

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

    “`<\/p>\n\n\n\n

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

    ## C\u00f3mo funciona el da\u00f1o progresivo:<\/p>\n\n\n\n

    “`<\/p>\n\n\n\n

    Tiempo:  0s ——– 0.5s ——– 1.0s ——– 1.5s ——– 2.0s<\/p>\n\n\n\n

    Da\u00f1o:    5 ——– 10 ——— 15 ——— 10 ——— 5<\/p>\n\n\n\n

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

           Inicio     Subiendo     Pico       Bajando        Fin<\/p>\n\n\n\n

    “`<\/p>\n\n\n\n

    ### Ejemplo visual:<\/p>\n\n\n\n

    “`<\/p>\n\n\n\n

           15 (da\u00f1o m\u00e1ximo)    \u2571\\<\/p>\n\n\n\n

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

           10              \u2571      \\<\/p>\n\n\n\n

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

            5 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2571              \\\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500<\/p>\n\n\n\n

              Inicio   \u2192   Pico   \u2192   Fin<\/p>\n\n\n\n

    “`<\/p>\n\n\n\n

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

    ## Configuraci\u00f3n en Unity:<\/p>\n\n\n\n

    “`<\/p>\n\n\n\n

    [Da\u00f1o Progresivo del Grito]<\/p>\n\n\n\n

    \u2713 usarDa\u00f1oProgresivo: true (activado)<\/p>\n\n\n\n

    da\u00f1oInicioFin: 5 (da\u00f1o al principio y final)<\/p>\n\n\n\n

    da\u00f1oGrito: 15 (da\u00f1o m\u00e1ximo en el pico)<\/p>\n\n\n\n

    ticksDa\u00f1oPorSegundo: 5 (aplica da\u00f1o 5 veces por segundo)<\/p>\n\n\n\n

    En resumen, este codigo permite crear da\u00f1o progresivo dentro del mismo c\u00f3digo pero necesitas hacer cambios en la animaci\u00f3n creando un time event en la animaci\u00f3n del grito<\/p>\n\n\n\n

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

    Despu\u00e9s de a\u00f1adir el time event y modificar el c\u00f3digo ya lo podemos seleccionar dentro de nuestros m\u00e9todos para dejarlo listo. Tambi\u00e9n es necesario crear un evento dentro de la animaci\u00f3n del grito, igual que con el ataque cuerpo a cuerpo, para sincronizar la animaci\u00f3n con la aplicaci\u00f3n del da\u00f1o. Esto garantiza que el ataque sea visual y mec\u00e1nicamente consistente.<\/p>\n\n\n\n

    Barra de vida:<\/strong><\/h3>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    Primero se crea un Canvas siguiendo la ruta indicada y dentro de \u00e9l se coloca una imagen que ser\u00e1 la barra de vida. Para una mejor organizaci\u00f3n, se crea un objeto vac\u00edo como padre de la imagen, y cada elemento se nombra de manera clara para evitar confusiones en el futuro<\/p>\n\n\n\n

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

    La imagen se posiciona dentro de la pantalla en la ubicaci\u00f3n deseada y luego se asigna una imagen de fondo que servir\u00e1 como interfaz visual de la salud del jugador.<\/p>\n\n\n\n

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

    En las propiedades de la imagen modificamos el cuadro de imagen que estaba en el centro al lugar que preferimos y en suerce image seleccionamos la imagen que queramos para que sea nuestra barra de vida pero no se puede quedar vacio.<\/p>\n\n\n\n

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

    En raycast padding podemos ajustar como queremos la barra de vida importante que imagetype este filled y ya en fill method podemos escoger como se disminuir\u00e1 la barra de vida.<\/p>\n\n\n\n

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

    La forma en la que se realiza el efecto que muestro en la imagen duplicamos la barra la renombramos y la ponemos encima de la imagen de la barra original despu\u00e9s le ponemos el color del fondo y listo.<\/p>\n\n\n\n

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

    Para crear el texto de la barra nos vamos a la creaci\u00f3n de objeto como se muestra en pantalla.
    <\/p>\n\n\n\n

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

    Ajustamos el texto debajo de la barra de vida para que no quede por debajo de esta en la pantalla y despu\u00e9s la ajustamos en el centro de esta. Seguido de esto, se desarrolla un script que maneja el sistema de salud, actualizando el valor num\u00e9rico y visual de la barra.<\/p>\n\n\n\n

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

    \/\/ Importa el espacio de nombres para trabajar con colecciones no gen\u00e9ricas<\/p>\n\n\n\n

    using System.Collections;<\/p>\n\n\n\n

    \/\/ Importa el espacio de nombres para trabajar con colecciones gen\u00e9ricas (como List, Dictionary)<\/p>\n\n\n\n

    using System.Collections.Generic;<\/p>\n\n\n\n

    \/\/ Importa el espacio de nombres principal de Unity para acceder a componentes y funcionalidades del motor<\/p>\n\n\n\n

    using UnityEngine;<\/p>\n\n\n\n

    \/\/ Importa el espacio de nombres de Unity para trabajar con elementos de interfaz de usuario (UI)<\/p>\n\n\n\n

    using UnityEngine.UI;<\/p>\n\n\n\n

    \/\/ Define una clase p\u00fablica llamada Codigo_Salud que hereda de MonoBehaviour (clase base de Unity para scripts)<\/p>\n\n\n\n

    public class Codigo_Salud : MonoBehaviour<\/p>\n\n\n\n

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

        \/\/ Variable p\u00fablica que almacena la salud actual del jugador, inicializada en 100<\/p>\n\n\n\n

        public float Salud = 100;<\/p>\n\n\n\n

        \/\/ Variable p\u00fablica que almacena la salud m\u00e1xima posible del jugador, inicializada en 100<\/p>\n\n\n\n

        public float SaludMaxima = 100;<\/p>\n\n\n\n

        \/\/ Atributo que crea un encabezado “Interfaz” en el Inspector de Unity para organizar variables<\/p>\n\n\n\n

        [Header(“Interfaz”)]<\/p>\n\n\n\n

        \/\/ Variable p\u00fablica de tipo Image para referenciar la barra de salud visual en la UI<\/p>\n\n\n\n

        public Image BarraSalud;<\/p>\n\n\n\n

        \/\/ Variable p\u00fablica de tipo Text para referenciar el texto que muestra la salud num\u00e9rica<\/p>\n\n\n\n

        public Text TextoSalud;<\/p>\n\n\n\n

        \/\/ M\u00e9todo Update se ejecuta autom\u00e1ticamente cada frame (normalmente 60 veces por segundo)<\/p>\n\n\n\n

        void Update()<\/p>\n\n\n\n

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

            \/\/ Llama al m\u00e9todo ActualizarInterfaz en cada frame para mantener la UI actualizada<\/p>\n\n\n\n

            ActualizarInterfaz();<\/p>\n\n\n\n

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

        \/\/ M\u00e9todo personalizado que actualiza los elementos visuales de la interfaz<\/p>\n\n\n\n

        void ActualizarInterfaz()<\/p>\n\n\n\n

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

            \/\/ Calcula el porcentaje de salud (entre 0 y 1) y lo asigna al fillAmount de la barra<\/p>\n\n\n\n

            \/\/ Si Salud=50 y SaludMaxima=100, fillAmount ser\u00e1 0.5 (50% de la barra llena)<\/p>\n\n\n\n

            BarraSalud.fillAmount = Salud \/ SaludMaxima;<\/p>\n\n\n\n

            \/\/ Actualiza el texto mostrando “Salud: ” seguido del valor de Salud formateado sin decimales<\/p>\n\n\n\n

            \/\/ ToString(“f0”) formatea el n\u00famero float a string sin decimales (ejemplo: 75.8 se muestra como “76”)<\/p>\n\n\n\n

            TextoSalud.text = “Salud: ” + Salud.ToString(“f0”);<\/p>\n\n\n\n

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

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

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

    Como siguiente paso, le a\u00f1adiremos un sistema de part\u00edculas para cuando golpean al jugador, pueden crear un sistema de part\u00edculas desde:<\/p>\n\n\n\n

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

    ah\u00ed ya ajustan la duraci\u00f3n, el tama\u00f1o el tipo de part\u00edculas y todo lo necesario para crear un mejor efecto visual:<\/p>\n\n\n\n

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

    Despu\u00e9s de hacer el sistema de part\u00edculas  y tener ya nuestro fuego, vamos a hacer que el jugador reciba da\u00f1o, esto es m\u00e1s como prueba para poder como funciona la barra de vida.
    Como primero agregamos un colider marcado como Trigger<\/em>, para que el jugador pueda interactuar sin colisionar f\u00edsicamente. Se crea un script que, al detectar que el objeto con tag \u201cPlayer\u201d ingres\u00f3 al trigger, le aplica da\u00f1o mediante el m\u00e9todo RecibirDa\u00f1o<\/em> agregado previamente dentro del script de salud.El script es el siguiente:
    using System.Collections;<\/p>\n\n\n\n

    using System.Collections.Generic;<\/p>\n\n\n\n

    using UnityEngine;<\/p>\n\n\n\n

    \/\/ Script que se coloca en objetos que causan da\u00f1o (enemigos, trampas, fuego, proyectiles, etc.)<\/p>\n\n\n\n

    public class PersonaJe : MonoBehaviour<\/p>\n\n\n\n

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

        \/\/ Variable p\u00fablica que define cu\u00e1nto da\u00f1o causa este objeto<\/p>\n\n\n\n

        \/\/ Se puede ajustar desde el Inspector de Unity<\/p>\n\n\n\n

        public float CantidadDa\u00f1o;<\/p>\n\n\n\n

        \/\/ M\u00e9todo que se ejecuta autom\u00e1ticamente cuando otro objeto CON COLLIDER entra en el trigger de este objeto<\/p>\n\n\n\n

        \/\/ IMPORTANTE: Este objeto debe tener un Collider con “Is Trigger” activado<\/p>\n\n\n\n

        private void OnTriggerEnter(Collider other)<\/p>\n\n\n\n

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

            \/\/ Verifica dos condiciones:<\/p>\n\n\n\n

            \/\/ 1. El objeto que entr\u00f3 tiene el tag “Player”<\/p>\n\n\n\n

            \/\/ 2. El objeto que entr\u00f3 tiene el componente\/script Codigo_Salud adjunto<\/p>\n\n\n\n

            if(other.CompareTag(“Player”) && other.GetComponent<Codigo_Salud>())<\/p>\n\n\n\n

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

                \/\/ Si ambas condiciones son verdaderas:<\/p>\n\n\n\n

                \/\/ Obtiene el componente Codigo_Salud del jugador y llama a su m\u00e9todo RecibirDa\u00f1o<\/p>\n\n\n\n

                \/\/ Le pasa como par\u00e1metro la cantidad de da\u00f1o configurada en CantidadDa\u00f1o<\/p>\n\n\n\n

                other.GetComponent<Codigo_Salud>().RecibirDa\u00f1o(CantidadDa\u00f1o);<\/p>\n\n\n\n

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

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

    }
    Tambi\u00e9n debemos agregar una nueva linea de codigo en nuestro script de salud de la siguiente forma:<\/p>\n\n\n\n

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

    la l\u00ednea es la siguiente:
    public void RecibirDa\u00f1o(float da\u00f1o)<\/p>\n\n\n\n

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

        Salud -= da\u00f1o;<\/p>\n\n\n\n

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

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

    Despu\u00e9s, se crea un nuevo Canvas que funcionar\u00e1 como pantalla de muerte. Esta pantalla se ajusta para cubrir completamente la vista y se agrega un texto o mensaje indicando que el jugador ha muerto.<\/p>\n\n\n\n

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

    La ajustamos para que cubra toda la pantalla.<\/p>\n\n\n\n

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

    Ponemos un texto y una c\u00e1mara para que no nos moleste m\u00e1s adelante.
    <\/p>\n\n\n\n

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

    arrastramos despues el canvas a los assets, y actualizamos el c\u00f3digo de salud a lo siguiente:
    [Header(“Muerte”)]<\/p>\n\n\n\n

    public GameObject Muerto;

    if(Salud <= 0)<\/p>\n\n\n\n

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

        Instantiate(Muerto);<\/p>\n\n\n\n

        Destroy(gameObject);<\/p>\n\n\n\n

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

    y lo a\u00f1adimos en la siguiente parte.<\/p>\n\n\n\n

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

    Esto nos soltara el canvas de estas muerto cuando la vida baje a 0.<\/p>\n\n\n\n

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

    Vamos a agregar este efecto de da\u00f1o cuando sabes que te queda poca salud, se implementa un efecto de mancha de sangre en la pantalla cuando el jugador recibe da\u00f1o. Se crea una imagen roja semitransparente y se a\u00f1ade un Canvas Group <\/em>que permite controlar la opacidad de esa imagen. Luego se actualiza el c\u00f3digo para que cuando el jugador reciba da\u00f1o, la huella aparezca con opacidad total y luego se desvanezca gradualmente usando Time.deltaTime.<\/p>\n\n\n\n

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

    public CanvasGroup huelladesangre;<\/p>\n\n\n\n


    Salud -= da\u00f1o;<\/p>\n\n\n\n

            huelladesangre.alpha = 1;<\/p>\n\n\n\n


    if(huelladesangre.alpha > 0)<\/p>\n\n\n\n

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

                huelladesangre.alpha -= Time.deltaTime;<\/p>\n\n\n\n

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

    ya con estas l\u00edneas de c\u00f3digo cuando el jugador recibe da\u00f1o se ver\u00e1 la huella en la pantalla que va desapareciendo con el tiempo.<\/p>\n\n\n\n

    A\u00f1adir un timer:<\/strong><\/h3>\n\n\n\n

    Para implementar un timer dentro del videojuego, se a\u00f1ade un Canvas y un texto dentro de la escena para crear un contador de tiempo. Este contador puede funcionar como cron\u00f3metro ascendente o como un temporizador regresivo, seg\u00fan el valor inicial del tiempo.<\/p>\n\n\n\n

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

    A\u00f1adimos un canvas y un texto.<\/p>\n\n\n\n

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

    Y se crea tambi\u00e9n un objeto vac\u00edo y un script y se a\u00f1ade el siguiente codigo:
    using UnityEngine;<\/p>\n\n\n\n

    using UnityEngine.UI;<\/p>\n\n\n\n

    public class Timer : MonoBehaviour<\/p>\n\n\n\n

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

        public float timer = 0f;       \/\/ Si es 0 = cron\u00f3metro, si es >0 = cuenta regresiva<\/p>\n\n\n\n

        public Text textoTimer;<\/p>\n\n\n\n

        private bool isCountdown;      \/\/ Para detectar si debe contar regresivo o progresivo<\/p>\n\n\n\n

        void Start()<\/p>\n\n\n\n

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

            \/\/ Si el valor inicial es mayor a cero \u2192 cuenta regresiva<\/p>\n\n\n\n

            isCountdown = timer > 0;<\/p>\n\n\n\n

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

        void Update()<\/p>\n\n\n\n

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

            if (isCountdown)<\/p>\n\n\n\n

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

                \/\/ Cuenta regresiva<\/p>\n\n\n\n

                timer -= Time.deltaTime;<\/p>\n\n\n\n

                \/\/ Evita que llegue a negativo<\/p>\n\n\n\n

                if (timer < 0)<\/p>\n\n\n\n

                    timer = 0;<\/p>\n\n\n\n

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

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

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

                \/\/ Cron\u00f3metro (cuenta hacia arriba)<\/p>\n\n\n\n

                timer += Time.deltaTime;<\/p>\n\n\n\n

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

            \/\/ Convertir a minutos y segundos<\/p>\n\n\n\n

            int minutos = Mathf.FloorToInt(timer \/ 60);<\/p>\n\n\n\n

            int segundos = Mathf.FloorToInt(timer % 60);<\/p>\n\n\n\n

            \/\/ Mostrar en formato MM:SS<\/p>\n\n\n\n

            textoTimer.text = minutos.ToString(“00”) + “:” + segundos.ToString(“00”);<\/p>\n\n\n\n

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

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

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

    Despu\u00e9s de guardar en el objeto vac\u00edo ponemos nuestro c\u00f3digo y ponemos el objeto text donde se nos pide en inspector importante que est\u00e9 vac\u00edo y ajustar el tiempo para lo que necesitemos y listo, tenemos nuestro contador de tiempo puesto.
    <\/p>\n\n\n\n

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

    as\u00ed es como se ver\u00eda en el juego.<\/p>\n\n\n\n

    Objetos Recogibles:<\/strong><\/h3>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    Se sube un objeto al proyecto, en este caso una gema generada desde Blender<\/em><\/strong> y se le a\u00f1ade un collider tipo caja que se marca con Is Trigger<\/em>.<\/p>\n\n\n\n

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

    Nos vamos a tag, y se crea un nuevo tag para identificar ese objeto como recogible. Se desarrolla un script que detecta cuando el jugador lo toca, recupera un porcentaje de vida, suma al contador de diamantes y destruye el objeto recogido.

    using UnityEngine;<\/p>\n\n\n\n

    public class Diamante : MonoBehaviour<\/p>\n\n\n\n

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

        public float vidaARecuperar = 20f;<\/p>\n\n\n\n

        private void OnTriggerEnter(Collider other)<\/p>\n\n\n\n

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

            if (other.CompareTag(“Player”))<\/p>\n\n\n\n

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

                \/\/ Recuperar vida<\/p>\n\n\n\n

                var salud = other.GetComponent<Codigo_Salud>();<\/p>\n\n\n\n

                if (salud != null)<\/p>\n\n\n\n

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

                    salud.Salud += vidaARecuperar;<\/p>\n\n\n\n

                    if (salud.Salud > salud.SaludMaxima)<\/p>\n\n\n\n

                        salud.Salud = salud.SaludMaxima;<\/p>\n\n\n\n

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

                \/\/ SUMAR al contador de diamantes<\/p>\n\n\n\n

                ContadorDiamantes.instancia.AgregarDiamante(1);<\/p>\n\n\n\n

                \/\/ Destruir diamante<\/p>\n\n\n\n

                Destroy(gameObject);<\/p>\n\n\n\n

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

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

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

    Con este script tambi\u00e9n hacemos que recupere vida el personaje.<\/p>\n\n\n\n

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

    Creamos un prefabricado arrastrando el objeto a la carpeta de assets y borramos el objetos de la jerarqu\u00eda.
    Despu\u00e9s a\u00f1adimos un nuevo script.<\/p>\n\n\n\n

    using UnityEngine;<\/p>\n\n\n\n

    public class DiamondSpawner : MonoBehaviour<\/p>\n\n\n\n

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

        [Header(“Configuraci\u00f3n”)]<\/p>\n\n\n\n

        public GameObject diamantePrefab;       \/\/ Prefab del diamante<\/p>\n\n\n\n

        public int cantidadDiamantes = 20;      \/\/ Cu\u00e1ntos spawnnear<\/p>\n\n\n\n

        public float rangoSpawn = 50f;          \/\/ Radio de spawn<\/p>\n\n\n\n

        public float alturaSpawn = 1f;          \/\/ Altura del diamante<\/p>\n\n\n\n

        [Header(“Spawn en NavMesh”)]<\/p>\n\n\n\n

        public bool usarNavMesh = true;<\/p>\n\n\n\n

        void Start()<\/p>\n\n\n\n

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

            SpawnearDiamantes();<\/p>\n\n\n\n

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

        void SpawnearDiamantes()<\/p>\n\n\n\n

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

            int diamantesSpawneados = 0;<\/p>\n\n\n\n

            int intentos = 0;<\/p>\n\n\n\n

            int maxIntentos = cantidadDiamantes * 10;<\/p>\n\n\n\n

            while (diamantesSpawneados < cantidadDiamantes && intentos < maxIntentos)<\/p>\n\n\n\n

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

                intentos++;<\/p>\n\n\n\n

                \/\/ Generar posici\u00f3n aleatoria en el rango<\/p>\n\n\n\n

                Vector3 posicionAleatoria = transform.position + Random.insideUnitSphere * rangoSpawn;<\/p>\n\n\n\n

                posicionAleatoria.y = alturaSpawn;<\/p>\n\n\n\n

                \/\/ Verificar NavMesh<\/p>\n\n\n\n

                if (usarNavMesh)<\/p>\n\n\n\n

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

                    UnityEngine.AI.NavMeshHit hit;<\/p>\n\n\n\n

                    if (UnityEngine.AI.NavMesh.SamplePosition(posicionAleatoria, out hit, rangoSpawn, UnityEngine.AI.NavMesh.AllAreas))<\/p>\n\n\n\n

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

                        posicionAleatoria = hit.position;<\/p>\n\n\n\n

                        posicionAleatoria.y = alturaSpawn;<\/p>\n\n\n\n

                        \/\/ Instanciar diamante<\/p>\n\n\n\n

                        Instantiate(diamantePrefab, posicionAleatoria, Quaternion.identity);<\/p>\n\n\n\n

                        diamantesSpawneados++;<\/p>\n\n\n\n

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

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

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

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

                    Instantiate(diamantePrefab, posicionAleatoria, Quaternion.identity);<\/p>\n\n\n\n

                    diamantesSpawneados++;<\/p>\n\n\n\n

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

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

            Debug.Log(“Diamantes spawneados: ” + diamantesSpawneados);<\/p>\n\n\n\n

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

        \/\/ Visualizar rango en el editor<\/p>\n\n\n\n

        void OnDrawGizmosSelected()<\/p>\n\n\n\n

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

            Gizmos.color = Color.cyan;<\/p>\n\n\n\n

            Gizmos.DrawWireSphere(transform.position, rangoSpawn);<\/p>\n\n\n\n

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

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

    este nos permitir\u00e1 crear los cristales en el mapa de manera aleatoria<\/p>\n\n\n\n

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

    Se a\u00f1ade un nuevo objeto vac\u00edo y arrastramos el prefab, escogemos la cantidad de diamantes y la distancia que tendr\u00e1n del suelo.<\/p>\n\n\n\n

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

    Se crea un objeto vac\u00edo con un canvas y un texto y despu\u00e9s creamos un script el cual nos servir\u00e1 como contador.<\/p>\n\n\n\n

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

    a\u00f1adimos el texto al objeto vac\u00edo y como siempre ponemos el texto y despu\u00e9s definimos la cantidad de diamantes que hay y ya cada vez que recojamos un diamante el contador subir\u00e1 a 1.<\/p>\n\n\n\n

    Tutorial:<\/strong><\/h3>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    Empezamos creando un objeto vac\u00edo que tenga un Canvas y un texto. Seguido un script que agregue la funcionalidad de mostrar todo el tutorial en un texto.<\/p>\n\n\n\n

    Men\u00fa principal:<\/strong><\/h3>\n\n\n\n

    En la creaci\u00f3n del men\u00fa principal, lo primero es generar un nuevo Canvas, que ser\u00e1 el contenedor de toda la interfaz que ver\u00e1 el jugador antes de iniciar la partida. Se debe ajustar el Canvas en el modo Scale With Screen Size, ya que esto garantiza que todos los elementos del men\u00fa se ajusten autom\u00e1ticamente a cualquier resoluci\u00f3n o tama\u00f1o de pantalla.<\/p>\n\n\n\n

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

    Una vez creado el Canvas el cual funcionar\u00e1 como la base visual del men\u00fa. Este panel suele cubrir toda la pantalla y puede tener un color s\u00f3lido, una textura o una imagen de fondo que sirva como est\u00e9tica principal del men\u00fa. <\/p>\n\n\n\n

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

    Seguido de esto se agrega una imagen adicional si queremos reforzar el estilo visual, por ejemplo un logo, una ilustraci\u00f3n o un marco decorativo para la interfaz.<\/p>\n\n\n\n

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

    Seguido a esto, se agrega un TextMeshPro<\/strong>, que ser\u00e1 el encargado de mostrar el t\u00edtulo del juego o los textos principales del men\u00fa. TextMeshPro es preferible frente al texto est\u00e1ndar debido a su mayor nitidez, calidad visual y personalizaci\u00f3n.<\/p>\n\n\n\n

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

    Luego se a\u00f1ade un bot\u00f3n<\/strong> dentro del Canvas. Este bot\u00f3n puede ser creado desde la opci\u00f3n UI \u2192 Button (TextMeshPro)<\/em> y se ajusta su tama\u00f1o, su posici\u00f3n y su estilo visual para que encaje correctamente dentro del dise\u00f1o general.<\/p>\n\n\n\n

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

    Una forma para mantener el proyecto organizado, creando un GameObject vac\u00edo dentro del Canvas, el cual funcionar\u00e1 como contenedor o grupo para todos los botones del men\u00fa, permitiendo administrar f\u00e1cilmente la interfaz, mover todos los botones juntos mantener una estructura limpia.<\/p>\n\n\n\n

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

    Una vez que tenemos configurado el primer bot\u00f3n con su estilo visual y su tama\u00f1o, lo duplicamos cada bot\u00f3n duplicado se renombra seg\u00fan su funci\u00f3n y se posiciona dentro del contenedor.<\/p>\n\n\n\n

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

    Ahora, ya con los botones ajustados, se crean los paneles que formar\u00e1n parte del men\u00fa de opciones, los cuales pueden incluir configuraciones como, ajustes de volumen, configuraci\u00f3n de sensibilidad, resoluci\u00f3n de pantalla, informaci\u00f3n del juego y controles. Para ello, agregamos nuevos paneles dentro del Canvas y los acomodamos para que funcionen como submen\u00fas. Cada panel se activa o desactiva dependiendo del bot\u00f3n presionado.<\/p>\n\n\n\n

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

    a\u00f1adimos el siguiente codigo:
    using UnityEngine;<\/p>\n\n\n\n

    using UnityEngine.SceneManagement;<\/p>\n\n\n\n

    public class MainMenu : MonoBehaviour<\/p>\n\n\n\n

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

        public GameObject optionsMenu;<\/p>\n\n\n\n

        public GameObject mainMenu;<\/p>\n\n\n\n

        public void OpenOptionsPanel()<\/p>\n\n\n\n

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

            mainMenu.SetActive(false);<\/p>\n\n\n\n

            optionsMenu.SetActive(true);<\/p>\n\n\n\n

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

        public void OpenMainMenuPanel()<\/p>\n\n\n\n

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

            mainMenu.SetActive(true);<\/p>\n\n\n\n

            optionsMenu.SetActive(false);<\/p>\n\n\n\n

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

        public void QuitGame()<\/p>\n\n\n\n

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

            Application.Quit();<\/p>\n\n\n\n

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

        public void PlayGame()<\/p>\n\n\n\n

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

            SceneManager.LoadScene(“PlayerS”);<\/p>\n\n\n\n

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

    }Este script es el encargado de controlar el comportamiento del men\u00fa principal. Gracias a \u00e9l podemos cambiar entre el panel principal y el panel de opciones, iniciar el juego y cerrar la aplicaci\u00f3n.<\/p>\n\n\n\n

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

    Despu\u00e9s de escribir el c\u00f3digo, se arrastra el script hacia el Canvas para que Unity reconozca las funciones y permita vincularlas desde el Inspector.<\/p>\n\n\n\n

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

    Seleccionamos cada bot\u00f3n del men\u00fa y desde su componente Button \u2192 OnClick(), elegimos la funci\u00f3n del script que debe ejecutarse.<\/p>\n\n\n\n

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