User Tools

Site Tools


hpl2:tutorials:level_editor:tutorial_1

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
hpl2:tutorials:level_editor:tutorial_1 [2011/02/15 20:53]
l1ght5h0w [Lighting]
hpl2:tutorials:level_editor:tutorial_1 [2011/04/26 23:24]
jacksonemg [The basic objects]
Line 5: Line 5:
  
  
-We will begin with building the floor of the level. Select the primitives tool in the toolbox. In the right tab you can now see that plane is the default selected primitive. This is the primitve ​we will use for our floor. Click the dotted button next to the material field to bring up the texture browser. Enter Static_objects/​castlebase/​ and select castlebase_tiledfloor.mat. Now click & drag an area in the perspective view to create your floor. ​Don not worry if the floor gets to small or too big, this can be changed after creation by selecting the primitive and changing its size values. The size of my floor is: X=25 Y=1 Z=12. It should look something like this:+We will begin with building the floor of the level. Select the primitives tool in the toolbox. In the right tab you can now see that plane is the default selected primitive. This is the primitive ​we will use for our floor. Click the dotted button next to the material field to bring up the texture browser. Enter Static_objects/​castlebase/​ and select castlebase_tiledfloor.mat. Now click & drag an area in the perspective view to create your floor. ​Do not worry if the floor gets to small or too big, this can be changed after creation by selecting the primitive and changing its size values. The size of my floor is: X=25Y=1 Z=12. It should look something like this:
  
  
Line 11: Line 11:
  
  
-Now, once we have a floor its time to add the walls. Click the Static_objects button in the toolbox and select castlebase in the pulldown menu in the top-right side of the GUI. The list under the pulldown menu should now be filled with all the objects in the Castlbase set. Scroll through the list until you find a grey '- wall' tab. These are all the walls in the castlebase set. Select the '​default'​ wall and place it on the floor. Before placing the wall you can turn and scale it as you please. These values can also be changed after you've placed the wall. Look through the list and try to replicate the level you see in the pictures below. If you get stuck or get tired of experimenting with the different pieces you can use my tutorial file: (xxxxx.xxx) to continue.+Now, once we have a floor its time to add the walls. Click the Static_objects button in the toolbox and select castlebase in the pulldown menu in the top-right side of the GUI . The list under the pulldown menu should now be filled with all the objects in the Castlbase set. Scroll through the list until you find a grey '- wall' tab. These are all the walls in the castlebase set. Select the '​default'​ wall and place it on the floor. Before placing the wall you can turn and scale it as you please. These values can also be changed after you've placed the wall. Look through the list and try to replicate the level you see in the pictures below. If you get stuck or get tired of experimenting with the different pieces you can use my tutorial file: (xxxxx.xxx) to continue.
  
  
Line 36: Line 36:
  
  
-Let us start by making a light that comes in from the window. Select the '​Light'​ button in the toolbox and then select the spotlight. Put it outside the window and select the '​Spot'​ tab. Here you can rotate it so its light points towards the room. As you may notice, the light is not filling the whole room. Its radius is too small for this room, so change it to 17.5. It looks a bit strange since it only illuminates a small spot on the floor. We will remedy this by using a custom falloff map. Click on the '​…'​ button next to the spot falloff map field and select '​light_falloff_short_fade.tga'​. ​   Now the room is much brighter. White light may look nice, but in some cases you may want a warmer color. Switch back to the '​General'​ tab and find the box marked '​Diffuse Color'​. Click it to change the color of the light. Choose a nice fitting color (I chose R=0.7 B=0.7 G=0.55). In the check box under the color you can toggle the shadows on/off. In this case we will leave it off since it may give us strange shadow when the light is outside the level.+Let us start by making a light that comes in from the window. Select the '​Light'​ button in the toolbox and then select the spotlight. Put it outside the window and select the '​Spot'​ tab. Here you can rotate it so its light points towards the room. As you may notice, the light is not filling the whole room. Its radius is too small for this room, so change it to 17.5. It looks a bit strange since it only illuminates a small spot on the floor. We will remedy this by using a custom falloff map. Click on the '​…'​ button next to the spot falloff map field and select '​light_falloff_short_fade.tga'​. ​   Now the room is much brighter. White light may look nice, but in some cases you may want a warmer color. Switch back to the '​General'​ tab and find the box marked '​Diffuse Color'​. Click it to change the color of the light. Choose a nice fitting color (I chose R=0.7B=0.7G=0.55). In the check box under the color you can toggle the shadows on/off. In this case we will leave it off since it may give us strange shadow when the light is outside the level.
  
  
-With the light streaming in from the window, you might notice that the unlit parts are still pitch black. This does not look very natural and to remedy this we will place a box light in the middle of the level. Change the size so it encapsulates the whole level and pick a fitting color, preferably a dark color since this will be the only light in the dark corners (I chose R=0.085 B=0.08 G=0.14).+With the light streaming in from the window, you might notice that the unlit parts are still pitch black. This does not look very natural and to remedy this we will place a box light in the middle of the level. Change the size so it encapsulates the whole level and pick a fitting color, preferably a dark color since this will be the only light in the dark corners (I chose R=0.085B=0.08G=0.14).
  
  
-In the final room we will set up a somewhat unatural ambient lighting with a point light. Select the point light and place it in the middle of the second room. Change the radius until the room is lit to your satisfaction. Change the light to a fitting color (I chose R=0.195 B=0.36 G=.59).+In the final room we will set up a somewhat unatural ambient lighting with a point light. Select the point light and place it in the middle of the second room. Change the radius until the room is lit to your satisfaction. Change the light to a fitting color (I chose R=0.195B=0.36G=.59).
  
  
Line 51: Line 51:
  
 ==== Billboards & Particles ==== ==== Billboards & Particles ====
