Frictional Game Wiki

<h1>Level Editor - Props</h1> <div class="level1"> </div> <h2>Static Objects and Entities.</h2> <div class="level2"> <p> The HPL2 Level Editor is a prop heavy level designer. About 90% of your map will consist of prop <b>Walls, Ceilings, and Doorways. Props also make up details such as windows, furniture, debris, etc… I will talk about that later on. </b> </p> <p> Props are created by selecting the <em>Static Objects</em> tool(6) and some with the <em>Entity Tool</em> (7). Both tools do not use the same props, Static Objects is used for props that are used to <b>create the map, such as Walls, Ceilings, Doorways(not doors), Debris with physics(Rocks, Carpets).</b> </p> <p> The Entity Tool is used for props you can <b>interact and Script </b> with. <b>Props such as Doors, Closets and chests that open, tinderboxes/oil, NPC, interactive items, notes and diary entries. </b> Think <b>dynamic</b> with entities, they are the props that are used in scripting and events. Entities would be something like a key that opens a door, or a door that loads a new map. Entities are Props that can or do serve a purpose, <b>think physics, furniture, inventory items, quest items, levers, doors, torches, etc…</b> </p> <ul> <li class="level1"> &lt;nowiki>&#42;&lt;/nowiki>Example of Static Objects<b><a href="/lib/exe/fetch.php?tok=21cca6&media=http%3A%2F%2Ffarm7.static.flickr.com%2F6128%2F5964039925_f061a9f3dd_b.jpg" class="media" title="http://farm7.static.flickr.com/6128/5964039925_f061a9f3dd_b.jpg"><img src="/lib/exe/fetch.php?w=512&h=482&tok=e4f93e&media=http%3A%2F%2Ffarm7.static.flickr.com%2F6128%2F5964039925_f061a9f3dd_b.jpg" class="mediacenter" title="5964039925_f061a9f3dd_b.jpg" alt="5964039925_f061a9f3dd_b.jpg" width="512" height="482" /></a></b> Example of Entities&lt;nowiki>&#42;&lt;/nowiki>&lt;nowiki>&#42;&lt;/nowiki></li> </ul> <p> <a href="/lib/exe/fetch.php?tok=60d0e4&media=http%3A%2F%2Ffarm7.static.flickr.com%2F6122%2F5964597766_b714cfb8d5_b.jpg" class="media" title="http://farm7.static.flickr.com/6122/5964597766_b714cfb8d5_b.jpg"><img src="/lib/exe/fetch.php?w=512&h=512&tok=2e862e&media=http%3A%2F%2Ffarm7.static.flickr.com%2F6122%2F5964597766_b714cfb8d5_b.jpg" class="mediacenter" title="5964597766_b714cfb8d5_b.jpg" alt="5964597766_b714cfb8d5_b.jpg" width="512" height="512" /></a> </p> </div> <h1>Prop Dimensions(height, width, positions)</h1> <div class="level1"> </div> <h2>The importance.</h2> <div class="level2"> <p> Dimensions for props are incredibly important because knowing them makes mapping incredibly faster, more enjoyable, and less tedious. </p> <p> <b>Now this guide will be focused mainly on Static Objects because they need the correct sizes to look and fit right. They are like legos, all have set sizes to work with one another.</b> </p> <p> You might be asking “Why not entities?” the reason being for not going over entities is because they dont make up the surroundings of a level, such as walls, they are interactive or have scripting tied into them, you place them where you want and are mainly used for detail so correct placement doesnt fall under entities nearly as much as static objects. </p> <p> Now Knowing the correct sizes and sizes that work all around well together with props will allow you to <b>quickly map an area without trying to get size right or messing around with sizes to get things to fit right</b>. </p> <p> For Example, notice how this doesnt fit right.<b>(Left)</b> And how it does fit<b>(Right) CLICK TO ENLARGE!!!!</b> </p> <p> <a href="/lib/exe/fetch.php?tok=99074f&media=http%3A%2F%2Ffarm7.static.flickr.com%2F6007%2F5964273643_c5a9de35b6_b.jpg" class="media" title="http://farm7.static.flickr.com/6007/5964273643_c5a9de35b6_b.jpg"><img src="/lib/exe/fetch.php?w=200&h=187&tok=76cc98&media=http%3A%2F%2Ffarm7.static.flickr.com%2F6007%2F5964273643_c5a9de35b6_b.jpg" class="media" title="5964273643_c5a9de35b6_b.jpg" alt="5964273643_c5a9de35b6_b.jpg" width="200" height="187" /></a> <a href="/lib/exe/fetch.php?tok=b875bd&media=http%3A%2F%2Ffarm7.static.flickr.com%2F6012%2F5964271439_db2693afaa_b.jpg" class="media" title="http://farm7.static.flickr.com/6012/5964271439_db2693afaa_b.jpg"><img src="/lib/exe/fetch.php?w=200&h=188&tok=6e3f63&media=http%3A%2F%2Ffarm7.static.flickr.com%2F6012%2F5964271439_db2693afaa_b.jpg" class="media" title="5964271439_db2693afaa_b.jpg" alt="5964271439_db2693afaa_b.jpg" width="200" height="188" /></a> </p> </div> <h1>What are dimensions?</h1> <div class="level1"> <p> <b><span style = "color:inherit"><span style = "font-size:16pt:normal"><span style = "font-family:Times New Roman"><span style = "background-color:inherit">IMPORTANT: 99% OF WHAT THIS GOES OVER IS SIZE AND PLACEMENT, BOTH ARE IMPORTANT BUT CAN BE CONFUSING </span></span></span></span> </b> <span style = "color:inherit"><span style = "font-size:16pt:normal"><span style = "font-family:Times New Roman"><span style = "background-color:inherit">SO ANYTIME I TALK ABOUT SIZE OR PLACEMENT I WILL SAY SO BECAUSE THEY ARE VERY DIFFERENT. ROTATION WILL BE EXPLAINED BRIEFLY.</span></span></span></span> </p> <p> Dimensions fall under x/y/z and make up the placement, rotation, and size for any primitive, prop, and entity. They are what you base the Scale, depth(<b>depth is not used in the editor</b>), area, rotation, and position when using something as a 3D level editor using a grid axis<b>(X/Y/Z are the axis)</b> </p> <p> Now dimensions can be confusing in level editors because they change what they do whenever the rotation is changed, im not gonna bullshit anyone here, i dont know why that happens, im guessing, that when you rotate a flat plane to a curve instead of being perfectly straight wall or floor, is that then it starts using all 3 axis(X/Y/Z) instead of 2.<b> I will NOT BE GOING OVER THIS</b> </p> <p> Regardless, understanding the x/y/z when it comes to prop placement will make your mapping experience a WHOLE lot better. </p> </div> <h1>Dimensions with Scale and Placement - The most important part of this guide.</h1> <div class="level1"> <p> The easiest way I think of them when using <b>SCALE</b>is… </p> <p> 1. When dealing with <b>walls</b> of any kind, X is the <b>Width </b> and Y is the <b>Height</b>, <b>Z is not used</b>. </p> <p> 2. When dealing with <b>floors and/or ceilings </b> X is the<b>Width OR Height </b> and Z <b>is the Width OR Height, </b> Y is not used. </p> <p> Now after reading about floor and ceilings(#2), you might be wondering how X and Z could be either Width Or Height. Well its simple and not a big deal, it all depends on what way you viewing through the perspective camera. </p> <p> A good example for this is to create a floor with an X of 5 and a Z of 3 then look at a floor by placing your camera above it facing down. Then change the X size. Then Rotate your camera so you are looking down still but facing another side then change the X again and it should look like it changed its Height or Width depending on how you view it. </p> <p> Example of when X is the Height and Z is the Width: <a href="http://www.flickr.com/photos/65508834@N03/5965071992/sizes/l/in/photostream/" class="urlextern" title="http://www.flickr.com/photos/65508834@N03/5965071992/sizes/l/in/photostream/" rel="nofollow">http://www.flickr.com/photos/65508834@N03/5965071992/sizes/l/in/photostream/</a> </p> <p> Example of X being the Width and Z being the Height: <a href="http://www.flickr.com/photos/65508834@N03/5965072076/sizes/l/in/photostream/" class="urlextern" title="http://www.flickr.com/photos/65508834@N03/5965072076/sizes/l/in/photostream/" rel="nofollow">http://www.flickr.com/photos/65508834@N03/5965072076/sizes/l/in/photostream/</a> </p> <hr /> <p> To be more precise, what is considered width or height is relative. And what would you do if the widht and the height are the same? Instead, think in tearms of X-size and Z-size. </p> <p> In HPL2 engine, and thus in the level editor, the X-axis & the Z-axis lie in the ground plane, while the positive Y-axis points up. The editor displays each of these axes in a different color, allowing you to orient yourself. <span style = "color:#FF0000"><span style = "font-size:9pt:bold"><span style = "font-family:Arial"><span style = "background-color:inherit ">X is RED</span></span></span></span> , <span style = "color:#008800"><span style = "font-size:9pt:bold"><span style = "font-family:Arial"><span style = "background-color:inherit ">Y is GREEN</span></span></span></span> , and <span style = "color:#0000FF"><span style = "font-size:9pt:bold"><span style = "font-family:Arial"><span style = "background-color:inherit ">Z is BLUE</span></span></span></span> . This is easy to remember - those are the main components of the RGB color model. </p> <p> In short: </p> <span class='np_break'> </span> <div class="table"><table class="inline"> <tr class="row0"> <td class="col0">X </td><td class="col1">Y </td><td class="col2">Z </td> </tr> <tr class="row1"> <td class="leftalign"><span style = "color:#FF0000"><span style = "font-size:12pt:bold"><span style = "font-family:Arial"><span style = "background-color:inherit ">R</span></span></span></span> </td><td class="leftalign"><span style = "color:#00FF00"><span style = "font-size:12pt:bold"><span style = "font-family:Arial"><span style = "background-color:inherit ">G</span></span></span></span> </td><td class="leftalign"><span style = "color:#0000FF"><span style = "font-size:12pt:bold"><span style = "font-family:Arial"><span style = "background-color:inherit ">B</span></span></span></span> </td> </tr> </table> <span class='np_break'> </span> </div> <p> <a href="/lib/exe/fetch.php?tok=1a2010&media=http%3A%2F%2Ffarm7.static.flickr.com%2F6079%2F6039969248_48a365cc7c.jpg" class="media" title="http://farm7.static.flickr.com/6079/6039969248_48a365cc7c.jpg"><img src="/lib/exe/fetch.php?tok=1a2010&media=http%3A%2F%2Ffarm7.static.flickr.com%2F6079%2F6039969248_48a365cc7c.jpg" class="medialeft" title="6039969248_48a365cc7c.jpg" alt="6039969248_48a365cc7c.jpg" /></a> </p> <p> This color scheme is followed both for the global (world) coordinate system, as well as for the local (object-space) coordinate system. </p> <p> The translation, rotation and scale indicators/manipulators seen in the image are called gizmos. To make object positioning easier, the level editor does not rotate the translation gizmo along with your object, so it is allways alligned to the world coordinate axes. The rotation and scale gizmos are, however, rotated with the object, so that the object can be properly manipulated. The scale gizmo is similar to the translation gizmo. The rotation gizmo is a bit different, but the color scheme makes it simple to understand and use. Each of the circles rotates like a wheel, and each rotates along a single <em>local</em> axis. However, note that the corresponding values that appear on the General panel are <em>global,</em> and that, after a few complicated rotations, will not reflect the behavior of the gizmo. This is done on purpose, so that the engine can track the rotations properly, while allowing for a more intuitive control over rotations for humans. </p> <p> <br/> </p> </div> <h2>Mathematics of Scale and Placement.(Primitives and Static Objects only)</h2> <div class="level2"> <p> For this sub-section, <b>SCALE </b> is bolded when specificly talking about Size and <b>PLACEMENT</b> when about placement, they are different with numbers. </p> <p> Now onto the mathematics part of Prop Scale and placement and how to always know that walls/floors/ceilings will fit or make fit. </p> <p> Every Static Object, walls, floors, ceilings, bridges, anything big. Everything uses multiples for there <b>SCALE </b> and <b>PLACEMENT.</b> <b>Multiples Are numbers that can be divided by another number without a remainder.</b> </p> <p> <b>An Example of Multiples for those who failed basic math or just dont remember</b>: 2+2+2+2+2+2=12, <b>2 goes into 12 6 times which is also </b> 2×6, 12 divided by 2 is 6. (2, 3, 4 ,6 are all multiples of 12 because 2,3,4,6 can all be multiplied into 12, 2×6=12, 4×3=12 and can be divided from 12.) </p> <p> Now Amnesia also uses these and reading this guide will hopefully give you an easy understanding of how they are used when creating the right <b>SCALE </b> and <b>PLACEMENT</b> with planes and props. Learning this will let you almost never have to bother with resizing unless it is on purpose for a custom fit. </p> <p> When dealing with anything that lets you adjust the scale/position it will go up or down by 0.25 when you pressed the - or +. From what ive noticed, going up or down by 0.25 does not let things fit 90%. It either makes it a bit to small or a bit to big. Dont fear, you are not stuck to using multiples of 0.25 and there are better multiples to go by that work perfectly with props and primitives. </p> </div> <h2>Multiples when changing Scale, how they work, and Why correct Scale is perfect.</h2> <div class="level2"> <p> <b> As I said earlier this guide only goes over Static Objects that include walls/doorways/ceilings/floors and Primitive planes.</b> </p> <p> Also, I do not know every single prop the multiples for them. I do know however, from the amount i tested and seeing how similar Props Scale with one another, i feel safe to say that everything said in this sub-section can be used and will work. </p> <p> So far using multiples of 2 and 4 work perfectly for Walls. You should never go wrong with walls using multiples of 2 and 4. </p> <p> <b>Examples(look at the scale, not position)</b> </p> <p> <b>Notice the image below, a Plane wall is matched up against half a prop wall. The scale is x=2 and y=4 the x is the width while the height is the y. This is good to know because when using short walls(usually named default_short) you know that the floor will have to be a multiple of 2 and the height should always be 4 unless you change it.</b> </p> <p> Now this is where knowing dimensions can be helpful. Say you use 4×4 walls(thats next up) and want to end on a short wall(what is shown below) you cannot fit a small wall in a room that X=20 and Z=20 when 4×4 walls are being used and only one 2×4 wall. You might be asking why? They are both multiples of 2 and 4 and thats the issue, a 2×4 wall is half a 4×4 wall in width so you would need to change the X to become only a multiple of 2 and not a multiple of both 2 and 4. <b>Think of it as you added half a 4×4 wall so you have to make up for the missing half.</b> </p> <p> <a href="/lib/exe/fetch.php?tok=a43270&media=http%3A%2F%2Ffarm7.static.flickr.com%2F6137%2F5964596944_fcd7b4af93_b.jpg" class="media" title="http://farm7.static.flickr.com/6137/5964596944_fcd7b4af93_b.jpg"><img src="/lib/exe/fetch.php?w=900&h=677&tok=b17646&media=http%3A%2F%2Ffarm7.static.flickr.com%2F6137%2F5964596944_fcd7b4af93_b.jpg" class="medialeft" title="5964596944_fcd7b4af93_b.jpg" alt="5964596944_fcd7b4af93_b.jpg" width="900" height="677" /></a> </p> <p> Heres an example of a 4×4 wall, the most basic and probably most used wall size in game. Rooms need to be sized as a multiple of 4, such as X=16 and Z=8 <b>You wouldnt use any other multiple EXCEPT 4 when getting 4×4 walls to fit, that is if you dont rescale them(I dont advise this at all for walls)</b> </p> <p> <a href="/lib/exe/fetch.php?tok=551d6b&media=http%3A%2F%2Ffarm7.static.flickr.com%2F6135%2F5964039211_881e3b5beb_b.jpg" class="media" title="http://farm7.static.flickr.com/6135/5964039211_881e3b5beb_b.jpg"><img src="/lib/exe/fetch.php?w=900&h=900&tok=642980&media=http%3A%2F%2Ffarm7.static.flickr.com%2F6135%2F5964039211_881e3b5beb_b.jpg" class="medialeft" title="5964039211_881e3b5beb_b.jpg" alt="5964039211_881e3b5beb_b.jpg" width="900" height="900" /></a> </p> <p> Now this is when walls can get confusing when trying to get a perfect fit. Curved walls are actually made up of four 2×4 walls. You can see in the image below that one of the four sections to fill is 2×4. Now what does this mean? It means the wall, if made flat, is actually 8×4(because four 2×4 = 4 x 2 = 8×4, Do not worry about the height which is 4) </p> <p> Now that means your floor has to have a Scale that makes X+Z=7.75 for a perfect fit(it would equal 8 but since it curves it doesnt use part of a corner, saving 0.25 of space) That is because its essentially two 4×4 walls that are just curved together so it needs the same space to fit as if it was a 8×4 wall.<b>(Note, the floor is not matched for a perfect fit with wall because i do not have X+Z=7.75)</b> </p> <p> <a href="/lib/exe/fetch.php?tok=ba1fac&media=http%3A%2F%2Ffarm7.static.flickr.com%2F6139%2F5964597052_e0e758dbd7_b.jpg" class="media" title="http://farm7.static.flickr.com/6139/5964597052_e0e758dbd7_b.jpg"><img src="/lib/exe/fetch.php?w=900&h=900&tok=4ff261&media=http%3A%2F%2Ffarm7.static.flickr.com%2F6139%2F5964597052_e0e758dbd7_b.jpg" class="medialeft" title="5964597052_e0e758dbd7_b.jpg" alt="5964597052_e0e758dbd7_b.jpg" width="900" height="900" /></a> </p> <p> Now those three types of walls are in every set and follow the same type of scales and dimensions, so when you use walls like these, remember multiples of 2 and 4. </p> <p> That being said, not everything under walls uses multiples of 2s and 4s, but will use multiples of 2,4,5,10. Walls like these tend to be bigger or unique, </p> </div> <h1>Props sets and bases. THIS IS A WORK IN PROGRESS BY REL BELOW THIS LINE.</h1> <div class="level1"> <p> From what I have learned is that every set(masionbase/dungeonbase/etc…) work perfectly inside there own sets. Think of a set of pieces that are made to work with each other, this is on purpose because of how the devs built the game, they created a buch of props and put them into catagorys that <b>will always work when used in there respective sets.</b> </p> <p> <span style = "color:inherit"><span style = "font-size:14pt:normal"><span style = "font-family:Arial"><span style = "background-color:inherit ">Props in the same set/base(mansionbase/cisternbase/dungeonbase/etc…) WILL ALWAYS WORK AND LOOK GOOD</span></span></span></span> </p> <p> someone has to finish this tutorial </p> </div>