Frictional Game Wiki

<h1>Creating Outdoor Levels</h1> <div class="level1"> <p> This page contains more general guidelines about creating outdoor levels, rather than being a regular tutorial. It is assumed you already know your way around the Level Editor. Pictures to come! </p> <p> <u><b>Before you start:</b></u> Make sure that all plant models which you place have disabled collision (if they are static objects, because their collision is very buggy). Alternatively, create collision-less entities for every plant you are going to use. </p> </div> <h2>Nature</h2> <div class="level2"> </div> <h3>1. Randomness</h3> <div class="level3"> <p> All that is created by nature happens randomly, in a way. Take a look at any photograph of woods, for example; chances are, you're not gonna see any regular patterns. This is the look one needs to achieve when creating a nature scene. </p> <p> Firstly, make sure you have at least a few different plant models. Plants rarely form one-species colonies, usually there's a mix of many different plants. In author's experience, 3-4 types of tree and 3-4 bush or weed models is enough (there are some very good tree models in Amnesia: the Machine for Pigs).<br/> Secondly, and more importantly; Make sure that plants aren't forming any regular patterns and that every model is rotated differently. Using the Q/E rotation feature is enough, just make sure that plants rotated in the same direction are far enough not to notice it. </p> </div> <h3>2. Ground</h3> <div class="level3"> <p> The absolute best method of creating the ground would be to get a custom terrain model. A more available, still good way to create the ground would be to 'sculpt' with retextured (e.g. as grass) <code>dirt_pile</code> models and leave a path texture underneath them: </p> <p> <img src="/lib/exe/fetch.php?w=565&h=314&tok=1356e0&media=https%3A%2F%2Fmedia.moddb.com%2Fimages%2Fmembers%2F3%2F2982%2F2981770%2Fprofiletutorial%2FLevelEditor_2019-02-15_14-01-30-.jpg" class="mediacenter" title="leveleditor_2019-02-15_14-01-30-.jpg" alt="leveleditor_2019-02-15_14-01-30-.jpg" width="565" height="314" /> </p> <p> However if that sounds too hard for you, you can use the following method:<br/> <br/> Let's start with a plane. Depending on what you are trying to create, that might be dirt, grass, or maybe foliage mixed with wooden chips. Regardless of what you choose, you will need to create paths along which the player will walk. Of course you could leave those out, but usually when people live near nature, they form footpaths. </p> <p> There are two approaches you might take for creating paths: The first is creating them with dirt decals on a grass plane, the second is using grass decals on a dirt plane. Since the first one is less time consuming and yields better results, we will focus on that one. Alternatively you can use custom terrain models instead of planes. </p> <p> As you might have noticed, both the grass texture and decal which come with Amnesia are quite an eyesore. The fact that they look almost exactly the same as the dirt textures doesn't help either. This pretty much requires you to get a custom grass texture. Once you have it, create a big plain with it. We will leave the process of creating paths for later, since we first need to create an outline for the level. </p> </div> <h3>4. The outline</h3> <div class="level3"> <p> Unfortunately, due to HPL2's limitations, we cannot afford to create a wide expanse of trees which will serve as the background. Besides, we need to constrict the players movement in some way; after all, it's a videogame you're making. After multiple different approaches, I found this to be the best solution for making a tree border: </p> <p> Locate the tree backdrop texture <code>static_objects/outside/ground/zimmerman_ground_forest.mat</code>, and create a vertical section which you will copy or extend. Now use that section to outline a rough parameter around your outdoor area. Make sure not to leave any narrow corridors, as you will be placing tree models by those textures. If there are any narrow indentations in the tree line, don't use this backdrop to create them - tree models will be enough. If you need a level transition which isn't an entrance to a building, create a corridor with a sharp turn, beyond which the player won't be able to see. </p> <p> Now you're ready to start placing trees. Firstly, to finish the outline, densely place tree models just in front of the backdrop. Of course you could use other models, but Amnesia's lowpoly pine model (<code>static_objects/outside/tree/pine_lowpoly_2</code>) is great for this purpose (and it helps the performance as well). After covering the whole perimeter, start placing regular tree models a bit further from the backdrop (make sure to differentiate and rotate the models!). You can place some trees in the open as well. Since you should be disabling the collision of all of the trees, you need to recreate it using the <code>block_box</code> entity (unless you have a custom tree entity, of course).<img src="/lib/exe/fetch.php?w=403&h=283&tok=f0d145&media=https%3A%2F%2Fmedia.moddb.com%2Fimages%2Fmembers%2F3%2F2982%2F2981770%2Fprofiletutorial%2FLevelEditor_2019-02-15_14-12-40-.jpg" class="medialeft" title="leveleditor_2019-02-15_14-12-40-.jpg" alt="leveleditor_2019-02-15_14-12-40-.jpg" width="403" height="283" /><img src="/lib/exe/fetch.php?w=393&h=281&tok=989719&media=https%3A%2F%2Fmedia.moddb.com%2Fimages%2Fmembers%2F3%2F2982%2F2981770%2Fprofiletutorial%2FLevelEditor_2019-02-15_14-19-33-.jpg" class="mediaright" title="leveleditor_2019-02-15_14-19-33-.jpg" alt="leveleditor_2019-02-15_14-19-33-.jpg" width="393" height="281" /> </p> </div> <h3></h3> <div class="level3"> <p> <img src="/lib/exe/fetch.php?w=640&h=360&tok=00f74a&media=https%3A%2F%2Fmedia.moddb.com%2Fimages%2Fmembers%2F3%2F2982%2F2981770%2Fprofiletutorial%2FAmnesia_2019-02-15_14-34-31-15.jpg" class="mediacenter" title="amnesia_2019-02-15_14-34-31-15.jpg" alt="amnesia_2019-02-15_14-34-31-15.jpg" width="640" height="360" /> </p> </div> <h3>5. Paths</h3> <div class="level3"> <p> Coming back to the topic of paths; having created the outline, we need to place paths, as they will be the basis upon which the details will be made. Select a decal of choice (I recommend the vanilla grass decal, but tinge it yellow so that it looks like dirt). Check the "Rotate randomly" option, and set the range from 0 to 360 degrees. Then set "Randomize scale" from, for example, <code>1.0</code> to <code>1.25</code>. Setting a constant scale works as well, just make sure it's big enough to minimize the number of placed decals and that it's small enough not to look bad. </p> <p> <img src="/lib/exe/fetch.php?w=202&h=282&tok=e4c883&media=https%3A%2F%2Fmedia.moddb.com%2Fimages%2Fmembers%2F3%2F2982%2F2981770%2Fprofiletutorial%2FLevelEditor_2019-02-15_14-40-09-.jpg" class="mediacenter" title="leveleditor_2019-02-15_14-40-09-.jpg" alt="leveleditor_2019-02-15_14-40-09-.jpg" width="202" height="282" /> </p> <p> Start "drawing" the paths by placing the decals. Make sure that the path is rather irregular, jagged at the edges. To make the workflow faster, if the decal on your cursor doesn't fit, place it anywhere and hit <code>Ctrl+Z</code> in order for the decal at your cursor to change. </p> <p> <img src="/lib/exe/fetch.php?w=459&h=341&tok=d5cebc&media=https%3A%2F%2Fmedia.moddb.com%2Fimages%2Fmembers%2F3%2F2982%2F2981770%2Fprofiletutorial%2FLevelEditor_2019-02-15_14-40-12-.jpg" class="mediacenter" title="leveleditor_2019-02-15_14-40-12-.jpg" alt="leveleditor_2019-02-15_14-40-12-.jpg" width="459" height="341" /> </p> </div> <h3>6. Grass</h3> <div class="level3"> <p> This step isn't necessary, but it makes for some great looks. Place the grass model all over the map, save for the places where you placed paths. <b>Important! If you are using the static object grass, make sure to disable collision. </b> Alternatively, and more conveniently (it saves a lot of time), you can create a grass entity which doesn't have collision. </p> <p> Make sure to scale the grass model up in order to lower the number of placed models. Depending if you want short or tall grass, use scale from <code>1.25</code> to <code>1.75</code>. </p> <p> <img src="/lib/exe/fetch.php?w=601&h=337&tok=a71801&media=https%3A%2F%2Fmedia.moddb.com%2Fimages%2Fmembers%2F3%2F2982%2F2981770%2Fprofiletutorial%2FAmnesia_2019-02-15_14-48-25-37.jpg" class="mediacenter" title="amnesia_2019-02-15_14-48-25-37.jpg" alt="amnesia_2019-02-15_14-48-25-37.jpg" width="601" height="337" /> </p> <p> Unfortunately the grass texture I chose doesn't blend in with the grass model very well, so take that into consideration when you're choosing one. </p> </div> <h3>7. Details</h3> <div class="level3"> <p> Now, the level should look roughly fine. To add some flair to it, let's place details; Just randomly slap the following models all over the place: rocks from the debris folder (submerge them in the ground unless they're the flat ones), the gravel and puddles from entities (or static objects) /decals and bushes or other foliage models which you have. Just make sure not to overdo it, those models of the same kind should not be clustered together too much. </p> <p> <img src="/lib/exe/fetch.php?w=664&h=373&tok=8fc7a1&media=https%3A%2F%2Fmedia.moddb.com%2Fimages%2Fmembers%2F3%2F2982%2F2981770%2Fprofiletutorial%2FAmnesia_2019-02-15_14-56-59-80.jpg" class="mediacenter" title="amnesia_2019-02-15_14-56-59-80.jpg" alt="amnesia_2019-02-15_14-56-59-80.jpg" width="664" height="373" /> </p> </div> <h3>8. The backdrop</h3> <div class="level3"> <p> What you have already is more than enough, but you can spice it up even more! You can place the dirt_pile model (scaled ~100 times) moderately far behind the backdrop textures to make them look like hills / mountains. To amplify the effect, place some trees on those hills. You can also place some cloud billboards, and perhaps a moon, if there isn't one on the skybox. Speaking of skyboxes, having one is pretty much necessary - a unitone sky doesn't look good at all. </p> </div> <h3>9. Lighting</h3> <div class="level3"> <p> This is a topic for a whole different article, but here are some general tips.<br/> Cover the whole level with a BoxLight. Make sure it isn't too bright (<code>>0.7</code>), because it will look bad even if you're making a day scene. If you need sharper lighting, you can place some SpotLights in the sky here and there. Enabling shadows on them looks great, but unfortunately can decrease the performance significantly, so use it with caution. Use PointLights in the more lit areas (e.g. between trees). </p> <p> <img src="/lib/exe/fetch.php?w=758&h=426&tok=c13ecf&media=https%3A%2F%2Fmedia.moddb.com%2Fimages%2Fmembers%2F3%2F2982%2F2981770%2Fprofiletutorial%2FAmnesia_2019-02-15_15-07-16-64.jpg" class="mediacenter" title="amnesia_2019-02-15_15-07-16-64.jpg" alt="amnesia_2019-02-15_15-07-16-64.jpg" width="758" height="426" /> </p> <p> Unfortunately, the MFP trees don't cast nice shadows, so I made a custom gobo from some asset I grabbed off the internet: </p> <p> <img src="/lib/exe/fetch.php?w=739&h=416&tok=1cca1b&media=https%3A%2F%2Fmedia.moddb.com%2Fimages%2Fmembers%2F3%2F2982%2F2981770%2Fprofiletutorial%2FAmnesia_2019-02-15_15-18-13-42.jpg" class="mediacenter" title="amnesia_2019-02-15_15-18-13-42.jpg" alt="amnesia_2019-02-15_15-18-13-42.jpg" width="739" height="416" /> </p> <p> You can download that gobo here: </p> <p> <a href="https://www.moddb.com/addons/leaf-gobo" class="media" title="https://www.moddb.com/addons/leaf-gobo" rel="nofollow"><img src="/lib/exe/fetch.php?tok=042881&media=https%3A%2F%2Fbutton.moddb.com%2Fdownload%2Fmedium%2F174647.png" class="media" alt="" /></a> </p> </div> <h2>Man made structures</h2> <div class="level2"> <p> So what about buildings ? Unless you want a castle, which Amnesia is well prepared for, you are best off using the Machine For Pigs building assets. If you don't have those, your best option is using dungeonbase or castlebase (or cisternbase for that matter, but it has way less assets). Rooftops can be created with upscaled planks. Make sure to work some windows into the building. Don't make the building a one solid brick; add balconies, protrusions etc. </p> <p> But what about other structures ? You can create roads by elevating a texture above the grass and surrounding it with a curb; I made my curbs using the railing from castlebase and submerging it into the ground. Not the best move resource-wise, but for small maps it's ok. Generally, you can make a lot of stuff using planes and reusing models for something else, e.g. Use one of the square windows from castlebase to create a small fountain or a planter. </p> </div>