Adding Light: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
m (Changed images to PNG)
mNo edit summary
Line 7: Line 7:
{{first room menu}}
{{first room menu}}


Now we'll '''add some lighting''' to the room. If no lights are placed your map will automatically be lit "fullbright" when it is loaded in the game, but as you'll have noticed this is hardly ideal. Creating lights will make your map look far more realistic.
Now we’ll '''add some lighting''' to the room. If no lights are placed your map will automatically be lit “fullbright” when it is loaded in the game, but as you’ll have noticed this is hardly ideal. Creating lights will make your map look far more realistic.


{{note|In order to see lighting in a map which was previously loaded in the game ''without'' lights, you may need to open the [[developer console]] and set <code>mat_fullbright</code> to "<code>0</code>".}}
{{note|In order to see lighting in a map which was previously loaded in the game ''without'' lights, you may need to open the [[developer console]] and set <code>mat_fullbright</code> to “<code>0</code>”.}}


# Activate the {{hammer entity}} (lights are entities too) and pick [[light]] from [[:File:Hammer picklight.jpg|the drop-down list in the Object Toolbar]]. This is the most basic light of them all, and it shines all around from an invisible source. Place one in the center of the ceiling now by clicking in the 3D view:<p>[[File:Hammer placelight.png|400px|Place the [[light]].]]</p>
# Activate the {{hammer entity}} (lights are entities too) and pick [[light]] from [[:File:Hammer picklight.jpg|the drop-down list in the Object Toolbar]]. This is the most basic light of them all, and it shines all around from an invisible source. Place one in the center of the ceiling now by clicking in the 3D view:<p>[[File:Hammer placelight.png|400px|Place the [[light]].]]</p>
# We are now going to edit the color and brightness of this light. Switch back to the {{hammer select}}, and then double-click on the light entity in the 3D View to open the Object Properties dialog. To bring up the settings for the light's brightness, find and click on the ''Brightness'' field in the [[KeyValue]]s list.
# We are now going to edit the color and brightness of this light. Switch back to the {{hammer select}}, and then double-click on the light entity in the 3D View to open the Object Properties dialog. To bring up the settings for the light’s brightness, find and click on the ''Brightness'' field in the [[KeyValue]]s list.
# While you could type a color into the new text box directly, it's better to use Hammer's built-in dialog by clicking the ''Pick color'' button, just beneath the text box:<p>[[File:Hammer pickbrightness.png|400px|Select the ''Brightness'' field, then click the ''Pick color'' button.]]</p>
# While you could type a color into the new text box directly, it’s better to use Hammer’s built-in dialog by clicking the ''Pick color'' button, just beneath the text box:<p>[[File:Hammer pickbrightness.png|400px|Select the ''Brightness'' field, then click the ''Pick color'' button.]]</p>
# The ''Color'' dialog will now appear, letting us change the color of the light.
# The ''Color'' dialog will now appear, letting us change the color of the light.
## Change the hue and saturation of the color by clicking in the square color spectrum area on the right.
## Change the hue and saturation of the color by clicking in the square color spectrum area on the right.
## Because luminance is set to max, the color will still be white. Lower the luminance to change the color from bright white to something of the hue you picked. You can see how the color changes in the preview square at the bottom of the dialog to something more colorful, instead of white.
## Because luminance is set to max, the color will still be white. Lower the luminance to change the color from bright white to something of the hue you picked. You can see how the color changes in the preview square at the bottom of the dialog to something more colorful, instead of white.
## Click the ''OK'' button to confirm your choice:<p>[[File:Hammer setcolor.png|400px|Change the hue/saturation and luminance of the light, then click ''OK''.]]</p>
## Click the ''OK'' button to confirm your choice:<p>[[File:Hammer setcolor.png|400px|Change the hue/saturation and luminance of the light, then click ''OK''.]]</p>
# We have now set the color of the light, but this has not affected its intensity. The color is described by the first three numbers of the Brightness setting, leaving the brightness value itself as the fourth number. Mark this number (currently <code>200</code>) with the mouse, and enter <code>800</code> instead, to have the light shine four times as intensely: <p>[[File:Hammer setcolor800.png|400px|Raise the brightness of the light by increasing this number, then click ''Apply''.]]</p> {{tip|If you want your light to shine in a different color under [[High Dynamic Range]] lighting, edit the "BrightnessHDR" or "BrightnessScaleHDR" settings. This is generally used to balance out the richer colors that HDR generates.}}
# We have now set the color of the light, but this has not affected its intensity. The color is described by the first three numbers of the Brightness setting, leaving the brightness value itself as the fourth number. Mark this number (currently <code>200</code>) with the mouse, and enter <code>800</code> instead, to have the light shine four times as intensely: <p>[[File:Hammer setcolor800.png|400px|Raise the brightness of the light by increasing this number, then click ''Apply''.]]</p> {{tip|If you want your light to shine in a different color under [[High Dynamic Range]] lighting, edit the “BrightnessHDR” or “BrightnessScaleHDR” settings. This is generally used to balance out the richer colors that HDR generates.}}
# Now that we’ve made changes to the light's parameters, hit the ''Apply'' button to commit them. The color of the light's icon will change to the color you have selected for it.
# Now that we’ve made changes to the light’s parameters, hit the ''Apply'' button to commit them. The color of the light’s icon will change to the color you have selected for it.


== Results ==
== Results ==
Line 25: Line 25:
When you compile your map you will see a sphere of light projected onto the walls that is brightest near to your light entity and darkest further away. Remember to disable <code>mat_fullbright</code> if necessary!
When you compile your map you will see a sphere of light projected onto the walls that is brightest near to your light entity and darkest further away. Remember to disable <code>mat_fullbright</code> if necessary!


Your light won't have a visual source however - it just appears from nowhere. You'll be able to fix this in the next article.
Your light won’t have a visual source however—it just appears from nowhere. You’ll be able to fix this in the next article.


== See also ==
== See also ==
Line 34: Line 34:
=== Light entities ===
=== Light entities ===


* [[light]] - a basic, omnidirectional light source.
* [[light]]—a basic, omnidirectional light source.
* [[light_spot]] - a directed light that shines in a cone.
* [[light_spot]]—a directed light that shines in a cone.
* [[light_environment]] - the controller for global light cast from a [[skybox]].
* [[light_environment]]—the controller for global light cast from a [[skybox]].
* [[light_dynamic]] - a dynamic light source that can be changed and moved in-game.
* [[light_dynamic]]—a dynamic light source that can be changed and moved in-game.
* [[env_projectedtexture]] - A dynamic light source that can be changed and moved in-game like a light_dynamic, but can also cast proper dynamic shadows. Far more expensive then any other light source(For example, Portal 2 only has one on at a time).
* [[env_projectedtexture]]—A dynamic light source that can be changed and moved in-game like a light_dynamic, but can also cast proper dynamic shadows. Far more expensive then any other light source(For example, Portal 2 only has one on at a time).


{{Navbar|Creating Brush Entities|Your First Map|Adding Prop Models}}
{{Navbar|Creating Brush Entities|Your First Map|Adding Prop Models}}

Revision as of 16:36, 1 May 2012

Template:Otherlang2

  1. Getting Started
  2. View Navigation
  3. Basic Construction
  4. Creating a Room
  5. Applying Textures
  6. Adding Point Entities
  7. Creating Brush Entities
  8. Adding Light
  9. Adding Prop Models
  10. Saving and Compiling

Now we’ll add some lighting to the room. If no lights are placed your map will automatically be lit “fullbright” when it is loaded in the game, but as you’ll have noticed this is hardly ideal. Creating lights will make your map look far more realistic.

Note.pngNote:In order to see lighting in a map which was previously loaded in the game without lights, you may need to open the developer console and set mat_fullbright to “0”.
  1. Activate the Entity tool Mt-entities.png (lights are entities too) and pick light from the drop-down list in the Object Toolbar. This is the most basic light of them all, and it shines all around from an invisible source. Place one in the center of the ceiling now by clicking in the 3D view:

    Place the light.

  2. We are now going to edit the color and brightness of this light. Switch back to the Selection tool Hammer select.png, and then double-click on the light entity in the 3D View to open the Object Properties dialog. To bring up the settings for the light’s brightness, find and click on the Brightness field in the KeyValues list.
  3. While you could type a color into the new text box directly, it’s better to use Hammer’s built-in dialog by clicking the Pick color button, just beneath the text box:

    Select the Brightness field, then click the Pick color button.

  4. The Color dialog will now appear, letting us change the color of the light.
    1. Change the hue and saturation of the color by clicking in the square color spectrum area on the right.
    2. Because luminance is set to max, the color will still be white. Lower the luminance to change the color from bright white to something of the hue you picked. You can see how the color changes in the preview square at the bottom of the dialog to something more colorful, instead of white.
    3. Click the OK button to confirm your choice:

      Change the hue/saturation and luminance of the light, then click OK.

  5. We have now set the color of the light, but this has not affected its intensity. The color is described by the first three numbers of the Brightness setting, leaving the brightness value itself as the fourth number. Mark this number (currently 200) with the mouse, and enter 800 instead, to have the light shine four times as intensely:

    Raise the brightness of the light by increasing this number, then click Apply.

    Tip.pngTip:If you want your light to shine in a different color under High Dynamic Range lighting, edit the “BrightnessHDR” or “BrightnessScaleHDR” settings. This is generally used to balance out the richer colors that HDR generates.
  6. Now that we’ve made changes to the light’s parameters, hit the Apply button to commit them. The color of the light’s icon will change to the color you have selected for it.

Results

When you compile your map you will see a sphere of light projected onto the walls that is brightest near to your light entity and darkest further away. Remember to disable mat_fullbright if necessary!

Your light won’t have a visual source however—it just appears from nowhere. You’ll be able to fix this in the next article.

See also

Light entities

  • light—a basic, omnidirectional light source.
  • light_spot—a directed light that shines in a cone.
  • light_environment—the controller for global light cast from a skybox.
  • light_dynamic—a dynamic light source that can be changed and moved in-game.
  • env_projectedtexture—A dynamic light source that can be changed and moved in-game like a light_dynamic, but can also cast proper dynamic shadows. Far more expensive then any other light source(For example, Portal 2 only has one on at a time).
Retrieved from "https://developer.valvesoftware.com/w/index.php?title=Adding_Light&oldid=167391"