Jump to content

News

Sign in to follow this  
  • entries
    544
  • comments
    23,982
  • views
    29,558

Contributors to this blog

Beyond the Boundaries

Sign in to follow this  
DanielKaMi

9,826 views

backdrop-Blog.jpg


Greetings Defenders,

We’ve talked about the process of building playable areas, and we’ve shown you how we bring them to life with kismet. But what about the world beyond the playable area? How do we create those epic vistas in the distance in our DD2 maps?

bigChunks-1024x357.png

Setting the Background


The first step in building a background is to craft the main chunks -- for example, a vast mountain range or a clustered group of buildings. These big pieces will determine the volume and space of all the background, so they should be built carefully.

The pictures above show the first iteration done for the background of the Nimbus Reach level. These mountains were done in Maya and exported to UDK to get a preview.

paintover-1024x357.png

Small Details and Optimization


Once the big chunks have been made, concept artists will draw a paintover to help level designers get a better idea of what is required for the small details. A second iteration on the big chunks might be made at this stage to better match the paintovers.

To keep the level playable in terms of frames-per-second, most of the small details are built using a very small number of triangles. At this point, we must distinguish between mid- and long-distance objects. The further away the model is from the player, the lower the level of detail should be. For mid-distance objects, we reduce the triangle count of the original object to something above 75%, while long-distance objects are created as planes with an artist´s textures applied to them.

Here are some examples:

objects_optimization-1024x868.png

These small details could include unique visual elements from other existing levels. To keep the map well-optimized, we make very low-poly versions of these representative buildings for the background areas to save lots of triangles as you can see in the next picture.

uniques-1024x345.png

Also, for all of this optimization work, it is very important to keep in mind the angle at which players will see the background areas. Any area that isn’t visible to the player must be removed.

cutoff-1024x254.png

Adding Particle Effects


Finally, to bring some life to these backgrounds, our VFX artists design tons of cool particle effects. For example, an artist could include the warm glow of the sun on the horizon, a wisp of smoke escaping a chimney or a flock of birds flying below the clouds.

To give you a better idea on how these particles affect the level, check out the next comparison pic. The map on the left doesn’t have any particle effects while the map on the right is filled with them.

VFX-1024x255.png

Final Result


These elements all come together to create the backgrounds you'll see in Dungeon Defenders II. Check out some of the backgrounds we've made so far!

map1-1024x510.png

map2-1024x510.png

map3-1024x510.png

nimbusreachfinal-1024x510.png

Which background did you enjoy the most? Let us know in the comments, and you could win a pre-alpha code for Dungeon Defenders II! You have a full week to leave a comment. We’ll pick a random poster and reveal the winner next Tuesday. Don’t have a forum account? It takes less than a minute to join!

The random winner of last week’s Animation Iteration blog is Rakkeon! The winner of our Bringing Maps to Life blog is going to be chosen on Friday. If that blog hits 250 comments, we'll give away TWO codes!
Sign in to follow this  


159 Comments


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.

×
×
  • Create New...