<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xmlns:media="http://search.yahoo.com/mrss/">
    <title>portfolio-atteneri-hernandez</title>
    <link href="https://portfolio.attenerihernandez.com/feed.xml" rel="self" />
    <link href="https://portfolio.attenerihernandez.com" />
    <updated>2026-04-10T00:45:20+02:00</updated>
    <author>
        <name>Sobre mí</name>
    </author>
    <id>https://portfolio.attenerihernandez.com</id>

    <entry>
        <title>Umbrellistic</title>
        <author>
            <name>Sobre mí</name>
        </author>
        <link href="https://portfolio.attenerihernandez.com/umbrellistic/"/>
        <id>https://portfolio.attenerihernandez.com/umbrellistic/</id>
        <media:content url="https://portfolio.attenerihernandez.com/media/posts/3/Umbrellistic_FeaturedImagev2.webp" medium="image" />

        <updated>2026-04-09T14:13:59+02:00</updated>
            <summary type="html">
                <![CDATA[
                        <img src="https://portfolio.attenerihernandez.com/media/posts/3/Umbrellistic_FeaturedImagev2.webp" alt="" />
                    <p class="intro-invisible"><span style="font-weight: 400;">Un videojuego 2D point &amp; click donde regentas una tienda de paraguas peculiar. Te visitarán seres variopintos que necesitarán tu ayuda para cumplir sus necesidades físicas y emocionales. Debes crear paraguas con la combinación de dos objetos extraños.</span></p>

                ]]>
            </summary>
        <content type="html">
            <![CDATA[
                    <p><img src="https://portfolio.attenerihernandez.com/media/posts/3/Umbrellistic_FeaturedImagev2.webp" class="type:primaryImage" alt="" /></p>
                <p class="intro-invisible"><span style="font-weight: 400;">Un videojuego 2D point &amp; click donde regentas una tienda de paraguas peculiar. Te visitarán seres variopintos que necesitarán tu ayuda para cumplir sus necesidades físicas y emocionales. Debes crear paraguas con la combinación de dos objetos extraños.</span></p>

<h2><span style="font-weight: 800;">Detalles del proyecto</span></h2>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Integrantes del equipo: 5 personas</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Mi rol: Diseñadora líder</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Motor de videojuegos: Unreal Engine 5</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Tipo de proyecto: Game jam</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Tiempo de desarrollo: 2 días</span></li>
</ul>
<h2><span style="font-weight: 800;">Descripción del juego</span></h2>
<p><span style="font-weight: 400;">Un videojuego 2D point &amp; click de pantalla única donde interpretas el papel de regente de una tienda de paraguas muy peculiar. Aquí, te visitarán seres muy variopintos que necesitarán tu ayuda para cumplir sus necesidades, tanto físicas como emocionales. Tu trabajo es crear paraguas que se adapten a cada cliente a través de la combinación de dos objetos<strong> </strong>extraños, por ejemplo, una red y un mango hecho con algas. </span></p>
<figure class="post__image"><img loading="lazy"  src="https://portfolio.attenerihernandez.com/media/posts/3/Umbrellistic_1.webp" alt="" width="1920" height="1080" sizes="(max-width: 1920px) 100vw, 1920px" srcset="https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_1-xs.webp 640w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_1-sm.webp 768w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_1-md.webp 1024w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_1-lg.webp 1366w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_1-xl.webp 1600w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_1-2xl.webp 1920w"></figure>
<h3><span style="font-weight: 500;">Género</span></h3>
<p><span style="font-weight: 400;">Point &amp; click, puzles.</span></p>
<h3><span style="font-weight: 500;">Bucle de juego</span></h3>
<figure class="post__image"><img loading="lazy"  src="https://portfolio.attenerihernandez.com/media/posts/3/Umbrellistic_BucleJugableV2.webp" alt="" width="1583" height="581" sizes="(max-width: 1920px) 100vw, 1920px" srcset="https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_BucleJugableV2-xs.webp 640w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_BucleJugableV2-sm.webp 768w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_BucleJugableV2-md.webp 1024w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_BucleJugableV2-lg.webp 1366w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_BucleJugableV2-xl.webp 1600w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_BucleJugableV2-2xl.webp 1920w"></figure>
<p>1. El bucle de juego se centra en, primero, escuchar lo que el cliente quiere decirte, interpretando la información para entender qué necesita realmente el NPC.</p>
<p>2. Una vez hecho esto, el jugador podrá pasar a la fase de fabricación del paraguas, en la que elegirá un mango y una copa específicas que, juntas, solucionarán el problema que tiene el cliente.</p>
<p>3. Finalmente, se entrega el paraguas y, si has fallado en tu deducción, puedes volver a repetir la fase dos las veces que necesites y pedir pistas en caso de necesitarlas.</p>
<h3><span style="font-weight: 500;">Diseño de la interfaz principal</span></h3>
<p><span style="font-weight: 400;">Para este juego, decidí crear una pantalla única donde se mostrase todo lo necesario para jugar. Esta decisión estuvo basada, por un lado, en el tiempo limitado que nos ofrecía la game jam, aunque también, por otro lado, porque las mecánicas del juego eran muy sencillas y no necesitaba más pantallas.</span></p>
<p><span style="font-weight: 400;">Este es el esquema propuesto para la interfaz del gameplay:</span></p>
<figure class="post__image"><img loading="lazy"  src="https://portfolio.attenerihernandez.com/media/posts/3/Umbrellistic_EsquemaInterfaz.webp" alt="" width="1920" height="1080" sizes="(max-width: 1920px) 100vw, 1920px" srcset="https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_EsquemaInterfaz-xs.webp 640w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_EsquemaInterfaz-sm.webp 768w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_EsquemaInterfaz-md.webp 1024w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_EsquemaInterfaz-lg.webp 1366w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_EsquemaInterfaz-xl.webp 1600w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_EsquemaInterfaz-2xl.webp 1920w"></figure>
<p><span style="font-weight: 400;">Y esto es lo que creó una de las artistas del grupo en base al diseño indicado:</span></p>
<figure class="post__image"><img loading="lazy"  src="https://portfolio.attenerihernandez.com/media/posts/3/Umbrellistic_InterfazFinal.webp" alt="" width="1920" height="1080" sizes="(max-width: 1920px) 100vw, 1920px" srcset="https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_InterfazFinal-xs.webp 640w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_InterfazFinal-sm.webp 768w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_InterfazFinal-md.webp 1024w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_InterfazFinal-lg.webp 1366w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_InterfazFinal-xl.webp 1600w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_InterfazFinal-2xl.webp 1920w"></figure>
<h3>Sistema de pistas</h3>
<p>En primer lugar, el jugador podrá hacer click en el botón "Pista" para recibir una pista adicional mientras está fabricando el producto.</p>
<p>Además, cuando el jugador entregue un paraguas, el NPC responderá adaptándose a cuatro posibles variables:</p>
<figure class="post__image"><img loading="lazy"  src="https://portfolio.attenerihernandez.com/media/posts/3/Umbrellistic_SistemaPistas.webp" alt="" width="2125" height="1173" sizes="(max-width: 1920px) 100vw, 1920px" srcset="https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_SistemaPistas-xs.webp 640w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_SistemaPistas-sm.webp 768w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_SistemaPistas-md.webp 1024w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_SistemaPistas-lg.webp 1366w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_SistemaPistas-xl.webp 1600w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_SistemaPistas-2xl.webp 1920w"></figure>
<p>Opción 1.</p>
<p>El jugador ha entregado el paraguas correcto. Aquí, el NPC le da las gracias, se va de la tienda y aparece otro cliente automáticamente.</p>
<p>Opción 2.</p>
<p>El jugador ha entregado un paraguas totalmente incorrecto, siendo ambos elementos erróneos. El NPC le indicará que no le sirve para nada y le da una pequeña pista sobre el mango y sobre la copa del paraguas.</p>
<p>Opción 3.</p>
<p>El jugador ha entregado un paraguas parcialmente incorrecto, siendo el mango erróneo. En este caso, el NPC le dirá que el otro elemento, la copa, le es de gran utilidad y le dará una pista sobre el mango para ayudar al jugador.</p>
<p>Opción 4.</p>
<p>El jugador ha entregado un paraguas parcialmente incorrecto, siendo la copa errónea. Aquí, el NPC le indicará que le ha gustado el mango, pero que la copa no le resulta útil. Tras esto, le dará una pista sobre el elemento equivocado.</p>
<h3><span style="font-weight: 500;">Puzles y dificultad</span></h3>
<p><span style="font-weight: 400;">Cada NPC requiere una combinación de objetos diferente. El jugador debe decidir cuál dependiendo de las pistas narrativas que su cliente le cuente a través de los diálogos.</span></p>
<p><span style="font-weight: 400;">A continuación, muestro dos tablas que realicé con el objetivo de facilitar tanto el diseño de niveles como la organización en la programación del juego.</span></p>
<p><span style="font-weight: 400;">En primer lugar, una tabla que ordena cada caso según su dificultad:</span></p>
<figure class="post__image align-center"><img loading="lazy"  src="https://portfolio.attenerihernandez.com/media/posts/3/Umbrellistic_tabla1-2.png" alt="" width="466" height="470" sizes="(max-width: 1920px) 100vw, 1920px" srcset="https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_tabla1-2-xs.webp 640w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_tabla1-2-sm.webp 768w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_tabla1-2-md.webp 1024w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_tabla1-2-lg.webp 1366w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_tabla1-2-xl.webp 1600w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_tabla1-2-2xl.webp 1920w"></figure>
<p><span style="font-weight: 400;">Una vez hecho esto, se siguió este orden para añadir un ID a cada personaje y crear una tabla que ayudaría al departamento de programación.</span></p>
<figure class="post__image align-center"><img loading="lazy"  src="https://portfolio.attenerihernandez.com/media/posts/3/Umbrellistic_tabla2.png" alt="" width="676" height="524" sizes="(max-width: 1920px) 100vw, 1920px" srcset="https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_tabla2-xs.webp 640w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_tabla2-sm.webp 768w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_tabla2-md.webp 1024w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_tabla2-lg.webp 1366w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_tabla2-xl.webp 1600w ,https://portfolio.attenerihernandez.com/media/posts/3/responsive/Umbrellistic_tabla2-2xl.webp 1920w"></figure>
<p><span style="font-weight: 400;">Además, esta dificultad se tuvo en cuenta para el diseño de niveles, haciendo que los primeros casos tuviesen diálogos más obvios y, los últimos, menos pistas.</span></p>
            ]]>
        </content>
    </entry>
    <entry>
        <title>Pingu&#x27;s Story</title>
        <author>
            <name>Sobre mí</name>
        </author>
        <link href="https://portfolio.attenerihernandez.com/pingus-story/"/>
        <id>https://portfolio.attenerihernandez.com/pingus-story/</id>
        <media:content url="https://portfolio.attenerihernandez.com/media/posts/2/Pingu_portada-feed.webp" medium="image" />

        <updated>2026-04-07T12:56:09+02:00</updated>
            <summary type="html">
                <![CDATA[
                        <img src="https://portfolio.attenerihernandez.com/media/posts/2/Pingu_portada-feed.webp" alt="" />
                    <p class="intro-invisible"><span style="font-weight: 400;">Un videojuego 2D pixel art de plataformas donde controlas a un pequeño pingüino que tiene el objetivo de alimentar a su adorable familia. Debes regresar a casa a salvo con la mayor cantidad de comida posible.</span></p>

                ]]>
            </summary>
        <content type="html">
            <![CDATA[
                    <p><img src="https://portfolio.attenerihernandez.com/media/posts/2/Pingu_portada-feed.webp" class="type:primaryImage" alt="" /></p>
                <p class="intro-invisible"><span style="font-weight: 400;">Un videojuego 2D pixel art de plataformas donde controlas a un pequeño pingüino que tiene el objetivo de alimentar a su adorable familia. Debes regresar a casa a salvo con la mayor cantidad de comida posible.</span></p>

<h2><span style="font-weight: 800;">Detalles del proyecto</span></h2>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Integrantes del equipo: 4 personas</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Mi rol: Diseñadora líder y programadora</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Motor de videojuegos: Godot</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Tipo de proyecto: Proyecto académico</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Objetivo: Demo jugable de cuatro niveles</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Tiempo de desarrollo: Un mes</span></li>
</ul>
<p><a href="https://mossy-kitten.itch.io/pingus-story" target="_blank" rel="noopener noreferrer">Jugar a Pingu's Story en itch.io</a></p>
<h2><span style="font-weight: 800;">Descripción del juego</span></h2>
<p><span style="font-weight: 400;">Un videojuego 2D pixel art de plataformas donde controlas a un pequeño pingüino que sale de su apacible hogar para conseguir peces, con el objetivo de alimentar a tu familia pingüina. Debes regresar a casa a salvo con la mayor cantidad de comida posible.</span></p>
<figure class="post__image"><figure class="post__image"><img loading="lazy"  src="https://portfolio.attenerihernandez.com/media/posts/2/pantalla_final.jpg" alt="" width="2287" height="1284" sizes="(max-width: 1920px) 100vw, 1920px" srcset="https://portfolio.attenerihernandez.com/media/posts/2/responsive/pantalla_final-xs.webp 640w ,https://portfolio.attenerihernandez.com/media/posts/2/responsive/pantalla_final-sm.webp 768w ,https://portfolio.attenerihernandez.com/media/posts/2/responsive/pantalla_final-md.webp 1024w ,https://portfolio.attenerihernandez.com/media/posts/2/responsive/pantalla_final-lg.webp 1366w ,https://portfolio.attenerihernandez.com/media/posts/2/responsive/pantalla_final-xl.webp 1600w ,https://portfolio.attenerihernandez.com/media/posts/2/responsive/pantalla_final-2xl.webp 1920w"></figure></figure>
<h2><span style="font-weight: 500;">Género</span></h2>
<p><span style="font-weight: 400;">Plataformas, scroll-lateral.</span></p>
<h2><span style="font-weight: 500;">Mecánicas</span></h2>
<p><span style="font-weight: 400;">El jugador controla a un pingüino muy especial: tiene el poder de congelar tanto a los enemigos como al suelo, con el objetivo de modificar el escenario a su favor.</span></p>
<h3><span style="font-weight: 300;">Congelación del suelo</span></h3>
<p><video width="100%" style="border-radius: 12px; display: block; margin: 1.5rem 0; width: 100%; height: auto;" loading="lazy" src="../media/files/PS_1.mp4" autoplay="autoplay" loop="loop" muted="" playsinline=""></video></p>
<p><span style="font-weight: 400;">Para el jugador, congelar el suelo tiene dos ventajas claras.</span></p>
<p><span style="font-weight: 400;">La primera es que su distancia de salto es mayor. Esto hace que el jugador pueda llegar más lejos de lo que normalmente podría.</span></p>
<figure class="post__image"><figure class="post__image"><img loading="lazy"  src="https://portfolio.attenerihernandez.com/media/posts/2/Diseno-mecanica-congelar-suelo.png" alt="" width="1041" height="784" sizes="(max-width: 1920px) 100vw, 1920px" srcset="https://portfolio.attenerihernandez.com/media/posts/2/responsive/Diseno-mecanica-congelar-suelo-xs.webp 640w ,https://portfolio.attenerihernandez.com/media/posts/2/responsive/Diseno-mecanica-congelar-suelo-sm.webp 768w ,https://portfolio.attenerihernandez.com/media/posts/2/responsive/Diseno-mecanica-congelar-suelo-md.webp 1024w ,https://portfolio.attenerihernandez.com/media/posts/2/responsive/Diseno-mecanica-congelar-suelo-lg.webp 1366w ,https://portfolio.attenerihernandez.com/media/posts/2/responsive/Diseno-mecanica-congelar-suelo-xl.webp 1600w ,https://portfolio.attenerihernandez.com/media/posts/2/responsive/Diseno-mecanica-congelar-suelo-2xl.webp 1920w"></figure></figure>
<div class="bloque-videovideo">
<div class="bloque-video1"><video width="100%" height="150" style="border-radius: 12px; display: block;" loading="lazy" src="../media/files/PS_2.mp4" autoplay="autoplay" loop="loop" muted="" playsinline=""></video>
<p class="texto-piefoto">Salto normal.</p>
</div>
<div class="bloque-video2"><video width="100%" height="150" style="border-radius: 12px; display: block;" loading="lazy" src="../media/files/PS_3.mp4" autoplay="autoplay" loop="loop" muted="" playsinline=""></video>
<p class="texto-piefoto">Salto con hielo.</p>
</div>
</div>
<p><span style="font-weight: 400;">La segunda ventaja es ganar velocidad, lo cual no afecta directamente al juego pero sí añade una capa de diversión a la experiencia del usuario.</span></p>
<p><video width="100%" style="border-radius: 12px; display: block; margin: 1.5rem 0; width: 100%; height: auto;" loading="lazy" src="../media/files/PS_4.mp4" autoplay="autoplay" loop="loop" muted="" playsinline=""></video></p>
<h3><span style="font-weight: 300;">Congelación de enemigos</span></h3>
<p><video width="100%" style="border-radius: 12px; display: block; margin: 1.5rem 0; width: 100%; height: auto;" loading="lazy" src="../media/files/PS_5_1_v3.mp4" autoplay="autoplay" loop="loop" muted="" playsinline=""></video></p>
<p><span style="font-weight: 400;">Congelar enemigos también ofrece dos beneficios para el jugador.</span></p>
<p><span style="font-weight: 400;">El primero es que, al congelar a un enemigo, este se transforma en un cubito de hielo, es decir: el enemigo se convierte en una plataforma al que el jugador se puede subir para alcanzar lugares más altos a los que normalmente no llegaría.</span></p>
<figure class="post__image"><figure class="post__image"><img loading="lazy"  src="https://portfolio.attenerihernandez.com/media/posts/2/Diseno-mecanica-congelar-enemigo.png" alt="" width="1081" height="412" sizes="(max-width: 1920px) 100vw, 1920px" srcset="https://portfolio.attenerihernandez.com/media/posts/2/responsive/Diseno-mecanica-congelar-enemigo-xs.webp 640w ,https://portfolio.attenerihernandez.com/media/posts/2/responsive/Diseno-mecanica-congelar-enemigo-sm.webp 768w ,https://portfolio.attenerihernandez.com/media/posts/2/responsive/Diseno-mecanica-congelar-enemigo-md.webp 1024w ,https://portfolio.attenerihernandez.com/media/posts/2/responsive/Diseno-mecanica-congelar-enemigo-lg.webp 1366w ,https://portfolio.attenerihernandez.com/media/posts/2/responsive/Diseno-mecanica-congelar-enemigo-xl.webp 1600w ,https://portfolio.attenerihernandez.com/media/posts/2/responsive/Diseno-mecanica-congelar-enemigo-2xl.webp 1920w"></figure></figure>
<p><video width="100%" style="border-radius: 12px; display: block; margin: 1.5rem 0; width: 100%; height: auto;" loading="lazy" src="../media/files/PS_5_base.mp4" autoplay="autoplay" loop="loop" muted="" playsinline=""></video></p>
<p><span style="font-weight: 400;">El segundo beneficio es que, al convertir al enemigo en un cubito de hielo, se queda completamente inmovilizado y no puede hacer daño.</span></p>
<h2>Enlace para jugar</h2>
<p><a href="https://mossy-kitten.itch.io/pingus-story" target="_blank" rel="noopener noreferrer">Jugar a Pingu's Adventure</a></p>
            ]]>
        </content>
    </entry>
    <entry>
        <title>Little Dungeon Adventure</title>
        <author>
            <name>Sobre mí</name>
        </author>
        <link href="https://portfolio.attenerihernandez.com/little-dungeon-adventure/"/>
        <id>https://portfolio.attenerihernandez.com/little-dungeon-adventure/</id>
        <media:content url="https://portfolio.attenerihernandez.com/media/posts/1/LDA_featuredimage.webp" medium="image" />

        <updated>2026-04-07T12:27:47+02:00</updated>
            <summary type="html">
                <![CDATA[
                        <img src="https://portfolio.attenerihernandez.com/media/posts/1/LDA_featuredimage.webp" alt="" />
                    <p class="intro-invisible"><span style="font-weight: 400;">Una pequeña aventura cozy en la que eres un esqueleto adorable al que le han robado su colección de libros. Un juego 3D de plataformas en el que debes avanzar utilizando hechizos que vas aprendiendo por el camino.</span></p>
<div>
                ]]>
            </summary>
        <content type="html">
            <![CDATA[
                    <p><img src="https://portfolio.attenerihernandez.com/media/posts/1/LDA_featuredimage.webp" class="type:primaryImage" alt="" /></p>
                <p class="intro-invisible"><span style="font-weight: 400;">Una pequeña aventura cozy en la que eres un esqueleto adorable al que le han robado su colección de libros. Un juego 3D de plataformas en el que debes avanzar utilizando hechizos que vas aprendiendo por el camino.</span></p>
<div>
<h2>Detalles del proyecto</h2>
</div>
<div class="bloque-imagentexto">
<div class="bloque-txt">
<ul>
<li><strong>Integrantes del equipo:</strong> 1 persona</li>
<li><strong>Mi rol:</strong> Diseñadora y programadora</li>
<li><strong>Motor de videojuegos:</strong> Unreal Engine 5</li>
<li><strong>Tipo de proyecto:</strong> Proyecto académico</li>
<li><strong>Objetivo:</strong> Creación de los primeros dos niveles</li>
<li><strong>Tiempo de desarrollo:</strong> Un mes</li>
</ul>
</div>
</div>
<h2><span style="font-weight: 300;">Descripción del juego</span></h2>
<h3>Sinopsis</h3>
<p><span style="font-weight: 300;">Eres un esqueleto adorable que vive en una pequeña mazmorra. Te encanta la magia y estás leyendo un libro de hechizos tranquilamente mientras tomas una taza de chocolate bien calentito… Cuando, de pronto, un aventurero irrumpe en tu habitación, te ataca con su brillante espada y te roba tu cofre del tesoro, ese donde guardas tu preciada colección de grimorios. ¡Qué horror! Tienes un objetivo claro: recuperar tus libros antes de que sea demasiado tarde.</span></p>
<h3>Género</h3>
<p><span style="font-weight: 300;">Cozy, plataformas, aventura.</span></p>
<h3><span style="font-weight: 500;">Jugabilidad</span></h3>
<p><span style="font-weight: 300;">El juego comienza en la pequeña habitación del esqueleto. Lo primero que verá la jugadora será una puerta, pero pronto se dará cuenta de que está cerrada desde fuera: el aventurero la encerró allí dentro.</span></p>
<p><span style="font-weight: 300;">La jugadora, por tanto, debe encontrar la salida de la habitación, pero no hay nada a simple vista, salvo un pequeño agujero en lo alto de una pared.</span></p>
<figure class="post__image"><figure class="post__image"><img loading="lazy"  src="https://portfolio.attenerihernandez.com/media/posts/1/LDA_2.webp" alt="" width="1920" height="1080" sizes="(max-width: 1920px) 100vw, 1920px" srcset="https://portfolio.attenerihernandez.com/media/posts/1/responsive/LDA_2-xs.webp 640w ,https://portfolio.attenerihernandez.com/media/posts/1/responsive/LDA_2-sm.webp 768w ,https://portfolio.attenerihernandez.com/media/posts/1/responsive/LDA_2-md.webp 1024w ,https://portfolio.attenerihernandez.com/media/posts/1/responsive/LDA_2-lg.webp 1366w ,https://portfolio.attenerihernandez.com/media/posts/1/responsive/LDA_2-xl.webp 1600w ,https://portfolio.attenerihernandez.com/media/posts/1/responsive/LDA_2-2xl.webp 1920w"></figure></figure>
<p><span style="font-weight: 300;">La jugadora, mientras explora la pequeña sala, encontrará un libro que desbloqueará el hechizo Change Size.</span></p>
<p><video width="100%" style="border-radius: 12px; display: block; margin: 1.5rem 0; width: 100%; height: auto;" loading="lazy" src="../media/files/LDA_3.mp4" autoplay="autoplay" loop="loop" muted="" playsinline=""></video></p>
<p><span style="font-weight: 300;">Gracias a este hechizo, podrá hacerse pequeña y saltar sobre el mobiliario hasta conseguir llegar a la salida.</span></p>
<p><video width="100%" style="border-radius: 12px; display: block; margin: 1.5rem 0; width: 100%; height: auto;" loading="lazy" src="../media/files/LDA_4v10.mp4" autoplay="autoplay" loop="loop" muted="" playsinline=""></video></p>
<p><span style="font-weight: 300;">En el siguiente nivel, la jugadora desbloqueará el hechizo Fire Projectile. Este le permitirá lanzar un proyectil de fuego y así podrá deshacerse de las telarañas que obstaculizan su camino.</span></p>
<p><video width="100%" style="border-radius: 12px; display: block; margin: 1.5rem 0; width: 100%; height: auto;" loading="lazy" src="../media/files/LDA_5v5.mp4" autoplay="autoplay" loop="loop" muted="" playsinline=""></video></p>
<p><span style="font-weight: 300;">Finalmente, en este segundo mapa la jugadora encontrará al aventurero inmovilizado en una trampa de pinchos, y podrá recuperar su preciado cofre lleno de libros.</span></p>
<p><video width="100%" style="border-radius: 12px; display: block; margin: 1.5rem 0; width: 100%; height: auto;" loading="lazy" src="../media/files/LDA_6v4.mp4" autoplay="autoplay" loop="loop" muted="" playsinline=""></video></p>
<h2><span style="font-weight: 300;">Diseño de la experiencia</span></h2>
<h3><span style="font-weight: 500;">Cámara</span></h3>
<p><span style="font-weight: 300;">Se utiliza una cámara en 3ª persona en un entorno 3D con la intención de enfatizar ese sentimiento acogedor deseado: ver a un personaje adorable continuamente transmite mucha más ternura que utilizar una cámara en primera persona, sobre todo cuando cada animación está diseñada para ser entrañable.</span></p>
<h3><span style="font-weight: 500;">Hechizos</span></h3>
<p><span style="font-weight: 300;">Los hechizos planificados para la demo de este proyecto académico han sido dos.</span></p>
<p><span style="font-weight: 300;">En primer lugar, tenemos el hechizo </span><strong>Change Size</strong><span style="font-weight: 300;">, donde la jugadora puede hacerse grande o pequeña a voluntad.</span></p>
<p><span style="font-weight: 300;">Para este hechizo es muy importante modificar la localización de la cámara y del SpringArm cuando el esqueleto es pequeño, acercándose a la jugadora e inclinándose un poco hacia abajo para enfatizar la sensación de que todo es mucho más grande que ella.</span></p>
<div class="bloque-videovideo">
<div class="bloque-video1"><video width="100%" height="150" style="border-radius: 12px; display: block;" loading="lazy" src="../media/files/LDA_8v2.mp4" autoplay="autoplay" loop="loop" muted="" playsinline=""></video>
<p class="texto-piefoto">Antes de modificar de la cámara.</p>
</div>
<div class="bloque-video2"><video width="100%" height="150" style="border-radius: 12px; display: block;" loading="lazy" src="../media/files/LDA_7v2.mp4" autoplay="autoplay" loop="loop" muted="" playsinline=""></video>
<p class="texto-piefoto">Después de modificar de la cámara.</p>
</div>
</div>
<p><span style="font-weight: 300;">En segundo lugar, tenemos el hechizo </span><strong>Fire Projectile</strong><span style="font-weight: 300;">, donde la jugadora podrá apuntar y lanzar un pequeño proyectil de fuego que eliminará obstáculos rompibles, como telarañas y otros objetos de madera.</span></p>
<p><span style="font-weight: 300;">Para este hechizo es muy importante mover la cámara hacia la derecha para que la jugadora pueda ver dónde está apuntado y hacia dónde lanza el proyectil.</span></p>
<div class="bloque-videovideo">
<div class="bloque-video1"><video width="100%" height="150" style="border-radius: 12px; display: block;" loading="lazy" src="../media/files/LDA_10.mp4" autoplay="autoplay" loop="loop" muted="" playsinline=""></video>
<p class="texto-piefoto">Antes de modificar de la cámara.</p>
</div>
<div class="bloque-video2"><video width="100%" height="150" style="border-radius: 12px; display: block;" loading="lazy" src="../media/files/LDA_9.mp4" autoplay="autoplay" loop="loop" muted="" playsinline=""></video>
<p class="texto-piefoto">Después de modificar de la cámara.</p>
</div>
</div>
            ]]>
        </content>
    </entry>
</feed>
