SIGGRAPH  2010 <ul><li>Battlefield Heroes </li></ul><ul><li>Henrik Halen </li></ul><ul><li>Electronic Arts </li></ul>
Heroes <ul><li>Web Based </li></ul><ul><li>Team Shooter </li></ul><ul><li>Sandbox gameplay </li></ul><ul><li>Free to play ...
Battlefield
Battlefield
Web Based Games
Web Based Games
Battlefield
Heroes <ul><li>More accessible </li></ul><ul><li>Less threatening.  </li></ul><ul><li>Funny and comedic violence rather th...
Performance <ul><li>Wide range of pc hardware. casual players generally have weaker systems.  </li></ul><ul><li>Something ...
Heroes Concept
 
BF 1942 (2002)
BF 1942 (2002)
BF 1942 (2002)
Heroes
Heroes
Heroes <ul><li>Saturated </li></ul><ul><li>Blue skies </li></ul><ul><li>Green vegetation </li></ul><ul><li>Painted texture...
Performance
Performance <ul><li>  Pic of houses with simple textures </li></ul>
Battlefield
Battlefield
Battlefield
Battlefield
Performance <ul><li>Simple geometry, shaders </li></ul><ul><li>Painted textures </li></ul><ul><li>Scalable </li></ul>
Battlefield
Battlefield
Battlefield
Performance <ul><li>  </li></ul>
Performance <ul><li>Scalability, grass, trees etc  </li></ul>
Performance <ul><li>Scalability, grass, trees etc  </li></ul>
Performance <ul><li>Scalability, grass, trees etc  </li></ul>
Performance <ul><li>Comparison with WOW    </li></ul>
Performance <ul><li>Scalability, grass, trees etc  </li></ul>
Performance <ul><li>Scalability, grass, trees etc  </li></ul>
Performance <ul><li>Scalability, grass, trees etc  </li></ul>
Performance <ul><li>Scalability, grass, trees etc  </li></ul>
Characters <ul><li>Caricatures </li></ul><ul><li>Comical </li></ul><ul><li>Fun animations </li></ul><ul><li>3P view </li><...
Characters
Characters
Characters
Characters
Characters
Characters
Characters
Characters
Characters
Characters
Questions
 
Upcoming SlideShare
Loading in …5
×

Stylized Rendering in Battlefield Heroes

36,486 views

Published on

Talk by Henrik Halén in the Stylized Renderiing in Games course at SIGGRAPH 2010

Published in: Entertainment & Humor
1 Comment
3 Likes
Statistics
Notes
No Downloads
Views
Total views
36,486
On SlideShare
0
From Embeds
0
Number of Embeds
31,678
Actions
Shares
0
Downloads
83
Comments
1
Likes
3
Embeds 0
No embeds

