The subtle gesture of a hand or movement of a character's head are animations which are relatively indecipherable at low resolutions, or when the character is in motion. Animations that are visually more comprehensible include character jump arcs and general lines of movement. Because character movement on this broader scale can be conveniently visualized as lines, we can consider how shaping such animations may affect the video game aesthetically.
When a player presses the jump button in the opening levels of Journey, the character jumps gracefully across the screen (as illustrated above).
The implied line that this jump arc creates -- made explicit by the character's trailing scarf -- is aesthetically aligned to the circular composition in Vermeer's Diana and Her Companions.
Watch the video below -- featuring, Journey, Superbrothers: Sword and Sworcery (2011), and Vanquish (2010) -- and picture a light trail behind the characters as each travels through its respective video game environment. Can you align the animations to the circle, square, or triangle?
You should find that the lines of movement communicate a variety of emotions ranging from delicate and dynamic (curved lines); slow and peaceful (straight uprights and horizontals); and aggressive (angular). In designing a character's movements it's vital to choose lines that complement the emotions you would like players to experience.
As with character shapes in the previous section, we also tend to design character animations with one style of movement used consistently throughout the game. Video games being such a dynamic medium, there's no reason why we can't design experiences that take advantage of the whole range of possible animations to communicate more complex narratives.
A game's camera movement relates closely to character animation -- especially in first person games where it becomes the primary tool for communicating the in-game characters state of mind. In a first person game, we must imagine that the camera represents the perspective of a living-breathing person, capable of feeling and expressing a whole range of emotions.
The video above illustrates two contrasting camera animations: the gentler camera of Halo: Combat Evolved by Bungie, and the aggressive camera of Epic's Gears of War 3. Halo gives the player a feeling of smooth elegance (more so in the earlier games), elevating Master Chief above the edgier, and aggressive movements of the enemy. While Gears of War has an edgy and aggressive aesthetic throughout -- implying that Delta Squad and the Locust Horde are on the same moral level as each other.
These examples highlight the importance of camera animations in the context of dynamic composition. Now that we have character shapes and animations covered, it's time to consider the character in relation to its environment.
A character's surroundings are a key part of dynamic composition because the environment normally takes up much of the visual frame. (Please note that environment here also includes secondary characters and enemies.) We can respond emotionally to characters based on their shape and animation alone, however it's only once we see characters in an environment that a narrative emerges.
The illustrations above represent a character (purple) in an environment (green). A circular character in a circular environment (top-left) exhibits a sense of harmony because the character's shape is echoed in its surroundings. The echo gives us a sense of home -- suggesting that here is where the character belongs. We also get a sense of harmony if both the character and environment are square, or triangular (lower-right), although the change of primary shape gives us a different aesthetic sensation.
We get a sense of dissonance when character and environment shapes contrast each other. A circular character appears threatened when placed in an edgy environment (top-right); while a triangular character appears the threat in a soft and rounded environment (lower-left).
Lord of the Rings Trilogy (2001-2003), directed by Peter Jackson, New Line Cinema
These concepts of harmony and dissonance can be seen in the Lord of the Rings Trilogy, where we have the good-natured Hobbits on one side of the shape spectrum of emotions. Everything about them references the innocent, youthful circle: from the curl of their hair; their rounded shoulders and shirt buttons; to the round Hobbit holes; and even the curves of the landscape. At the other end of the shape spectrum we find Sauron, who is aligned to the aggressive triangle: from his sharp fingertips; to the triangular volcano on the landscape.
This contrast of primary shapes allows us to reduce the story of Lord of the Rings to an abstract visual narrative using basic shapes, which sees the round Frodo and Samwise leave their round home to journey to a threatening, angular landscape, before returning to the safety of home.
Super Mario Galaxy (2007), Nintendo
As with the Lord of the Rings film trilogy, the Super Mario Galaxy series of games can also be reduced to an abstract visual narrative. We have the spherical Mario in his spherical world filled with triangular enemies. It's the player's role to help Mario clear the galaxy of triangles to restore a harmony between Mario and his home environment.
Journey (2012), thatgamecompany
Journey is a great example of character-environment harmony using triangular forms, which are echoed in the playable character's shape and throughout the landscape. Interestingly, the non-aggressive nature of the game's experience could have been rendered using sugary, rounded forms, but the game's design is all the better for going against conventions by creating a contrast between the character's edgy form, and its delicate movements and jump arcs.
Morf (2011), SOLARSKI STUDIO
Morf is a simple browser-based game that I developed to explore the emotional links between character and environment shapes. You, the player, must guide a round character through two environments -- one round, and the latter, sharp. The surprise awaiting players is that, technically, both environments are identical -- it's only the superficial surface graphics that change. You can play the game by visiting my page.
I had the opportunity of testing Morf on both experienced gamers and non-gamers. Experienced players were naturally well-versed in the language of video games, and were therefore primarily concerned with testing the game’s rule system: Can I jump higher if I run and jump? Can the character die if I touch a spiked object?
Non-gamers, on the other hand, were acutely aware of the game’s visual design. They would bump their way through the round level without concern, but upon reaching the edgy leve (pictured above)l, they would spend an inordinate amount of time carefully avoiding sharp objects. When their character would accidentally land on a spike, they’d exclaim words like "ouch!" -- words that we use when we hurt ourselves in reality. We should be very proud that video games can evoke such responses, since they're unique among artistic disciplines, and illustrate the player's strong empathy for their on-screen character.
This heightened emotional response from non-gamers suggests that there exists an even greater potential for artistic video games. Non-gamers -- representing a huge, and disregarded audience -- have a significantly lower concern for the rules of a game (and an even smaller technical understanding), and are therefore more ready to suspend their disbelief and simply experience. This should be a strong call to action for developers to explore games that are not targeted at hardcore gamers.
We've looked at how character shapes, character animations, and environment shapes can be shaped to influence the aesthetic experience of a video game. Our analysis uses the emotionally charged primary shapes -- the circle, square, and triangle -- as a conceptual tool to make sense of a wide variety of artistic styles and interactions. In the next section we will explore how pathways within a video game environment can also influence the emotional experience within the context of dynamic composition.
|Alex Casper Cline|