User:Plykkegaard/wiseHouse

From Valve Developer Community
Jump to: navigation, search

This tutorial isn’t just about building a house in Hammer v4, the real purpose of this tutorial is to illustrate many techniques you can use for the objects you create.

Building a House

The first step should always be the planning stage where you will decide what will be needed and how it will be laid out. I’ve heard of people using Lego blocks for this, whatever works best for you will be the best method.

There’s an old process called P.D.C.A. which stands for Plan, Do, Check and Action.

This is an excellent process for mappers.

First we’ll make a plan, then we’ll create what is required and finally we’ll check our work and take any actions. Your own Quality Control.

If you are having a hard time with the planning part a good resource is the Google Image Search Tool.

Stage 1

Start with the foundation

For our house I want to illustrate how to create at least two types of windows in HL2 (One you can look out and one you can’t), a functional door, textured walls and a basic pitched roof.

Important: Make sure you have Snap to Grid (Shift+W) enabled and reduce your grid size. (Keep pressing the left “[“bracket key until the grid is reduced)

The Foundation

To begin let’s build the floor and with that determine our entire floor space.

  • Select the nodraw texture.
  • On the right side of Hammer in the Texture Group, click the Browse button and in the Filter use nodraw then double-click on the texture to select it.
  • Use the Brush tool to create a brush that is 576 units wide, 384 units long and 8 units tall.
Note.pngNote:If you want your house to have block foundations create your floor in variations of 16 units, i.e. 32 or 48 units tall.

The Walls

Class: npc_alyx

Now we need walls but we’re going to do it a little different than you might have thought. To get the best possible walls we’ll put in our doors and windows first.

Tip.pngTip:A good measuring stick for your HL2 maps is Alyx.
Let’s create Alyx and have her pose where our first door will go.
As we’re building the house we can move her around and we’ll delete her when it’s complete.

Now let’s place our front door where Alyx is standing.

  • Class: prop_door_rotating
  • Skin: 13

More information about rotating doors on WiseDoor, or if you want sliding doors, like in the Spy or SciFi movies take a look at WiseSlidingDoors.

Wood Shutter

Add wood shutter

On one wall of our house let’s build windows that are for appearance only.

We’ll use a Wood shutters texture on a normal brush and Alyx can help us to get these set at the correct height if we watch her wireframe in the 2D view ports.

  • Brush size: 24 units wide, 8 long and 48 high.
  • Texture: wood/woodshutters001a

We’re going to put two of these windows on that wall, although it would be best with 3 to 4 of them. To space the windows properly create a temporary brush that is the width of the window to the first edge.

Measurement
  • Now move this temporary brush to the opposite side of this wall..
  • Then clone our first window by holding the Shift key and dragging the window in the 2D Top view, when you release you should have a perfect copy of the first window..
  • Move the clone into place by using the temporary brush as a guide..
  • Your windows are perfectly spaced. Use this same method to space objects, it’s quick and simple..

Next thing we’ll do is close up all the space in that wall and the space between that wall and the door with normal brushes.

Make all of these walls 120 units tall.

Note.pngNote:Notice as you are doing this how both Alyx and the prop door are helpful.

Now with smaller brushes close up the spaces below and above the windows.

Note.pngNote:When you are creating new brushes they will use the dimensions of the currently selected brush.
As an example of how this can speed things up for you select the brush you just made before creating the next brush and in some cases it will have exactly the right proportions.
Building the wall
Starting the wall
Right side
Another Brick in the Wall

The file for this project at the conclusion of Stage 1.

Stage 2

WiseHouse08.jpg

Now we’re going to create a very simple type of breakable glass for a large window we’ll place in the front or our house then we’ll build the wall and finish it up with window moldings.

Note.pngNote:In HL2 you may have noticed some of the windows have a frame that breaks with the glass. Those windows are out of the scope of this tutorial however I may create a tutorial soon just for that type. The frame will be a HL2 model that contains a sub model of a broken window frame.

Using the nodraw texture create the brush that will become your breakable window.

I’ve created this brush with these dimensions: 1 unit wide, 88 units long and 54 units tall.

Remember we’re making the wall in this house 8 units wide, so let’s create the wall to the left of our new window so we can properly place it. Another simple guide system.

WiseHouse09.jpg

Use the Selection tool to select the wall we already created to next to the door and then with the brush tool and the nodraw texture create the wall for the entire area on the left side of our new window.

Tip.pngTip:Because we selected the previous wall first our new wall has the proper dimensions.

Now use the Selection tool and the 2D View Ports to move the window into the center, of the edge, of our new wall.

Note.pngNote:Because our wall is 8 units thick and our window is 1 unit thick it can not be both aligned to the grid and centered, just make it one unit closer to the outside edge.

Now use the Face Edit tool (Shift+A) to browser for, and apply, the texture glass/windowbreak070a to the outside face of this window. (Use the filter word “windowbreak”)

WiseHouse10.jpg
Tip.pngTip:Keep the Face Edit tool open as you move around in the map within Hammer and apply the selected texture to any brush face with your Right-mouse button. You can also quickly select any brush texture with the Left-mouse button.

With the window selected press Ctrl+T and tie this brush to entity func_breakable_surf. Assign these properties:

  • Health: 5
  • Material Type: Glass
  • Surface Type: Glass
Note.pngNote:You can also set -> Prop Data: Glass.Window to override the other settings.

It may not look any different but you now have a breakable window. Experiment with the properties and Flags to achieve your desired effects.

WiseHouse11.jpg

We need one env_cubemap for our window.

Use the Entity tool to place an env_cubemap on the textured face of the window. Press Alt+Enter to bring up the properties for the env_cubemap and click on the “Brush Faces” Pick button, then select the textured window face, click Apply and exit the properties dialog window.

Note.pngNote:Click in the window center to place the env_cubemap, it will automatically create the proper distance between itself and the window.
WiseHouse12.jpg

Now we’ll create the rest of our walls. (Remember to select a wall first.) Let’s create the remaining walls like this: 1) The wall between the window and the door. 2) The connecting walls above and below the window and above the door.