No notes for slide
  • There’s another very stylized game from dice in battlefield heroes. No one from the heroes team could make it here, so we decided since I was doing the mirror’s edge presentation that I would do heroes as well.
  • Battlefield heroes is a 3rd person team based shooter with some of the classical battlefield sandbox gameplay. It’s launched through the web browser, it’s free to play and it’s very much targeted at the casual gamer. So we needed a look that would appeal to that audience.
  • So the traditional battlefield games look usually look something like this. they have always been targeted at the hardcore gamer. the look was always aimed at realism and coolness.
  • Talk about stuff in picture, grey, real, looks great. desaturated
  • But that&apos;s not the type of gamer dice was going after with heroes. we were looking for the casual gamer, the type of gamer who goes on the web and plays a game for 10 to 30 minutes. so the look had to be more accessible. gamers that play flash games or perhaps facebook games, although that was not really a big thing when heroes was concieved 
  • So these are some of the websites that target that same audience. They are much more colorful and inviting, non-threatening and definitely not going for realism
  • And that is very different from the look of the traditional battlefield games
  • so we needed something more accessible, something that was fun rather than threatening. we also needed it to play well on a wide range of hardware. we wanted it to work on that old pc your grandmother uses for recipes. 
  • So this is some of the early concept art from heroes. talk about images, pleasant, blue skies, it&apos;s like somewhere you&apos;d want to go in vacation. A lot more saturated, shapes are rounder
  • So this is some of the early concept art from heroes. talk about images, pleasant, blue skies, it&apos;s like somewhere you&apos;d want to go in vacation. A lot more saturated, shapes are rounder
  • Original bf game from 2002(?) Wake island, pacific theater. there was some precedence, with blue skies, beaches, even though most of those 1942 maps were set in the pacific
  • Original bf game from 2002(?) Wake island, pacific theater. there was some precedence, with blue skies, beaches, even though most of those 1942 maps were set in the pacific
  • Some more heroes concept art
  • Heroes in game? Meadows, flowers trees. perfect summer&apos;s day in southern europe  
  • Heroes in game
  • More specific examples of building sides and rocks, trees
  • So this is a house etc. The idea was to basically have most of the details and looks painted into the textures
  • Heroes in game
  • Heroes in game
  • Heroes in game
  • Heroes in game
  • As you can tell, most of the geometry here is very simple, all the details are in the textures. and the textures are painted in a flat shaded sort of way that works very well with low poly geometry.
  • Heroes in game
  • Heroes in game
  • Heroes in game
  • This is similar in many ways to another popular online game. Not that it has this painted look per-se, but in that the style works very well with angular and low poly geometry while still managing to look nice
  • Concepts. 
  • Concepts.
  • Concepts.
  • Concepts. Obvious good guys, and obvious villains
  • In game character, movement
  • In game character, movement
  • In game character, movement
  • In game character, movement
  • In game character, movement
  • In game character, movement
  • In game character, movement
  • Stylized Rendering in Battlefield Heroes

    1. 1. SIGGRAPH 2010 <ul><li>Battlefield Heroes </li></ul><ul><li>Henrik Halen </li></ul><ul><li>Electronic Arts </li></ul>
    2. 2. Heroes <ul><li>Web Based </li></ul><ul><li>Team Shooter </li></ul><ul><li>Sandbox gameplay </li></ul><ul><li>Free to play </li></ul><ul><li>Targeted at casual gamers </li></ul>
    3. 3. Battlefield
    4. 4. Battlefield
    5. 5. Web Based Games
    6. 6. Web Based Games
    7. 7. Battlefield
    8. 8. Heroes <ul><li>More accessible </li></ul><ul><li>Less threatening. </li></ul><ul><li>Funny and comedic violence rather than cool </li></ul><ul><li>Good Performance </li></ul><ul><li>Play on your grandmothers pc </li></ul>
    9. 9. Performance <ul><li>Wide range of pc hardware. casual players generally have weaker systems.  </li></ul><ul><li>Something that is not too hard on performance, but still look good and scales well </li></ul>
    10. 10. Heroes Concept
    11. 12. BF 1942 (2002)
    12. 13. BF 1942 (2002)
    13. 14. BF 1942 (2002)
    14. 15. Heroes
    15. 16. Heroes
    16. 17. Heroes <ul><li>Saturated </li></ul><ul><li>Blue skies </li></ul><ul><li>Green vegetation </li></ul><ul><li>Painted textures </li></ul>
    17. 18. Performance
    18. 19. Performance <ul><li>  Pic of houses with simple textures </li></ul>
    19. 20. Battlefield
    20. 21. Battlefield
    21. 22. Battlefield
    22. 23. Battlefield
    23. 24. Performance <ul><li>Simple geometry, shaders </li></ul><ul><li>Painted textures </li></ul><ul><li>Scalable </li></ul>
    24. 25. Battlefield
    25. 26. Battlefield
    26. 27. Battlefield
    27. 28. Performance <ul><li>  </li></ul>
    28. 29. Performance <ul><li>Scalability, grass, trees etc  </li></ul>
    29. 30. Performance <ul><li>Scalability, grass, trees etc  </li></ul>
    30. 31. Performance <ul><li>Scalability, grass, trees etc  </li></ul>
    31. 32. Performance <ul><li>Comparison with WOW    </li></ul>
    32. 33. Performance <ul><li>Scalability, grass, trees etc  </li></ul>
    33. 34. Performance <ul><li>Scalability, grass, trees etc  </li></ul>
    34. 35. Performance <ul><li>Scalability, grass, trees etc  </li></ul>
    35. 36. Performance <ul><li>Scalability, grass, trees etc  </li></ul>
    36. 37. Characters <ul><li>Caricatures </li></ul><ul><li>Comical </li></ul><ul><li>Fun animations </li></ul><ul><li>3P view </li></ul>
    37. 38. Characters
    38. 39. Characters
    39. 40. Characters
    40. 41. Characters
    41. 42. Characters
    42. 43. Characters
    43. 44. Characters
    44. 45. Characters
    45. 46. Characters
    46. 47. Characters
    47. 48. Questions

    ×