Your SlideShare is downloading. ×
Game Design 2 (2013): Lecture 8 - Layering and Separation for Game Communication
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Game Design 2 (2013): Lecture 8 - Layering and Separation for Game Communication

1,135

Published on

We look at how to layer information and separate it through techniques like weight and colour.

We look at how to layer information and separate it through techniques like weight and colour.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,135
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. 2013 Game Design 2 Lecture 8: Layering & Separation http://gcugd2.com david.farrell@gcu.ac.uk
  • 2. Notes... • Coursework online! • Tutorial feedback • Read Tufte’s book chapters! I have a copy that I can bring to tuts -& there are copies in library.
  • 3. Reading • Tufte pages 53 - 66 • http://bit.ly/l4dlight (Left 4 Dead use of light) • http://bit.ly/worldofgootour (video)
  • 4. Flatland • Flatland: A Romance of Many Dimensions • 1884 Novel by Edwin A. Abbott • Contemplates how world would look to lesser and greater dimensions
  • 5. Triangle in 2D
  • 6. Triangle in 1D
  • 7. Sphere in 1D
  • 8. 3D represented in 2D
  • 9. Data Visualisation • Life is navigated in 3D • Mathematics can portray xD • All(most all) of our displays are 2D • How do we map data to 2D? • One technique is layering and separation
  • 10. “Escaping this flatland is the essential task of envisioning information” Tufte, Envisioning Information, Page 13
  • 11. Information • simple or complicated • detailed or sparse • analogue or digital • NEVER confusing or cluttered
  • 12. Design • understandable or confusing • clear or cluttered • the point of design is to reveal detail and complexity • the data is never at fault • the user is never at fault
  • 13. What are the layers here?
  • 14. Colour defines the relationship
  • 15. ! "An undifferentiated, unlayered surface results jumbled up, blurry, incorherent, chaotic with unintentional optical art. What we have here is a failure to communicate” - Tufte p58
  • 16. Negative Space
  • 17. 1+1=3
  • 18. Harmonising Elements • Careful layout diminishes 1 + 1 = 3 clutter • Avoid ‘active negative space’ • Words have fewer descenders than ascenders (so safer to put above a line) • Curved text is hard to read
  • 19. Box Plots
  • 20. Subtle Differences • All differences mean something
  • 21. Games Examples • Games use layering & separation to communicate with player. • HUD is layered on top of game world • Games like Half Life 2 & Shadow of the Colossus foreshadow future events through use of background layers (even though we don’t use the phrase “layers” in this way often)
  • 22. Madden 10
  • 23. Championship Manager
  • 24. Left 4 Dead
  • 25. World of Goo

×