Difference between revisions of "HPL2/Tutorials/Level Design"

From Frictional Wiki
Jump to navigation Jump to search
(→‎Billboards: Content)
m (→‎Billboards: fixed list formatting)
 
(6 intermediate revisions by the same user not shown)
Line 10: Line 10:
 
Let's start with making a basic room:
 
Let's start with making a basic room:
  
[[File:LE1.JPG|thumb|left]] {{clr}}
+
<gallery mode="nolines" widths="480" heights="480">
 +
File:LE1.JPG
 +
</gallery>
  
 
Remember to use both convex and concave welders in corners:
 
Remember to use both convex and concave welders in corners:
  
[[File:LE2.PNG|thumb|left]] {{clr}}
+
<gallery mode="nolines" widths="480" heights="480">
 +
File:LE2.PNG
 +
</gallery>
  
 
Don't forget that you can get creative vertically. Amnesia has dedicated assets for this, usually in the ceiling section:
 
Don't forget that you can get creative vertically. Amnesia has dedicated assets for this, usually in the ceiling section:
  
[[File:LE3.JPG|thumb|left]] {{clr}}
+
<gallery mode="nolines" widths="480" heights="480">
 +
File:LE3.JPG
 +
</gallery>
  
 
I also added doors - remember that they should also match the asset base you're using.
 
I also added doors - remember that they should also match the asset base you're using.
Line 38: Line 44:
 
</gallery>
 
</gallery>
  
I also added some lamps, and turned some of them off, which is for the sake of making the level darker, and showing you how to do proper lighting - because one thing you need to now is that ''''the lamp entities aren't enough to light your map!'''
+
I also added some lamps, and turned some of them off, which is for the sake of making the level darker, and showing you how to do proper lighting:
 +
{{warning|'''Lamp entities aren't enough to light your map!'''}}
 
To see how the level will look in the game, turn off the ambient lights in the editor:
 
To see how the level will look in the game, turn off the ambient lights in the editor:
  
Line 106: Line 113:
 
To be honest, they are very hard to use correctly; I'll give you some general rules, but I'll be using the billboards from the original game later on.
 
To be honest, they are very hard to use correctly; I'll give you some general rules, but I'll be using the billboards from the original game later on.
 
Basically, to even have a chance of getting the billboards right, you need to:
 
Basically, to even have a chance of getting the billboards right, you need to:
-Make them very dark (more or less 0.1 in every RGB value)
+
*Make them very dark (more or less 0.1 in every RGB value)
-Vary them in location and rotation
+
*Vary them in location and rotation
 
Another tip; when you select the billboard, a white arrow appears:
 
Another tip; when you select the billboard, a white arrow appears:
  
Line 129: Line 136:
  
 
==Particle systems==
 
==Particle systems==
WIP
+
Particles are used for all sorts of effects and things floating in the air; flowing water, dust, fire...
 +
When it comes to mapping, we will be using ps_light_dust.ps (place it in front of the window) and ps_area_fog.ps (place it in the middle of the corridor every couple of meters). I made the dust particles quite dark (0.5) because they are too on-the-nose in my opinion; making them darker makes them less visible, and therefore, more subtle.
 +
You can see the light dust particle (the white dots) here:
 +
 
 +
<gallery mode="nolines" widths="480" heights="480">
 +
File:LE19.JPG
 +
</gallery>
  
 
==Decals==
 
==Decals==
WIP
+
Decals are textures which stick on models. They're mostly for diversifying repetitive textures and various other effects. Some of them have a static_object versions. E.g, I'm using this static object decal for spilled wine:
 +
<gallery mode="nolines" widths="480" heights="480">
 +
File:LE20.JPG
 +
</gallery>
 +
 
 +
And one of my favourite decals - dirt_stain_large.mat - to fill the empty space on the floor and on the walls. Make sure to set the color to white, but change the alpha setting to a low one (I used 0.3 here). Otherwise the decal will just look too on-the-nose (ugly, if you will).
 +
Then I basically slap it here and there with the random settings on:
 +
 
 +
