Frictional Game Wiki

<h1>Level Editor - Outdoor Environments</h1> <div class="level1"> <p> Outdoor Environments Tutorial <br/> <a href="/lib/exe/fetch.php?tok=6e3c0e&media=http%3A%2F%2Fimg12.imageshack.us%2Fimg12%2F8013%2Fss1io.jpg" class="media" title="http://img12.imageshack.us/img12/8013/ss1io.jpg"><img src="/lib/exe/fetch.php?tok=6e3c0e&media=http%3A%2F%2Fimg12.imageshack.us%2Fimg12%2F8013%2Fss1io.jpg" class="media" title="ss1io.jpg" alt="ss1io.jpg" /></a><br/> Note: This tutorial assumes you have some experience with the HPL Level Editor.<br/> <br/> Hello fellow modders, I thought I'd just give a few tips on one of Amnesia's most touchy subjects - outdoor environments. Amnesia is somewhat limited in this area, as the game is mostly meant for dark indoor environments. However, including a breathtaking outdoor area can serve as a contrast to your scary inner-dungeons, making those dark areas all the more terrifying and the outdoor areas all the more peaceful. </p> <p> Step 1: </p> <p> <br/> The Skybox <br/> <br/> Perhaps the most important thing in distinguishing an area as being outdoors is the skybox. Fortunately, this is a pretty easy thing to add, but hard to get completely right.<br/> <br/> <a href="/lib/exe/fetch.php?tok=eb8e48&media=http%3A%2F%2Fimg685.imageshack.us%2Fimg685%2F7468%2F82603570.jpg" class="media" title="http://img685.imageshack.us/img685/7468/82603570.jpg"><img src="/lib/exe/fetch.php?tok=eb8e48&media=http%3A%2F%2Fimg685.imageshack.us%2Fimg685%2F7468%2F82603570.jpg" class="media" title="82603570.jpg" alt="82603570.jpg" /></a><br/> Open Level Settings. Skybox should be the first menu already selected, so no need to go anywhere else. First, click "Active." This will color the sky whatever the default color is. That doesn't look very good, however, so we need to actually include a giant CubeMap (.dds) texture to serve as the actual skybox. A .dds file is essentially a JPEG (or whatever other format) that is cut into different sections, that when folded together, makes a cube.<br/> <br/> <a href="/lib/exe/fetch.php?tok=731df1&media=http%3A%2F%2Fimg189.imageshack.us%2Fimg189%2F6979%2F34623632.jpg" class="media" title="http://img189.imageshack.us/img189/6979/34623632.jpg"><img src="/lib/exe/fetch.php?tok=731df1&media=http%3A%2F%2Fimg189.imageshack.us%2Fimg189%2F6979%2F34623632.jpg" class="media" title="34623632.jpg" alt="34623632.jpg" /></a><br/> <br/> To make a .dds format file, you will need a Photo editing program. Adobe Photoshop is preferred, but the free "GIMP" can be used as well. For either program, you will need a special program that can convert normal pictures to .dds files.<br/> <br/> <a href="http://developer.nvidia.com/nvidia-texture-tools-adobe-photoshop" class="urlextern" title="http://developer.nvidia.com/nvidia-texture-tools-adobe-photoshop" rel="nofollow">Photoshop .dds Plugin</a> <br/> <a href="http://code.google.com/p/gimp-dds/" class="urlextern" title="http://code.google.com/p/gimp-dds/" rel="nofollow">GIMP .dds Plugin</a> <br/> <br/> Advanced modders can now create their own skyboxes by cutting an image into the appropriate shapes and saving it as a .dds. For those less experienced, you can download a LOT of Skybox textures at <a href="http://www.cgtextures.com/" class="urlextern" title="http://www.cgtextures.com/" rel="nofollow">http://www.cgtextures.com</a>.<br/> <br/> <a href="http://www.cgtextures.com/textures.php?t=browse&q=23740" class="urlextern" title="http://www.cgtextures.com/textures.php?t=browse&q=23740" rel="nofollow">Here</a> is a link to pre-made sky CubeMaps. Pick any sky you would like to see in-game.<br/> <br/> <a href="/lib/exe/fetch.php?tok=66c2b2&media=http%3A%2F%2Fimg535.imageshack.us%2Fimg535%2F244%2F88434815.jpg" class="media" title="http://img535.imageshack.us/img535/244/88434815.jpg"><img src="/lib/exe/fetch.php?tok=66c2b2&media=http%3A%2F%2Fimg535.imageshack.us%2Fimg535%2F244%2F88434815.jpg" class="media" title="88434815.jpg" alt="88434815.jpg" /></a><br/> <br/> Be sure to select the CubeMap file and not the normal .JPEG . Select the largest size you can download for highest resolution. Next, open the CubeMap .jpg you just downloaded in Photoshop or GIMP. Change the image size so that both Height and Width are multiples of 2. ( 8192×1024 is a good size. Don't worry that the quality shrinks when you enlarge it, it will be shrunk back down in game). Next, save the file as .dds. Pictured is the Photoshop plugin .dds exporter. I personally have never used GIMP, so consult the documentation of that specific .dds exporter for more help on this part. </p> <hr /> <p> <a href="/lib/exe/fetch.php?tok=f84f92&media=http%3A%2F%2Fimg843.imageshack.us%2Fimg843%2F3717%2F85200993.jpg" class="media" title="http://img843.imageshack.us/img843/3717/85200993.jpg"><img src="/lib/exe/fetch.php?tok=f84f92&media=http%3A%2F%2Fimg843.imageshack.us%2Fimg843%2F3717%2F85200993.jpg" class="media" title="85200993.jpg" alt="85200993.jpg" /></a><br/> Make sure the settings match mine.<br/> <br/> Assuming you have created a custom_story folder, save your .dds in (custom_stories/your game/textures/). Then, go back to your SkyBox settings in the Level Settings menu, and simply select the .dds file you have created. The sky should display in-game now.<br/> <br/> <a href="/lib/exe/fetch.php?tok=b6c88d&media=http%3A%2F%2Fimg845.imageshack.us%2Fimg845%2F4112%2F18979797.jpg" class="media" title="http://img845.imageshack.us/img845/4112/18979797.jpg"><img src="/lib/exe/fetch.php?tok=b6c88d&media=http%3A%2F%2Fimg845.imageshack.us%2Fimg845%2F4112%2F18979797.jpg" class="media" title="18979797.jpg" alt="18979797.jpg" /></a> </p> <p> Step 2: </p> <p> <br/> Making the Sky Realistic <br/> <br/> Just because you stuck a pretty sky in the area doesn't mean your actual area will now look good.<br/> <br/> Creating the Sun (or the Moon) <br/> To make a direct source of your area's light, make a Billboard with the White Halo as the texture.<br/> <br/> <a href="/lib/exe/fetch.php?tok=82bece&media=http%3A%2F%2Fimg219.imageshack.us%2Fimg219%2F1262%2F71388779.jpg" class="media" title="http://img219.imageshack.us/img219/1262/71388779.jpg"><img src="/lib/exe/fetch.php?tok=82bece&media=http%3A%2F%2Fimg219.imageshack.us%2Fimg219%2F1262%2F71388779.jpg" class="media" title="71388779.jpg" alt="71388779.jpg" /></a><br/> <br/> Change the settings of the Billboard to "Point", and then scale the size of it upwards to however large you would like the Sun or the Moon to look. Change the color to a yellow-ish tint if you want the Sun to, well, look like the Sun.<br/> <br/> <a href="/lib/exe/fetch.php?tok=ad1c9d&media=http%3A%2F%2Fimg20.imageshack.us%2Fimg20%2F3543%2F13304701.jpg" class="media" title="http://img20.imageshack.us/img20/3543/13304701.jpg"><img src="/lib/exe/fetch.php?tok=ad1c9d&media=http%3A%2F%2Fimg20.imageshack.us%2Fimg20%2F3543%2F13304701.jpg" class="media" title="13304701.jpg" alt="13304701.jpg" /></a><br/> <br/> Place the newly created Billboard at the brighest spot in your Skybox texture. This actually creates a pretty realistic looking sun. </p> <hr /> <p> <a href="/lib/exe/fetch.php?tok=6e3c0e&media=http%3A%2F%2Fimg12.imageshack.us%2Fimg12%2F8013%2Fss1io.jpg" class="media" title="http://img12.imageshack.us/img12/8013/ss1io.jpg"><img src="/lib/exe/fetch.php?tok=6e3c0e&media=http%3A%2F%2Fimg12.imageshack.us%2Fimg12%2F8013%2Fss1io.jpg" class="media" title="ss1io.jpg" alt="ss1io.jpg" /></a><br/> <br/> Next, to simulate the actual light coming from the Sun, create a Spot Light near the sun, shining in the direction it should be shining. Enable Shadow Casting for realism. Tint the light to whatever color the Sun or the Moon is.<br/> <br/> <a href="/lib/exe/fetch.php?tok=8b4d00&media=http%3A%2F%2Fimg716.imageshack.us%2Fimg716%2F9153%2F79191565i.jpg" class="media" title="http://img716.imageshack.us/img716/9153/79191565i.jpg"><img src="/lib/exe/fetch.php?tok=8b4d00&media=http%3A%2F%2Fimg716.imageshack.us%2Fimg716%2F9153%2F79191565i.jpg" class="media" title="79191565i.jpg" alt="79191565i.jpg" /></a><br/> <br/> <br/> [i]There are more things you can do to enhance the quality of the light source, but you will figure them out through experimentation. </p> <p> Step 3: </p> <p> <br/> Terrain <br/> <br/> <a href="/lib/exe/fetch.php?tok=82c55d&media=http%3A%2F%2Fimg851.imageshack.us%2Fimg851%2F4420%2F52299462.jpg" class="media" title="http://img851.imageshack.us/img851/4420/52299462.jpg"><img src="/lib/exe/fetch.php?tok=82c55d&media=http%3A%2F%2Fimg851.imageshack.us%2Fimg851%2F4420%2F52299462.jpg" class="media" title="52299462.jpg" alt="52299462.jpg" /></a><br/> <br/> Terrain is undoubetdly the HPL Level editor's weak point. Making terrain requires a bit of creativity with already-existing static objects in the editor, notably the the dirt_mould_pile model from the dungeonbase set.<br/> <br/> You can see in the picture that the obvious gigantic scale of the dirt pile has blurred the textures alot. However, once you enable realistic lighting, much of the detail becomes hidden and thus, not relevant.<br/> <br/> Mountains <br/> <br/> <a href="/lib/exe/fetch.php?tok=ffd800&media=http%3A%2F%2Fimg715.imageshack.us%2Fimg715%2F4813%2F12708082.jpg" class="media" title="http://img715.imageshack.us/img715/4813/12708082.jpg"><img src="/lib/exe/fetch.php?tok=ffd800&media=http%3A%2F%2Fimg715.imageshack.us%2Fimg715%2F4813%2F12708082.jpg" class="media" title="12708082.jpg" alt="12708082.jpg" /></a><br/> For distant mountains, use the dirt_mould_pile model in Static Objects under "dungeonbase". Set the scale of the model to be extremely random, simulating natural mountains. Additionally, create some HUGE mountains extremely far away from the camera. This creates the illusion of the grand scale of the outdoors. </p> <hr /> <p> <a href="/lib/exe/fetch.php?tok=d44b0b&media=http%3A%2F%2Fimg156.imageshack.us%2Fimg156%2F5084%2F53407117.jpg" class="media" title="http://img156.imageshack.us/img156/5084/53407117.jpg"><img src="/lib/exe/fetch.php?tok=d44b0b&media=http%3A%2F%2Fimg156.imageshack.us%2Fimg156%2F5084%2F53407117.jpg" class="media" title="53407117.jpg" alt="53407117.jpg" /></a><br/> <br/> Note how the giant mountain in the back looks as if it is connected to the foreground. In reality, it is extremely far back, but just scaled three times as large, to give the illusion of extremely far away but gigantic mountains without losing texture quality.<br/> <br/> Trees <br/> <br/> Using the pine tree model under the "outdoor" base, follow the same suggestions with the mountains. </p> <p> Step 4: </p> <p> <br/> Structures / Grass <br/> <br/> <a href="/lib/exe/fetch.php?tok=9f1b3f&media=http%3A%2F%2Fimg691.imageshack.us%2Fimg691%2F4985%2F27113697.jpg" class="media" title="http://img691.imageshack.us/img691/4985/27113697.jpg"><img src="/lib/exe/fetch.php?tok=9f1b3f&media=http%3A%2F%2Fimg691.imageshack.us%2Fimg691%2F4985%2F27113697.jpg" class="media" title="27113697.jpg" alt="27113697.jpg" /></a><br/> <br/> Again, simulating gigantic outdoor architecture involves similar tricks. You must remember that the player can only see what you allow them to see. By creating vistas as shown in the picture, you can fool them into thinking they are in a gigantic wide open outdoor area.<br/> <br/> As for actually creating outdoor structures, I have no advice. I literally just stuck a bunch of walls and pillars next to each other and ended up with a pretty cool looking courtyard. Remember you don't really need a ceiling to most of your outdoor buildings, as the player is never going to gain the power of flight to see up there.<br/> <br/> To transition to an indoor area, simply put a doorway and then a lower ceiling inside. The player won't see the ugly space in between outside and inside, so there won't be a problem.<br/> <br/> Grass <br/> <br/> <a href="/lib/exe/fetch.php?tok=240490&media=http%3A%2F%2Fimg200.imageshack.us%2Fimg200%2F520%2F94271174.jpg" class="media" title="http://img200.imageshack.us/img200/520/94271174.jpg"><img src="/lib/exe/fetch.php?tok=240490&media=http%3A%2F%2Fimg200.imageshack.us%2Fimg200%2F520%2F94271174.jpg" class="media" title="94271174.jpg" alt="94271174.jpg" /></a><br/> <br/> In the "outdoor" set of Static Objects there are a few low-poly grass models. Set some random scale, and place away. Do not be afraid to put a LOT of grass everywhere - the model is very low poly and then engine can run perfectly fine with a lot of grass on screen. Occasionally throw a bush or a shrub in to even out things. Remember, nature is very random. </p> </div>