{"id":74467,"date":"2025-11-28T11:16:09","date_gmt":"2025-11-28T16:16:09","guid":{"rendered":"https:\/\/niixer.com\/?p=74467"},"modified":"2025-11-28T21:07:40","modified_gmt":"2025-11-29T02:07:40","slug":"susurros-un-videojuego-3d-desarrollado-en-unity","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2025\/11\/28\/susurros-un-videojuego-3d-desarrollado-en-unity\/","title":{"rendered":"“Susurros” un videojuego 3D desarrollado en Unity"},"content":{"rendered":"\n

Los videojuegos han dejado de ser \u00fanicamente una forma de entretenimiento para convertirse en poderosas herramientas educativas que permiten aprender de manera interactiva y divertida. Unity<\/a>, una plataforma de creaci\u00f3n de videojuegos ampliamente utilizada en todo el mundo, ofrece la oportunidad de desarrollar experiencias educativas que combinan diversi\u00f3n y aprendizaje de forma natural. <\/p>\n\n\n\n

Este art\u00edculo relata el proceso de creaci\u00f3n de un videojuego acad\u00e9mico, desde las primeras ideas hasta el producto final, mostrando c\u00f3mo es posible transformar conceptos educativos en una experiencia que motive y enganche a los estudiantes. A lo largo de este recorrido, descubriremos que crear un videojuego educativo no solo permite ense\u00f1ar contenidos espec\u00edficos, sino que tambi\u00e9n desarrolla habilidades de resoluci\u00f3n de problemas, creatividad y trabajo en equipo.<\/p>\n\n\n\n

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

DISE\u00d1O DE MEN\u00daS CON ESCENAS<\/strong><\/h2>\n\n\n\n

La primera etapa del dise\u00f1o del videojuego se centra en la creaci\u00f3n e implementaci\u00f3n de la parte visual, especialmente de los men\u00fas interactivos<\/strong>. Estos permiten al usuario navegar por el sistema y acceder a funciones esenciales como el ajuste de volumen y brillo, la visualizaci\u00f3n de la barra de vida, el inventario, y la interacci\u00f3n con di\u00e1logos de NPCs, entre otros elementos clave para la experiencia de juego.<\/p>\n\n\n\n

Escena de Inicio<\/strong><\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Script utilizado<\/strong><\/p>\n\n\n\n

using UnityEngine;
using UnityEngine.SceneManagement;
using UnityEngine.EventSystems;

public class PanelClickToChangeScene : MonoBehaviour, IPointerClickHandler
{
    public string sceneName;  \/\/ Nombre de la escena

    public void OnPointerClick(PointerEventData eventData)
    {
        SceneManager.LoadScene(sceneName);
    }
}<\/pre>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Se agrega el script en el canvas escribiendo la escena que el sistema debe mostrar apenas se de click a la pantalla<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/p>\n\n\n\n
Escena de Men\u00fa principal<\/strong><\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Para el fondo del men\u00fa principal<\/strong>, se cre\u00f3 una animaci\u00f3n en Blender<\/strong> utilizando un escenario previamente desarrollado: una casa inspirada en la pel\u00edcula Monster House<\/em> y en referencias tomadas de la aplicaci\u00f3n Randomn\u00e1utica. La animaci\u00f3n se realiz\u00f3 utilizando el Timeline<\/strong> de Blender, donde, a trav\u00e9s de keyframes<\/strong>, se gener\u00f3 una secuencia de movimientos que aportan dinamismo y ambientaci\u00f3n a la escena.<\/p>\n\n\n\n
Una vez finalizada la animaci\u00f3n se export\u00f3 en un formato compatible para que el motor Unity<\/strong> pudiera reconocer y reproducir correctamente el video dentro del men\u00fa principal.<\/p>\n\n\n\n
\"\"
Formato de v\u00eddeo para Unity<\/figcaption><\/figure>\n\n\n\n
Luego, para integrar el video en Unity<\/strong>, se import\u00f3 el archivo a una carpeta del proyecto con el fin de mantener una organizaci\u00f3n adecuada. Para utilizarlo como fondo dentro del Canvas<\/strong> y asegurar su reproducci\u00f3n al iniciar la escena, se a\u00f1adi\u00f3 un componente \u201cRaw Image\u201d<\/strong> en la jerarqu\u00eda. Posteriormente, en la carpeta donde se encontraba el video, se cre\u00f3 un Render Texture<\/strong>, el cual permite proyectar la animaci\u00f3n dentro del elemento de interfaz y visualizarla correctamente en el men\u00fa principal.<\/p>\n\n\n\n
Lo siguiente que se realiz\u00f3, fue agregar tres botones los cu\u00e1les representar\u00e1n y tendr\u00e1n la funci\u00f3n de Jugar, Opciones y Salir. <\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
El jugador al darle click al bot\u00f3n Jugar y al bot\u00f3n de Salir el sistema lo guiar\u00e1 a otras escenas de acuerdo a la selecci\u00f3n, esto se hace por medio de un script de cambio de escena:<\/p>\n\n\n\n
using UnityEngine;
using UnityEngine.SceneManagement;
using UnityEngine.UI;

public class SceneLoader : MonoBehaviour 
{
    \/\/ Start is called once before the first execution of Update after the MonoBehaviour is created
    public void Jugar()
    {
        SceneManager.LoadScene(\"ESCOGERPERSONAJE\");
    }

    public void Salir()
    {
        Debug.Log(\"Salir...\");
        Application.Quit();

    }
}<\/pre>\n\n\n\n
Scripts en el inspector<\/strong><\/h3>\n\n\n\n
Se implementa el script en un GameObject vac\u00edo que creamos para que tenga un control de los eventos que definamos atrav\u00e9s de los scripts, como lo son el brillo, la pantalla completa, el volumen y en este caso el evento de escenas. Cuando se da click al bot\u00f3n se vincula el canvas y en la parte derecha llamamos a la funci\u00f3n del script <\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Para el bot\u00f3n de opciones se realiz\u00f3 el siguiente script:<\/strong><\/p>\n\n\n\n
using UnityEngine;
using UnityEngine.SceneManagement;

public class cambioescenas : MonoBehaviour
{
    public void IrMenuprincipal()
    {
        SceneManager.LoadScene(\"MENUPRINCIPAL\");
    }
    public void IrMenuOpciones()
    {
        SceneManager.LoadScene(\"MENUOPCIONES\");
    }
    public void IrTutorialARLYN()
    {
        SceneManager.LoadScene(\"TUTORIALArlyn\");
    }
    public void IrTutorialTATIANA()
    {
        SceneManager.LoadScene(\"TUTORIALTatiana\");
    }
    public void IrMAPA1()
    {
        SceneManager.LoadScene(\"MAPA1ARLYN\");
    }
    public void IrMAPA2()
    {
        SceneManager.LoadScene(\"MAPA2TATIANA\");
    }
}<\/pre>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
En esta escena, tambi\u00e9n se agrego un audio que act\u00faa de forma global<\/strong><\/em> con el fin de poder escucharlo en otras escenas y poder alterarlo en la escena de Men\u00fa opciones.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
El script para ese audio ser\u00eda:<\/strong><\/p>\n\n\n\n
using UnityEngine;
using UnityEngine.SceneManagement;

public class GlobalMusicManager : MonoBehaviour
{
    private static GlobalMusicManager instance;

    [Header(\"Music Source\")]
    [SerializeField] private AudioSource musicSource;

    [Header(\"Scene where music pauses\")]
    [SerializeField] private string gameplaySceneName = \"ESCOGERPERSONAJE\";

    private void Awake()
    {
        if (instance != null)
        {
            Destroy(gameObject);
            return;
        }

        instance = this;
        DontDestroyOnLoad(gameObject);

        if (musicSource == null)
            musicSource = GetComponent<AudioSource>();
    }

    private void OnEnable()
    {
        SceneManager.sceneLoaded += OnSceneLoaded;
    }

    private void OnDisable()
    {
        SceneManager.sceneLoaded -= OnSceneLoaded;
    }

    private void OnSceneLoaded(Scene scene, LoadSceneMode mode)
    {
        if (musicSource == null) return;

        if (scene.name == gameplaySceneName)
            musicSource.Stop();
        else
            musicSource.UnPause();
    }
}<\/pre>\n\n\n\n
Tambi\u00e9n se agrego un un brillo como forma global<\/strong><\/em> con el fin de poder cambiarlo y que se aplique en otras escenas.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
El script para ese audio ser\u00eda:<\/strong><\/p>\n\n\n\n
using UnityEngine;
using UnityEngine.UI;
using UnityEngine.SceneManagement; 
using System.Collections;

public class BrilloGlobalManager : MonoBehaviour
{
    public static BrilloGlobalManager instance;


    private Image panelBrilloGlobal;

    public float suavizadoVelocidad = 0.5f;
    private Coroutine brilloCoroutine;

    private void Awake()
    {
        if (instance != null)
        {
            Destroy(gameObject);
            return;
        }

        instance = this;
        DontDestroyOnLoad(gameObject);

     
        SceneManager.sceneLoaded += OnSceneLoaded;
    }

    private void OnDestroy()
    {
        
        SceneManager.sceneLoaded -= OnSceneLoaded;
    }

    private void OnSceneLoaded(Scene scene, LoadSceneMode mode)
    {
       
        GameObject panelObj = GameObject.Find(\"PanelBrillo\");
        if (panelObj != null)
        {
            panelBrilloGlobal = panelObj.GetComponent<Image>();
           
            float savedValue = PlayerPrefs.GetFloat(\"brillo\", 0.5f);
            ApplyBrightness(savedValue);
        }
    }

    private void Start()
    {
    
    }

    public void ApplyBrightness(float alpha)
    {
        if (panelBrilloGlobal != null)
        {
            Color c = panelBrilloGlobal.color;
            c.a = alpha;
            panelBrilloGlobal.color = c;
          
            PlayerPrefs.SetFloat(\"brillo\", alpha);
            PlayerPrefs.Save();
        }
    }


    IEnumerator SuavizarBrilloCoroutine(float targetAlpha)
    {
       
        yield return null;

     
        Color final = panelBrilloGlobal.color;
        final.a = targetAlpha;
        panelBrilloGlobal.color = final;
        PlayerPrefs.SetFloat(\"brillo\", targetAlpha);
        PlayerPrefs.Save();
    }
}<\/pre>\n\n\n\n
Escena Men\u00fa de Opciones<\/strong><\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/p>\n\n\n\n
Pantalla Completa<\/strong><\/h4>\n\n\n\n
Para esta escena se a\u00f1adi\u00f3 un Toggle<\/strong>, utilizado como elemento interactivo para activar o desactivar una opci\u00f3n en este caso si dejar el juego con pantalla completa o en modo ventana. Se crea un GameObject vac\u00edo que nos permitir\u00e1 controlar los script de las escena, por lo tanto el script que nos permite modificar esa configuraci\u00f3n de pantalla es el siguiente:<\/p>\n\n\n\n
using UnityEngine;
using UnityEngine.UI;

public class Pantallacompleta : MonoBehaviour {

    public Toggle toggle;

    void Start()
    {
        if(Screen.fullScreen)
        {
            toggle.isOn = true;
        }
        else
        {
            toggle.isOn = false;
        }
    }

    void Update()
    {

    }

    public void ActivarPantallaCompleta(bool pantallaCompleta)
    {
        Screen.fullScreen = pantallaCompleta;
    }
    
}<\/pre>\n\n\n\n
Volumen y Brillo<\/strong><\/h4>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Para que el jugador pueda alterar lo que esl brillo y el volumen, se agregaron dos sliders en el canvas, cada uno se centra alrededor de la imagen de fondo y se vinculan los respectivos scripts que permiten al usuario alterar el slider de volumen teniendo en cuenta el audio global que anteriormente se defini\u00f3.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
En el caso del brillo se crea otro panel el cual mostrar\u00e1 el efecto del script “Brillo” y se vinculan los par\u00e1metros que se establecieron en el c\u00f3digo como lo son:<\/p>\n\n\n\n