67 lines
No EOL
12 KiB
HTML
67 lines
No EOL
12 KiB
HTML
<!DOCTYPE html><html lang="en" data-astro-cid-sckkx6r4> <head><meta charset="UTF-8"><meta name="description" content="Astro description"><meta name="viewport" content="width=device-width"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><meta name="generator" content="Astro v4.0.6"><title>Little Nightmares</title><meta name="astro-view-transitions-enabled" content="true"><meta name="astro-view-transitions-fallback" content="animate"><!-- Reset and normilize styles --><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gardevoir"><link rel="stylesheet" href="/_astro/blog.oLjrVgC0.css" /><script type="module" src="/_astro/hoisted.k2hAFL8r.js"></script>
|
||
<script type="module" src="/_astro/page.mPDbXx0N.js"></script><style>[data-astro-transition-scope="astro-mljbisf2-1"] { view-transition-name: astro-mljbisf2-1; }@layer astro { ::view-transition-old(astro-mljbisf2-1) {
|
||
animation-duration: 180ms;
|
||
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
|
||
animation-fill-mode: both;
|
||
animation-name: astroFadeOut; }::view-transition-new(astro-mljbisf2-1) {
|
||
animation-duration: 180ms;
|
||
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
|
||
animation-fill-mode: both;
|
||
animation-name: astroFadeIn; }[data-astro-transition=back]::view-transition-old(astro-mljbisf2-1) {
|
||
animation-duration: 180ms;
|
||
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
|
||
animation-fill-mode: both;
|
||
animation-name: astroFadeOut; }[data-astro-transition=back]::view-transition-new(astro-mljbisf2-1) {
|
||
animation-duration: 180ms;
|
||
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
|
||
animation-fill-mode: both;
|
||
animation-name: astroFadeIn; } }[data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-mljbisf2-1"],
|
||
[data-astro-transition-fallback="old"][data-astro-transition-scope="astro-mljbisf2-1"] {
|
||
animation-duration: 180ms;
|
||
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
|
||
animation-fill-mode: both;
|
||
animation-name: astroFadeOut; }[data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-mljbisf2-1"],
|
||
[data-astro-transition-fallback="new"][data-astro-transition-scope="astro-mljbisf2-1"] {
|
||
animation-duration: 180ms;
|
||
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
|
||
animation-fill-mode: both;
|
||
animation-name: astroFadeIn; }[data-astro-transition=back][data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-mljbisf2-1"],
|
||
[data-astro-transition=back][data-astro-transition-fallback="old"][data-astro-transition-scope="astro-mljbisf2-1"] {
|
||
animation-duration: 180ms;
|
||
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
|
||
animation-fill-mode: both;
|
||
animation-name: astroFadeOut; }[data-astro-transition=back][data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-mljbisf2-1"],
|
||
[data-astro-transition=back][data-astro-transition-fallback="new"][data-astro-transition-scope="astro-mljbisf2-1"] {
|
||
animation-duration: 180ms;
|
||
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
|
||
animation-fill-mode: both;
|
||
animation-name: astroFadeIn; }</style></head> <body data-astro-cid-sckkx6r4 data-astro-transition-scope="astro-mljbisf2-1"> <header class="position-sticky py-1 py-lg-3" data-astro-cid-sckkx6r4> <div id="main-navbar" data-astro-cid-5blmo7yk> <nav class="navbar navbar-desktop d-none d-lg-block" data-astro-cid-5blmo7yk> <ul class="list-unstyle hstack" data-astro-cid-5blmo7yk> <li class="nav-item" data-astro-cid-5blmo7yk> <a class="nav-link" href="/" data-astro-cid-5blmo7yk> Home </a> </li><li class="nav-item" data-astro-cid-5blmo7yk> <a class="nav-link" href="/blog" data-astro-cid-5blmo7yk> Blog </a> </li><li class="nav-item" data-astro-cid-5blmo7yk> <a class="nav-link" href="/portafolio" data-astro-cid-5blmo7yk> Portafolio </a> </li><li class="nav-item" data-astro-cid-5blmo7yk> <a class="nav-link" href="/curriculum" data-astro-cid-5blmo7yk> Curriculum </a> </li><li class="nav-item" data-astro-cid-5blmo7yk> <a class="nav-link" href="/contact" data-astro-cid-5blmo7yk> Contact </a> </li> </ul> </nav> <div class="text-end d-lg-none" data-astro-cid-5blmo7yk> <button id="btn-toggle" class="off-canvas-toggle" data-target="#mobile-nav" data-astro-cid-4artp6fm> <svg width="40px" height="40px" viewBox="-2.4 -2.4 28.80 28.80" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="" stroke-width="0.00024000000000000003" transform="rotate(0)" data-astro-cid-4artp6fm><g id="SVGRepo_bgCarrier" stroke-width="0" transform="translate(1.1999999999999993,1.1999999999999993), scale(0.9)" data-astro-cid-4artp6fm><rect x="-2.4" y="-2.4" width="28.80" height="28.80" rx="2.88" fill="none" strokewidth="0" data-astro-cid-4artp6fm></rect></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" stroke="#CCCCCC" stroke-width="0.384" data-astro-cid-4artp6fm></g><g id="SVGRepo_iconCarrier" data-astro-cid-4artp6fm> <path d="M2 5.5C2 4.94772 2.44772 4.5 3 4.5H21C21.5523 4.5 22 4.94772 22 5.5V6.5C22 7.05228 21.5523 7.5 21 7.5H3C2.44772 7.5 2 7.05228 2 6.5V5.5Z" fill="#cad3f5" data-astro-cid-4artp6fm></path> <path d="M2 11.5C2 10.9477 2.44772 10.5 3 10.5H21C21.5523 10.5 22 10.9477 22 11.5V12.5C22 13.0523 21.5523 13.5 21 13.5H3C2.44772 13.5 2 13.0523 2 12.5V11.5Z" fill="#cad3f5" data-astro-cid-4artp6fm></path> <path d="M3 16.5C2.44772 16.5 2 16.9477 2 17.5V18.5C2 19.0523 2.44772 19.5 3 19.5H21C21.5523 19.5 22 19.0523 22 18.5V17.5C22 16.9477 21.5523 16.5 21 16.5H3Z" fill="#cad3f5" data-astro-cid-4artp6fm></path> </g></svg> <span class="visually-hidden" data-astro-cid-4artp6fm>Open sidebar</span> </button> <div id="mobile-nav" class="off-canvas" data-astro-cid-72tffjxc> <div class="off-canvas-content" data-astro-cid-72tffjxc data-astro-transition-persist="astro-xoxbhhdm-2"> <button class="off-canvas-toggle" data-target="#mobile-nav" data-astro-cid-72tffjxc> <svg width="40px" height="40px" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" fill="#ffffff" data-astro-cid-72tffjxc><g id="SVGRepo_bgCarrier" stroke-width="0" data-astro-cid-72tffjxc></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-72tffjxc></g><g id="SVGRepo_iconCarrier" data-astro-cid-72tffjxc><path fill="#cad3f5" d="M195.2 195.2a64 64 0 0 1 90.496 0L512 421.504 738.304 195.2a64 64 0 0 1 90.496 90.496L602.496 512 828.8 738.304a64 64 0 0 1-90.496 90.496L512 602.496 285.696 828.8a64 64 0 0 1-90.496-90.496L421.504 512 195.2 285.696a64 64 0 0 1 0-90.496z" data-astro-cid-72tffjxc></path></g></svg> </button> <div class="content" data-astro-cid-72tffjxc> <nav class="navbar navbar-mobile" data-astro-cid-5blmo7yk> <ul class="list-unstyle text-start" data-astro-cid-5blmo7yk> <li class="nav-item mb-3" data-astro-cid-5blmo7yk> <a class="nav-link" href="/" data-astro-cid-5blmo7yk> Home </a> </li><li class="nav-item mb-3" data-astro-cid-5blmo7yk> <a class="nav-link" href="/blog" data-astro-cid-5blmo7yk> Blog </a> </li><li class="nav-item mb-3" data-astro-cid-5blmo7yk> <a class="nav-link" href="/portafolio" data-astro-cid-5blmo7yk> Portafolio </a> </li><li class="nav-item mb-3" data-astro-cid-5blmo7yk> <a class="nav-link" href="/curriculum" data-astro-cid-5blmo7yk> Curriculum </a> </li><li class="nav-item mb-3" data-astro-cid-5blmo7yk> <a class="nav-link" href="/contact" data-astro-cid-5blmo7yk> Contact </a> </li> </ul> </nav> </div> </div> <div class="off-canvas-backdrop off-canvas-toggle" data-target="#mobile-nav" data-astro-cid-72tffjxc></div> </div> </div> </div> </header> <main data-astro-cid-sckkx6r4> <div id="layout-loading-spinner" class="d-none" data-astro-cid-sckkx6r4> <div class="spinner" data-astro-cid-lolztsa2 style="--size: 200px;--bgColor: var(--prj-bg);"> <div class="container" data-astro-cid-lolztsa2 style="--size: 200px;--bgColor: var(--prj-bg);"> <svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="" data-astro-cid-lolztsa2 style="--size: 200px;--bgColor: var(--prj-bg);"> <g id="SVGRepo_bgCarrier" stroke-width="0" data-astro-cid-lolztsa2 style="--size: 200px;--bgColor: var(--prj-bg);"></g> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-lolztsa2 style="--size: 200px;--bgColor: var(--prj-bg);"></g> <g id="SVGRepo_iconCarrier" data-astro-cid-lolztsa2 style="--size: 200px;--bgColor: var(--prj-bg);"> <path class="animation animation-normal" d="M4 24C4 35.0457 12.9543 44 24 44V44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4" stroke="#cad3f5" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-lolztsa2 style="--size: 200px;--bgColor: var(--prj-bg);"></path> <path class="animation animation-reverse" d="M36 24C36 17.3726 30.6274 12 24 12C17.3726 12 12 17.3726 12 24C12 30.6274 17.3726 36 24 36V36" stroke="#cad3f5" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-lolztsa2 style="--size: 200px;--bgColor: var(--prj-bg);"></path> </g> </svg> </div> </div> </div> <ul class="mb-3"><li style="padding-left:0"><a href="#little-nightmares">1<!-- --> - <!-- -->Little Nightmares</a></li><li style="padding-left:40px"><a href="#brief">2<!-- --> - <!-- -->Brief</a></li><li style="padding-left:40px"><a href="#thoughts">2<!-- --> - <!-- -->Thoughts</a></li></ul> <h1 id="little-nightmares">Little Nightmares</h1>
|
||
<h2 id="brief">Brief</h2>
|
||
<blockquote>
|
||
<p>Immerse yourself in Little Nightmares, a dark whimsical tale that will confront you with your childhood fears! Help Six escape The Maw – a vast, mysterious vessel inhabited by corrupted souls looking for their next meal. As you progress on your journey, explore the most disturbing dollhouse offering a prison to escape from and a playground full of secrets to discover. Reconnect with your inner child to unleash your imagination and find the way out!</p>
|
||
</blockquote>
|
||
<h2 id="thoughts">Thoughts</h2>
|
||
<p>This game was a big surprise to me, It sat down for a long time in my backlog until out of boredom we try it out with a friend. The game was short enough to finished in a sleepover (at least six’s campaign).</p>
|
||
<p>It was a breath of fresh air in the seance other games don’t respect your intelligence as a player and straight up tell you what to do, this game let you explore and try out for yourself how to interact with the world, only intervening when you are stuck with a game mechanic (like, move the stick back and forth to balance yourself in a rope) with a subtle message. This lead us to discussions between us of in the lines of: <em>“maybe we need to do this”</em>, <em>“you see that thing over there? maybe we can do something with it”</em>, followed by trail and error and culminating in that magnificent <em>“Ajá”</em> moment when we solve the little puzzle by our own.</p>
|
||
<p>The only downside that I can see to this game is the loading times, they are so long, long enough to break the inmersion of the game and loose the flow (kinda remind me of skyrim for the PS3). This is worse in the cases when the trail and error involve dying if a mistake is made, making the whole experience more tedious.</p>
|
||
<p>In the end is only a little downside, but since I was having fun with the game I continue playing it. I hope the boy campaign is as fun.</p>
|
||
<hr> </main> <script>
|
||
document.addEventListener('astro:before-preparation', (ev) => {
|
||
const originalLoader = ev.loader;
|
||
ev.loader = async function () {
|
||
const spinner = document.querySelector('#layout-loading-spinner');
|
||
|
||
// Only show the animation if page load is > than timeout seconds
|
||
const timeoutId = setTimeout(
|
||
() => spinner.classList.remove('d-none'),
|
||
200,
|
||
);
|
||
|
||
await originalLoader();
|
||
|
||
// cancel timeout if is not run yet
|
||
clearTimeout(timeoutId);
|
||
// spinner.classList.add('d-none');
|
||
};
|
||
});
|
||
</script> </body> </html> |