3) And the remaining two large walls.

It may be a little on the yellow side but it’s looking a lot more like a house now.

This is the end of Stage 2. At this point, before going any further, go around and check all of your walls for placement and size. One thing I typically do at this point is decide which of my walls will intersect with each other in the corners. Picture the outside of your house and how you will apply textures later. There are lots of ways to do this, you should experiment and stick to what works best for you.

The file for this project at the conclusion of Stage 2.

Stage 3

Before we build the roof on our house let’s split the floor.

Why? Look closely at our door, look at the floor under our door. If we texture the floor inside the house it’s going to look a little funny when that texture is showing up outside when the door is closed.

To fix this we’ll create divisions in the floor with the Clipping tool. Refer to my Clipping tool tutorial for help with this tool.

Create cuts in the floor at the edge of each wall that touches the door and then create a cut in line with the door so you have a small piece under the door that can be textured like a doorway entrance. Make this any size you want, the design is subjective only to what you desire.

Important: make sure you keep your cut lines perfectly straight; you do not want any of these cuts angled.

Below is our completed floor. These three cuts with the Clipping tool took me less time that it took to type this sentence. If you are not comfortable with this tool give yourself some time to practice, it’s a lot of fun to use and you can make perfect cuts with it.

WiseHouse13.jpg

Now we’re ready to build the roof.

At this point a few considerations would be a Chimney, an inner roof, another floor, etc.

We are not going to build a ceiling but if we were I would still build the roof first, you will of course learn your own best method.

Note.pngNote:A typical method for building wood framed houses in the real world is to build the foundation/floor, then the walls and finally the roof.

What are the characteristics for our roof? Our house will have a simple Gabel roof with no Chimney.

To do that we are going to build the roof with two brushes that will overlap each other and the edges of the house, then we’ll use the Clipping tool to cut them to fit.

Create these brushes larger than they need to be but with the exact thickness you want for your roof. Our roof will be 4 units thick. Real world wood roofs are typically 4, 6, 8 or 12 inches thick. (Say “real world wood roofs” fast a few times, it’s funny.)

When you rotate these brushes to create the angle for your roof hold the Shift key and with the brush selected click once on it in a 2D View port and then use one of the 4 handles to rotate the brush. If you mess up press Ctrl+Z and start over. Do this for both sides so they overlap in the center but rest perfectly on the walls. Select both halves and use the Clipping tool to cut them at the roof center.

WiseHouse14.jpg

Then select and delete the left over ends until you have a perfect roof junction.

WiseHouse15.jpg

Reminder: Make precise cuts with the Clipping tool. You don’t want jagged edges and you don’t want to have to correct any problem surfaces later.

If you want to trim your roof a little more this is the time to do it, maybe a horizontal cut at the lower roof edges or a place for a Chimney, let your imagine go to work. One note about our roof overhang; Depending on the texture you plan on using on your inner roof you may need to make addition cuts the roof so you can have a different texture under the roof outside the house. For example, an inner painted ceiling will look rather odd under the roof when viewed from outside.

So how are we going to close our roof? This is the most complicated part but it’s only a little more complex that that last part and we are going to use the very same methods.

Create a wall above your other front and back walls, which come up to the very top edge of our roof.

Now use the Clipping tool to cut them so they intersect perfectly with our roof.

Both end sections in place:

WiseHouse16.jpg

With the final cuts:

WiseHouse17.jpg

Now we can delete our little helper, bye Alyx, and go over the design to clean up anything that might need attention. (P.D.C.A.)

This concludes Stage 3, in the next part we’ll create moldings for our window and apply all of our textures.


The file for this project at the conclusion of Stage 3.

Stage 4

Tip.pngTip:At this stage of building your house there are two design considerations to keep in mind, grouping objects and converting world brushes into func_detail entities.
Note.pngNote:We are not going to group any of the objects in this project and in this tutorial I’m not going to discus anything directly related to map optimization, however you should learn as much as you can about these subjects.

Let’s create those window moldings.

This time we are going to start with the texture that our window moldings will use instead of building with the nodraw texture. Any performance savings lost by not applying the nodraw texture to hidden faces of our moldings will be too small to measure and it will make it a lot easier to create them if they are textured. Again, use the method that works best for you.

  1. With the Texture Group Browse button, on the right side of Hammer, browse for the texture that you want for your moldings. Use Filter words like “wood” or “plaster”. The texture I’m using is: wood/woodstair002c
  2. Now create the window moldings on each side of the window. Make them 2x2 units thick and as wide as they need to intersect each other

WiseHouse18.jpg

At this point it’s time to texture all of the walls, floor, foundation and roof.

Use the Face Edit tool, leave it open as you move around the map, and browse for and apply textures to the exposed faces.

Remember Left-click to select a texture from an object and Right-click to apply a texture to an object. Experiment with the many options on the Face Edit tool and as a rule use 0.25 as your Texture Scale for X and Y.

Once the textures are applied and the door is adjusted our house is complete.

Now you can go add props, like lights or furniture, and then any additional detail brush work you may find the house needs, such as floor moldings, light switches and electrical plugs.

Take the things you may have learned in this tutorial and expand on them with your own methods, and above all else have fun doing it.


There’s a lot more you can do, I hope I’ve stimulated your imagination.

 The example used in this tutorial.