-With the entities & lights we now have a functioning level but it need some finishing touches. It's time to play with billboards, decals and particles. Lets start with the light in the window. Select the billboard tool in the toolbox and place it in the level. Select the billboard and click on the '​Billboard'​ tab. Click the '​...'​ button next to the '​Material File' field and select '​bb_lightyellow_lightray.mat'​. Now you have a picture of light beams hovering in the air. They always face your camera which can be good when you make halos but in this case it not so good and we will fix that. Change the billboard type to 'fixed axis'. Now you have full control over the billboard. You can change the size in the fields below (I chose x=2 y=6.5). In the '​General'​ tab you can rotate and translate the billboard until it's where you want it to be. In the pictures below you can get see how I did it. Play around with the billboards until you're satisfied. In the '​Billboard' ​ tab you can also select a color to tint the billboard in case the original color doesn'​t fit your light (I chose R=0.3 B=0.25 G=0.2. It might seem very weak in the editor but it's stronger ingame). 
  
-Now with the lightbeams in place we will add some particle fog to the other room make it a bit more spooky. Select the particle tool in the toolbox and place it in the second room. Select the '​Particle system'​ tab and click the '​...'​ button next to the '​Particle system file' field. Select "​ps_area_fog_large.ps"​. Change the color of the fog to match the light in the room (I chose R=0.17 B=0.4 G=0.5). To get a better transition when you move through the fog we will activate the 'fade at distance'​ box and enter the values wher the fog will start to fade in or out. I chose the values Min End=2, Min Start=5, Max Start=20 and Max End=25. These values means that the fog will be invisible until the player is 25m from it then it will fade in until the player is 20m it. it will then be fully visible until the player get to 5m from it and it will fade fully out at 2m. Copy the particles and place some more around the room to fill it with fog particles. you can see how i've done in the picture below. 
  
-{{billboard.jpg?​320x200|}} {{particles.jpg?​320x200|}}+With the entities & lighting taken care of, we now have a functioning level, but it need some finishing touchesIt is time to play with billboards, decals and particles. ​Let us start with the light in the window. Select the '​Billboard'​ tool in the toolbox and place it in the level. Select the billboard and click on the '​Billboard'​ tab. Click the '​…'​ button next to the '​Material File' field and select '​bb_lightyellow_lightray.mat'​. Now you have a picture of light beams hovering in the air. They always face your camera which can be good when you make halos, but it does not work well in this case. Change the billboard type to 'Fixed axis'. Now you have full control over the billboard. You can change the size in the fields below (I chose x=2, y=6.5). In the '​General'​ tab you can rotate and translate the billboard until it is where you want it to be. In the pictures below, you can get see how I did it. Play around with the billboards until you are satisfied. In the '​Billboard' ​ tab, you can also select a color to tint the billboard in case the original color does not fit your light (I chose R=0.3, B=0.25, G=0.2. It might seem very weak in the editor but it is stronger ingame).
  
 +
 +Now with the light beams in place, we will add some particle fog to the other room to make it a bit more spooky. Select the '​Particle'​ tool in the toolbox and place it in the second room. Select the '​Particle System'​ tab and click the '​…'​ button next to the '​Particle System File' field. Select "​ps_area_fog_large.ps"​. Change the color of the fog to match the light in the room (I chose R=0.17, B=0.4, G=0.5). To get a better transition when you move through the fog, we will enable the 'Fade at distance'​ box and enter the values where the fog will start to fade in and out. I chose the values Min End=2, Min Start=5, Max Start=20, and Max End=25. These values mean that the fog will be invisible until the player is 25m from it, then it will fade in until the player is 20m from it. It will then be fully visible until the player is 5m from it and will fade completely at 2m. Copy the particles and place some more around the room to fill it with fog particles. You can see how I have done it in the picture below.
 +
 +
 +{{:​hpl2:​tutorials:​level_editor:​billboard.jpg?​320x200}}{{:​hpl2:​tutorials:​level_editor:​particles.jpg?​320x200}}
  
 ==== Decals ==== ==== Decals ====
  
-Decals is used to add details to levels and break up the repetitive basic objects. Select The decal tool and choose a decal in the material window. Now you can paint these decals in the levels. Just click to place a decal. Try not to overlap the decals to much, overlapped decals have a tendency to flicker and it won't look good. You can also randomize the angle and size of the object when its placed. This is good when you place the same decal in many places on the same object. Theres also the tint option so you can make decals fit in many different locations. 
  
-{{decals.jpg?​320x200|}} +Decals are used to add details to levels and to break up the repetitive basic objects. Select the '​Decal'​ tool and choose a decal in the material window. You can paint these decals in the levels. Just click to place a decal. Try not to overlap the decals too much; overlapped decals have a tendency to flicker and it will not look good. You can also randomize the angle and size of the object when it is placed. This is good when you place the same decal in many places on the same object. Also, there is a tint option, so you can make decals fit in many different locations. 
-  + 
 + 
 +{{:​hpl2:​tutorials:​level_editor:​decals.jpg?​320x200}} 
 ==== Sound & Areas ==== ==== Sound & Areas ====
  
-Most of the entities have sound files in them if they need it but sometimes you want to add ambient sounds and then you need the soundtool. Just select the soundtool, input a sound file you want to use and place it where you want it. In the sound tab you can set the area where the sound can be heard and the volume of the sound 
  
-Areas are used for a lot of things ​in the gameThey are needed for ladders, AI nodes and the most important one is used for setting the starting position for the playerSelect ​the area tool and select playerstart. Place the area by the bed so the bottom of the cube is sitting on the floor. The blue arrow points ​where the player looks when he spawns in the level. Thats it now you have a working levelTheres more you can do in the editor that isnt written here, open up some of our levels and see how we solved some of the more advanced problems. Good luck and start building levels.+Most of the entities have sound files in them when required, but sometimes you will want to add ambient soundsYou can do this with the '​Sound'​ toolJust select ​the '​Sound' ​tool, input a sound file you want to use, and place it where you want it. In the '​Sound'​ tab you can set the area where the sound can be heard and its volume.
  
  
 +Areas are used for a lot of things in the game. They are needed for ladders, AI nodes, and the most important one is used for setting the starting position of the player. Select the '​Area'​ tool and select '​Playerstart'​. Place the area where you want the player to start so that the bottom of the cube is sitting on the floor. The blue arrow points where the player looks when he spawns in the level. You now have a working level. Theres more you can do in the editor that is not written here, open up some of our levels and see how we solved some of the more advanced problems. Good luck and start building levels.
  
hpl2/tutorials/level_editor/tutorial_1.txt · Last modified: 2011/04/26 23:24 by jacksonemg