• Anno 1800
  • DevBlog

DevBlog: Of 3D Architects and Construction Workers

  • 30.11.2017

Take a second, close your eyes and think about Anno. What is the first image that comes to your mind? Probably hundreds of detailed buildings, swarmed by citizens following their daily life and a majestic view over a formerly untouched island paradise. But how do we create all of this, and how does it come together as a detailed panorama of a model city? In todayโ€™s Devblog, our 3D Artist Rolf Bertz will show you how we create the detailed world of Anno, starting with nothing but many ideas and a few simple shapes.

Hi, my name is Rolf, and I am a 3D artist working on Anno 1800, after having joined the team almost five years ago. My first job was as a Concept Artist on Might and Magic Heroes: Online for half a year, before a personal dream came true and I moved over to the Anno side of things. During my work on Anno 2205 I slowly transitioned over to 3D art and becoming a character artist. These days, I enjoy creating lots of buildings for Anno 1800.

First Steps / General understanding 3D Assets
You probably remember our first behind the scenes art blog about the work of our concept artists, which already gave you a first glimpse at the first 3D work, which we create for new assets. But before I start exploring the whole process of 3D asset creation, we need to explain an important thing: what is the job of a 3D artist, and is it all just about buildings?

Strictly speaking, a 3D artist creates three-dimensional assets, but things are a bit more complex when creating a big strategic city-builder like Anno. While there are 2D graphics such as UI elements, the majority of them are made out of polygons. To be able to manage such a big library of 3D objects, many of our artists are specialized in certain types of 3D asset or production processes. We still talk about an Anno game, so many of our 3D artists are of course mainly busy creating buildings as they make up a huge part of our total asset library, but there are also artists responsible for vegetation, islands, wildlife or special effects. Creating all these other elements might be an interesting topic for the future, but with this first 3D blog, we want to focus on what takes up the majority of our time. Without further ado, let us see how we build an Anno building from scratch.

Step 1: Where do we start?
Let us talk about that 3D mockup from the concept art DevBlog for a second. The first 3D step in a creation process plays an important role in the decision process and helps to shape the final concept art, which will later serves us well when creating the final building in 3D.
Building that 3D mockup starts when we get the scribble from our concept art team. Based on that concept, we will start to block out the shape and overall look of the asset. While the process is simple at this point, as we are not wasting time with too many details, the mockup helps to get a feeling for the overall look and proportions of the building and with that, see if the concept fits with the overall art-style or blends well in to our cityscape. Our goal: the building needs to blend in while the player still needs to be able to identify its purpose in the blink of an eye.

Step 2: Now the real fun begins
The next step starts when the design receives its final approval and we get the finished concept art to start creating a high polygon asset of the building. There is a common saying between 3D artists that at this point, you become architect and construction worker at the same time. At the beginning, you have to decide which basic shape seems to be the most prominent in the concept. For buildings, that is mostly likely going to be a cube. With our newly spawned cube, we start to alter its shape systematically. During that alteration process, you add more details and other shapes, which you then merge into the object, until it resembles the basic form and shape of the building you want to create.

When your structural work is done (including walls, rooftop and all the other necessary parts), itโ€™s time for the detail work. With a high polygon asset, that means a ton of details: from the smallest bits like shingles on the roof up to every crack in the wall and from brickwork up to grain on wooden beams. At this point, our assets consist of sometimes over a million polygons (as mentioned, ALL the bricks, cracks and so on). Imagine you build your city out of hundreds of these highly detailed buildings, consisting of millions of polygons each. Sounds like a rough ride for your PC hardware.

Luckily, there is help on the horizon, which ensures that we will have nice looking details in the game while not tanking the performance of your PC into the ground.
So what we do now is to take the high polygon model and create a low polygon version of it, where we reconstruct the high detailed shape in a simpler version. To get an idea, one grid in Anno has a limitation of 250 polygons and a texture resolution of 256 pixels. That also means that we have a bit more leeway with bigger buildings, which have more grid space available.
With our newly created low polygon asset, it is time to quite literally skin the high polygon version of the building in a process called UV unwrapping.
To keep it simple, the surface of a 3D model is actually a flat 2D plane. In order to create that โ€œskinโ€, we cut the 3D object at the edges, open it like a cardboard house and put everything flat on the ground. As a result, we get kind of a skin or blueprint map of your 3D asset, which we will need in the next step.

An example what a typical Anno building looks like as a Blueprint Map

Step 3: Baking, anyone?
The next step is called baking and has, unfortunately, nothing to do with cake. In order to get our โ€œskinโ€ with the high poly details on the low polygon building, we have to โ€œbakeโ€ the high definition shape on it. Imagine putting a highly detailed skin on a low detailed model underneath, where we keep the simple polygon groundwork but the surface will gain depth and detail. The result of that baking procedure is called a โ€œnormal mapโ€ where all detail and even lighting to a degree is embossed into the skin to create the illusion of depth. It is like staring at a wall and seeing all its holes, bumps and unevenness while in reality, it is a completely flat surface.

Step by step, a high poly model is turned into a textured Anno building

Step 4: Letโ€™s bring in the textures
We are getting closer to the final asset and now it is time for some shader work. With the use of shaders, we can define the various materials, which our building consists of. As an example, we define what is wood or metal and even how the surface reacts, like if it is shiny or worn down surface. After we defined the substance of each part of the asset, it is time to paint it. For that, we have to do some research in advance, as we need to know how materials like burned brick look up close or what would be a fitting color for a rooftop in that age. Metal can be especially tricky, as we have to consider reflections. The best way to explain that is probably gold, as its natural color is actually a yellow tone and the reflections gives it the metal shiny look we are so familiar with.

