• a Chunk
    a Chunk

    How the Uncharted games implement player navigation - Abhishek Iyer

     

    The more ‘open world’ video game environments get, the more navigational paraphernalia get foisted upon player shoulders. Maps, markers, checkpoints, radars, and HUDs persist on the screen and faithfully point towards where the game intends you to go next.

     

    There’s nothing wrong with map-based navigational aids: they streamline gameplay and provide helpful markers for posterity in truly open-world environments. But if we are to look at games as tools that foster exploration, immersion, and pattern identification (and we should), then overt navigational aids carry an air of spoonfeeding, at times disrespecting player intelligence and reducing challenge.

     

    One game franchise that doesn’t feature maps is the Uncharted series. Although these games are linear, the levels are still sizable and it’s easy to get lost or take wrong turns. But the players rarely do so. Naughty Dog brilliantly uses environmental cues to guide the player along its levels without them even realizing it half the time.

    Let’s look at the elements they use…

     

     

    Weenies

    This term was coined by Walt Disney and is in splendid effect in all Disney theme parks. Weenies are basically architectural or visual magnets that draw people towards them (usually towards where the park designer wants the to go). Magic Kingdom has Cinderella Castle. Epcot Center has Spaceship Earth. The Animal Kingdom has the Tree of Life. And so on and so forth. People can see these structures looming over their line of vision from anywhere in the park. They provide navigational grounding and a ‘place to go to’. They are always situated at the center of the park, so that people visit most of the attractions along the way as they head towards the weenie.

     

    All four Uncharted games use weenies regularly. There’s always some temple, castle, tower, or marketplace in the distance that your in-game partners point out at the beginning of the level, and that you spend most of the level traveling towards.

     

    2.png.95e716273bc2ad6eb79bffac72317ac7.png

    French castle in Uncharted 3
     

    3.png.d2bc82f93215f53f456667a633da48a5.png

    Another Uncharted 3 weenie

     

    4.png.4955ad8b20d6b600f5ec3ea44d55ab44.png

    Tower in Uncharted 2 (I don’t know why the lights are still on)
     

    5.png.bdfdc6bef19e46536c58a7e069b64cd7.png

    Radio tower weenie in Uncharted 3
     

    6.png.adc35b02329b0f4a6086d22ae2959ac2.png

    Blinking light weenie in Uncharted 4
     

    7.png.ab0bfcd8edf36f6c473356b3c9c0d510.png

    Island weenie in Uncharted 4

     

    Naughty Dog have used weenies in their other magnum opus series, The Last Of Us, as well. Like dependable North Stars, these weenies successfully guide players lost in digital seas.

     

     

    Light

    In the book ‘100 Things Every Designer Needs To Know About People’, Susan Weinschenk writes about the importance of central and peripheral vision. As the first thing people see, central vision should ideally encompass the critical elements that the designer wants the player to see. Peripheral vision acts as a context-setter and validator of central vision; if the elements in peripheral vision are dissonant with those in central vision, the player’s mind jars and the designer-player communication link breaks down.


    The Uncharted games use light and central vision to their advantage. In levels with darkness (and some without), light is strategically placed in the player’s central vision as a marker for progress.


    For example, when you explore the cavernous London underground in Uncharted 3, floodlit tunnels point you forward.
     

    8.png.102ecb8db56b96669fff4180d8ec4561.png

    Like so
     

    Or when you’re breaking into a Turkish museum to ‘borrow’ a priceless lamp, light splattered on the walls highlight where Flynn plans to use his grapple rope.

     

    9.png.645e9ee3ff5e2aedc7b2361895f87513.png

    Naughty Dog definitely thought ahead

     

    These light-based markers are even more important in levels where speed is paramount, such as the flashback chase sequence in Uncharted 3. As young Nathan races up the stairs to a locked door, the camera angle brings a small window above the door (with light streaming from it) into focus, and players instinctively jump through it, congratulating themselves for a quick and smart choice. Little do they know of the deliberate design choice that made the choice for them.

     

    10.png.d41fef27d5e3261f896cdcec483599d9.png

     

     

    Color
    In the ‘100 Things…’ book, Susan Weinschenk also talks about a concept called chromostereopsis, the color combination in two-dimensional pictures that acts as a visual illusion and gives a perception of depth and contrast. Although the Uncharted levels are certainly not two-dimensional, color contrast is cleverly used to bring interactable objects into focus.

     

    Naughty Dog seem to be fans of yellow. In detailed levels where objects that can and cannot be ‘grabbed’ are tough to distinguish, yellow is usually a good indicator to take that leap of faith.


    For example, in the memorable opening sequence of Uncharted 2, yellow rails underneath the hanging train are more often than not the places you need to jump to.

     

    12.png.c6ba3b2c8c163209fc4fe47a52892c9f.png

     

    13.png.d8caa21583e37abd2a48ad6be1f7f1b1.png

     

    The pirate ship levels in Uncharted 3 are a veritable sea of yellow.

     

    14.png.418b75ebb88b8ba994871befaa131bd2.png

    The bars you’re on are yellow…

     

    15.png.a9cfc07c131a4641a180b6159c4d804a.png

    …and so are the bars you jump to
     

    16.png.9cbb7ef246363e46b045044aa5e01ebe.png

    Here’s more…
     

    17.png.d2034dcc4d4628aa0cc97b5492795e8a.png

    …and more
     

    The best place yellow came to my rescue was in these levels. In one particular stage, right after two long fight sequences that involved swimming and ship-jumping, I was stranded on a platform with no idea where to go next. I snooped around an oblong yellow bar, and lo and behold. I just had to push a crate attached to it so that it lowered and made a forward path.

     

    18.png.458ae761c35e1f58f9b5d33dfb61d2b9.png

    The yellow bar showed me…
     

    19.png.3769a08a17e84822d450426dfc06b75a.png

    …the way forward
     

     

    Motion
    The eyes focus where they see motion. The Uncharted games use this trick fairly subtly, both as foreshadowing tools and navigational guides. In the Uncharted 2 opening, Nathan wakes up battered and bloodied on the seat of a train. He looks outside the window and sees snow whipping past it, sideways. Why sideways? Because the train is hanging off a precipice, as he finds out a second later. The motion of the snow is a great touch of detail that adds to the overall awe of this opening.

     

    20.png.f296881808f7efc8325914e84c683f68.png

    ‘What…?’ is right
     

    Or take the previously mentioned flashback chase sequence in Uncharted 3. When young Nathan jumps onto a rooftop, suited goons cut off his path from the left. Where does he go?


    Barely visible on the first playthrough, a flock of birds take flight as soon as Nathan lands on the rooftop and flee towards the right. The players’ eyes follow instinctively and they turn Nathan right without even thinking about it. And of course that’s where they have to go.

     

    21.png.925a8c10cd2bf6e24684177c6256b148.png

    Using motion as a navigational aid
     

    Pretty neat.

     


    Affordances

    A final word on ramp-shaped aids that Naughty Dog use regularly in chase sequences. Player mental models are well developed enough to know that when they see a ramp, they move towards it and jump off it.

     

    22.png.ee6156818591b0e79d0d865283bb4611.png

    Ramp-shaped stairs in Uncharted 4
     

    23.png.a8e28644c0172153100110799e437b33.png

    Jump off the ramp and onto the lampposts
     

    24.png.b211f9715bb1ec1c507f1aa971545819.png

    Ramp during chase sequence
     

    There’s plenty more to dissect from each Uncharted game, but I’ll leave it here for now. Let me know if I’ve missed something out or got something wrong!


    References (for screenshots and content ideas)

    Game Maker’s Toolkit: https://www.youtube.com/watch?v=k70_jvVOcG0

    Game Design Conference: https://www.youtube.com/watch?v=P4uPwhSqW8Q

    MrSkillToKill2: https://www.youtube.com/channel/UCJDeaCeM4QtBG3jE2QysFAg

     

    *Note: This article is republished in full on Next Level Design with permission from the author.

     

    Source: https://medium.com/@abhishekiyer_25378/how-the-uncharted-games-implement-player-navigation-8a6d12733de0

     

     

    Follow Abhishek

    Twitter: https://twitter.com/Nickspinkboots

    Medium: https://medium.com/@abhishekiyer_25378

     

    Follow Next Level Design

    Join the Forum: http://www.nextleveldesign.org/index.php?/register/

    Follow us on Twitter: https://twitter.com/NextLevelDesig2

    Discuss on Discord: https://t.co/hkxwVml0Dp


    Article Preview: We take a look at the player navigation techniques used in the Uncharted games. He shares his findings here, which include Weenies, Color, Lighting, and various other tools Naughty Dog has employed.


    User Feedback

    Recommended Comments

    There are no comments to display.



    Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.

    Guest
    Add a comment...

    ×   Pasted as rich text.   Paste as plain text instead

      Only 75 emoji are allowed.

    ×   Your link has been automatically embedded.   Display as a link instead

    ×   Your previous content has been restored.   Clear editor

    ×   You cannot paste images directly. Upload or insert images from URL.


  • Similar Content

  • Categories