I was fortunate to attend GDC 2013 in San Francisco back in March, which turned out to be a very inspiring experience. One particular presentation that I enjoyed was by game designer was titled ‘Techniques for In-Level Storytelling’, by Steve Gaynor (former designer at Irrational Games, cofounder of The Fullbright Company).
In-level storytelling is a powerful tool for game design, as it allows us to communicate important narrative elements to the player without disrupting gameplay with a cutscene or scripted piece of dialogue. The result feels significantly more immersive because players feels like they alone are piecing together narrative elements from visual cues in the environment, as opposed to being fed information through non-interactive cutscenes.
A feature of in-level storytelling discussed by Steve was that of framing, which relates to dynamic composition [see my Gamasutra article for more information on dynamic composition]. Because video games allow players to explore environments freely, framing is used to focus a player’s attention on important storytelling events within a game.
As Steve Gaynor stated in his presentation: framing ensures “the player is facing an important event when it begins, and is able to see it clearly as it proceeds.” This important design tool is illustrated below, where we have a top down view of a player [red circle] in an open video game environment.
Framing creates a funnel for the player’s view, focussing their attention on a smal area within an otherwise open 3D world.
In example A, the player has accidentally missed an important event [X] because they happen to be looking in the wrong direction. While in example B, a doorway has been used to restrict the player’s view, focussing their attention on a specific point in the environment.
When playing games, take note of such situations where you find yourself walking along a tunnel or the environment is framing an object or event. This device is repeatedly used in games like Halo, where the action of passing through a doorway often triggers an event within the environment, instantly giving the player an overview of what to anticipate.
343 Industries’ ‘Halo 4′ (2012) makes heavy use of doorways to focus a player’s attention on important events. For instance, a dropship carrying enemies suddenly appears just as the player approaches this particular doorway—giving the player a heads-up on what to expect up ahead. Without the doorway framing the scene, the player may have been looking in another direction, missing the important event that helps them with orientation.
Steve Gaynor showed an example of framing in Dishonored (developed by Arkane Studios), where rubble and building structures in the environment have been deliberately arranged to create a frame. The added feature of strong contrasts between the dark frame and bright central opening further focus the player’s attention on where an important storytelling event is about to happen.
Use of framing in Dishonored (2012), by Arkane Studios
Another point that Steve Gaynor’s made in the context of in-level storytelling, was that the important event being framed should “always occur in the center of the player’s screen.”
Generally speaking, the placement of key objects dead center of a composition is usually avoided because the central position works like a visual exclamation point—it becomes very difficult for viewers to move their eyes away from this position and explore the rest of the image. This is why artists often use the Rule of Thirds as a framework for composing images.
The Rule of Thirds. Notice how the stone pinnacle in the left example is visually overpowering because of its central position within the frame. While the righthand example—with the same structure now placed off-centre—gives your eyes more freedom to explore the rest of the image.
Returning to Steve’s statement, that key objects should “always occur in the centre of the player’s screen” refers to the fact that placing objects dead centre is a very useful device in video games to further focus a player’s attention on important in-game events and objects of interest, as in the two examples below.
Centering objects within a frame ensures that the objects hold visual dominance, such as in this example from ‘Halo 4,’ where the player’s goal is positioned dead centre—leaving no doubt where the player must go next.
‘Journey’ by thatgamecompany also uses the device of centering in the game’s opening. You initially walk up a sand dune, which features interesting structures placed along the screens central vertical line. As you near the top of the dune, you’re confronted by the mountain in the distance, which is awarded visual dominance on account of its size and central position within the frame.
Framing and centering used together are therefore an invaluable tool for ensuring that players of your open-world game will always be looking in the direction that you wish them to look at exactly the right time.
Steve Gaynor’s GDC presentation is available to watch in the GDC Vault for subscribers.