As with concept art, we use inspirations of that time while our assets still need to convey that special Anno feeling and look. We also have to check how the colors and texture look when you watch your city zoomed out. Keep in mind that an Anno player spends most of the time watching his city from a birdโ€™s eye view and we have to ensure that they look great and harmonize at a larger scale while still looking good when you watch your city up close.

Examples of the different texture maps, which affect things like the perceived depth or shadows

And this is what we do
Our asset is now a detailed, textured and nice looking building, but we are not quite done yet. There is still a lot of work to do, from alterations based on feedback, fixing smaller and even bigger issues and – not to forget – bringing the asset to life with animation work. Nevertheless, we now have a nicely detailed and optimized asset and that might be enough for today, especially as the next steps are a job for one of my colleagues. So how about a second part where 3D Artist Carsten explains how he breathes that crowded living feeling into the world of Anno?

So what do you think? Do you like zooming in on your cities to see all the little details we put into our buildingsโ€™ textures, animations and of course the citizens, or do you spend most of your playtime zoomed out as far as possible to keep an eye on your entire city? Let us know in a comment, and until next time,

Rolf

Comments

Leave a Reply

13 Comments
  1. a andyjhoey

    Wow very Cool!, Would that be 250 quads per tile or 250 tris? I assume 1 Grid is reference to the very samll tiles in game? for example the farm house seems to take up 3×3 tiles? I’m curious because i would like to create some assets for these styles of games. many thanks

  2. r ruuti0

    Very interesting!

    Reading that made me want to try some 3D modeling myself!

    Is there any programs you (or anybody else) would recommend for beginners?

    • a ackrockboogie

      Try Blender. It is free and open-source and with the upcoming 2.8 release there are very exciting new features coming like real-time render, etc. Really packs a punch for free software. Just Google “Blender 3D” and you’ll find the website.

  3. A Arkenophas

    Nice blog ๐Ÿ™‚ Juste to know, how many mesh do you use for a building like the one you show on the first picture ? For example, do you use a cube just for the walls, planes for the windows, and maybe an other cube for the roof ? Or do you do it in only one shape ? And, is this the blueprint map you use for apply the texture in photoshop ? Or is it diiferent from the UV unfolding ?

    Most of the time, I’m zommed out to have a general view, but I like to see little people walking in the streets with the maximum zoom ๐Ÿ™‚

  4. B Boldzmann

    Very interesting blog! Tell us how you do the QA-testing of the game?

    • A Anno Community Team

      With care and attention to detail. ๐Ÿ™‚

      Joking aside, we’ll consider it for a future blogpost!

      • B Boldzmann

        It’s interesting because I’m the game QA-tester myself. This is a very delicate and painstaking process. I wonder how it is implemented in other company.

  5. S Swimming-Paul

    Very interesting post! I spend huge amounts of times, HOURS and hours on postcard mode, so I personally appreciate very very much your hard work in detail. The fishermans hut is already looking divine, and Iยดm very curious to know how that wooden floor is going to integrate when the fisheries are placed over a harbour area. Maybe wooden harbour areas would look great, too!

  6. S Soulridder

    Would be nice to see how a 3D mockup looks like compared to the other steps until the final building is done. Maybe this can be included in a future DevBlog or some kind of gallery with a building we already know. ๐Ÿ˜‰
    But nice to see how the buildings are actually created in Anno. Seems like you are doing
    for buildings mostly the same things I’m doing when I’m creating some 3D models just for fun (those days when you aren’t interested in programming and don’t know which games to play ^^ ).

    Thought I’m playing mostly while beeing zoomed out at max. level as it makes it easier to build the city. Then I’m zooming in to get all those details in my city and just do nothing while looking at all those details in the buildings itself.

    I’m also wondering if there are differences between ultra and low settings regarding poly-count of the buildings and textures? Like will extra textures or extra 3D models be created for different game settings? (I know some games do such things while other games don’t change anything or just the texture and again others use higher tesselation factors etc…)

    Maybe we can get a time-lapse video of the whole concept art, 3d modelling and animation process in the future. ๐Ÿ˜‰ It’s always fun to see those time-lapse videos of programming, modelling, concept art and animations. ๐Ÿ™‚

  7. p palemale53

    I have always been very interested in the process by which “assets” are created. I was particularly interested in how you achieve such a detailed texture while not sucking the life out of my poor PC.

    Is there any chance of a time-lapse video of this process, of taking the concept and making these fabulous buildings in an Anno game? Pretty please … ๐Ÿ˜‰

    • S Sting_McRay

      I hope they will make such video ๐Ÿ™‚

    • S Soulridder

      Would be nice to see a time-lapse video. ๐Ÿ™‚ Maybe even more than just of the modelling process, but also of the animation and concept art process.

  8. N Nox_29

    I always thought the Anno games where some of the most beautiful games out there. There’s always so much detail and effort put into everything you see. Sometimes I still discover something new while watching my city after years of playing!

    When playing against difficult AI players you unfortunately don’t have much time to look at the world in detail. But that’s why I like the quests where you have to find certain characters in your city. It really forces you to see the beauty.

You may also be interested in