<gallery mode="nolines" widths="480" heights="480">
 +
File:LE21.JPG
 +
File:LE23.JPG
 +
</gallery>
 +
 
 +
You can't see them clearly, but that's the point - they shouldn't be noticable at first sight, but they will still diversify the repetitive textures. Here's where I placed them:
 +
 
 +
<gallery mode="nolines" widths="480" heights="480">
 +
File:LE22.JPG
 +
</gallery>
  
 
==Other details==
 
==Other details==
WIP
+
You can also use sound entities, which are basically just objects which play sounds in a certain area. Make sure to plant some of them to make your level come alive - for example, we can place a wind sound behind the window and a creaking sound somewhere behind a wall.
 +
 
 +
There are also fog areas, which do exactly what they say. They aren't necessary for all maps. However, when used with a very subtle colour, they can simulate volumetric lighting. For this room a fog area with a colour similar to the BoxLight one could be used. At the time of making this tutorial this technique wasn't used, so it can't be seen in the screenshots.
 +
 
 +
You should definitely add more entities to make your map more detailed - e.g. I added a couple of more entities around the couch:
 +
 
 +
<gallery mode="nolines" widths="480" heights="480">
 +
File:LE25.JPG
 +
</gallery>
 +
 
 +
The generally best approach is trying to make a mess (as long as it's a coherent mess).
  
 
==Closing statements==
 
==Closing statements==
Line 143: Line 183:
  
 
~Darkfire
 
~Darkfire
WIP
+
 
 +
<gallery mode="nolines" widths="480" heights="480">
 +
File:LE24.JPG|''Final Results''
 +
</gallery>

Latest revision as of 12:59, 17 October 2021

Most of tutorials explain how to use the editors and the engine. However, they don't really explain how to avoid many pitfalls of making maps in HPL2. Hence, this tutorial will teach you how to make a proper map in Amnesia. For this tutorial you must at least know the basics of using the LevelEditor and have the modding tools installed.

Basics

In Amnesia, there are separate asset packs, named "-base", e.g. mansionbase. These shouldn't be mixed unless you absolutely know what you're doing; therefore, we will be picking one and sticking with it.

Since many beginner modders make mostly mansionbase maps, I will use it in my example. Let's start with making a basic room:

Remember to use both convex and concave welders in corners:

Don't forget that you can get creative vertically. Amnesia has dedicated assets for this, usually in the ceiling section:

I also added doors - remember that they should also match the asset base you're using.

Decorating the room

Now that we have a framework, we can start adding onto it. When adding furniture and other objects, always have the rooms purpose in mind; for example, my map is pretty much a corridor, so it doesn't make sense to be placing much furniture in it, and neither does putting anything which would block the way in the middle.

I put some planks on the door; It's not for gameplay reasons, but to give the player a feeling that the place is bigger than it really is. When making something out of repeating models, remember to do slight variations of the them; rotate and scale them slightly. Here, I also rotated some of the planks by 180 degrees to fake having more than one model on hand.

I also added some lamps, and turned some of them off, which is for the sake of making the level darker, and showing you how to do proper lighting:

Alert icon.png Warning: Lamp entities aren't enough to light your map!

To see how the level will look in the game, turn off the ambient lights in the editor:

LE8.JPG

I hope you can see that this isn't the way to make the level dark; we will tackle this problem in the next section. Even a dark level needs some light, otherwise the player won't see anything, and believe me, it isn't what you want.

Lighting

Let's start by adding some pointlights:

We can use a trick to make them synchronized with the nearby lamps; You need to put it's name into the lantern entity. Also make sure that the light's color is almost black (0.1, 0.1, 0.1), otherwise it will be very bright in the game.

It doesn't change the light in the editor, but the effect in the game is pretty sweet. By the way: Always remember to adjust your gamma settings before testing the map in the game! This is the only way to know how the map will look for your players.

As you can see, the corners are unnaturally dark (in reality, light bounces off surfaces and spreads quite evenly around rooms). To battle this, we need to use a Boxlight. There are some rules to using them:

  • Boxlights are for general light ambience of the level.
  • Use only one BoxLight for the whole map (for the sake of unity).
  • The boxlight should cover the whole map (going out of a boxlight looks very bad)
  • The boxlight has to be quite dark.

Having that in mind, I made the following:

I made the BoxLight ever-so-slightly blue, because I will be adding moonlight in a moment.

Unfortunately, I can't show you how the boxlight affects the in-game look, because screenshots don't catch the gamma settings, and this subtle effect simply isn't visible in them. Keep in mind that it can still make a huge difference in the actual game!

Anyway; As I mentioned, we will take care of the moonlight now. I'll be making this similarly to how Frictional did it in the main game. I added a faint, blueish poitlight in front of the window:

And a SpotLight of the same color, which needs to go inside the room. I also added a fitting Gobo, which is a texture map which simulates shadows - the shadows actually casted by the window aren't good at all.

I also noticed that the candle kind of interferes with the moonlight, so I'm turning off the candle for now.

And that about does it for the lighting in this scene!

Billboards

Billboards are semi-transparent texures which imitate certain light effects; god rays, halos etc. To be honest, they are very hard to use correctly; I'll give you some general rules, but I'll be using the billboards from the original game later on. Basically, to even have a chance of getting the billboards right, you need to:

  • Make them very dark (more or less 0.1 in every RGB value)
  • Vary them in location and rotation

Another tip; when you select the billboard, a white arrow appears:

You can use the arrow to rotate the billboard towards the source of light or towards where the light will be cast.

However, when it comes to god rays, FG did a great job with it, and we will be just copying those for now. Open e.g. 03_archives.map in the LevelEditor and locate a window with billboards. Select them all and press Files->Export Selection

Save the file somewhere where you can find it easily. Open your map and use File->Import objects. All the selected objects should appear in your map. However, they will appear in their original location, meaning that you might need to locate them. To move and rotate them together, press 'B' to make a compound out of them: now they will act as a singular object. Place them at the window and place 'B' again - this will separate the billboards. This is what we have so far:

Particle systems

Particles are used for all sorts of effects and things floating in the air; flowing water, dust, fire... When it comes to mapping, we will be using ps_light_dust.ps (place it in front of the window) and ps_area_fog.ps (place it in the middle of the corridor every couple of meters). I made the dust particles quite dark (0.5) because they are too on-the-nose in my opinion; making them darker makes them less visible, and therefore, more subtle. You can see the light dust particle (the white dots) here:

Decals

Decals are textures which stick on models. They're mostly for diversifying repetitive textures and various other effects. Some of them have a static_object versions. E.g, I'm using this static object decal for spilled wine:

And one of my favourite decals - dirt_stain_large.mat - to fill the empty space on the floor and on the walls. Make sure to set the color to white, but change the alpha setting to a low one (I used 0.3 here). Otherwise the decal will just look too on-the-nose (ugly, if you will). Then I basically slap it here and there with the random settings on:

You can't see them clearly, but that's the point - they shouldn't be noticable at first sight, but they will still diversify the repetitive textures. Here's where I placed them:

Other details

You can also use sound entities, which are basically just objects which play sounds in a certain area. Make sure to plant some of them to make your level come alive - for example, we can place a wind sound behind the window and a creaking sound somewhere behind a wall.

There are also fog areas, which do exactly what they say. They aren't necessary for all maps. However, when used with a very subtle colour, they can simulate volumetric lighting. For this room a fog area with a colour similar to the BoxLight one could be used. At the time of making this tutorial this technique wasn't used, so it can't be seen in the screenshots.

You should definitely add more entities to make your map more detailed - e.g. I added a couple of more entities around the couch:

The generally best approach is trying to make a mess (as long as it's a coherent mess).

Closing statements

Obviously this map isn't the most interesting nor original, but it's decent enough to use in a Custom Story, and if you use the principles which I showed you in this tutorial, you might create something worthwhile! Thanks for reading!

~Darkfire