Light Textures and Falloff Images: Difference between revisions

Revision as of 22:13, 27 March 2012

Introduction

While The Dark Mod comes with a rich library of Light Shaders and Textures there are times when mappers may wish to customize the look of lighting further. Light Textures can be used for basic light painting tricks like projecting window-pane light on a floor to advanced uses like simulating the look of a baked light-map.

Lunaran (Matthew Breit) performed an in-depth examination of the performance aspects of the native Light Shaders in Id Tech 4 and found that there was almost no performance loss for applying unique falloff Images and light textures to all the lights in a map. He used this new-found insight to develop a technique for making the most of light textures. Essentially he took screen-shots from specific views of his map (where light volumes affected the geometry in a predictable way) and then painted light textures that conform to the contours of the space and surfaces shown in the screen-shots.

Lunaran's method primarily involves creative use of omni and projected ambient light and takes advantage of the lower performance impact that ambient lighting has. Even without shaping the ambient a couple of custom-textured point lights can give you much richer lighting that the standard squares and circles that are commonly used.

To help you understand how these textures work you should imagine the silly flashlight mods for Doom 3 that cause your flashlight to show a pattern (like Bart Simpson's face or a Heart) on the surface that you shine the light on. Projected lights will have a pyramidal shape. Point lights are more like a cylinder, cube or projective prism (think of them as a stack of cheese slices where the projection texture is like a big cookie-cutter that uniformly slices through every slice). Instead of shining these types of silly images, we are going to shine images that make the lighting look better by pretending to do stuff that real light does like bouncing of the ground or a wall. (Using your artist's eye is much less expensive than making your hardware calculate this stuff in real-time.)

As you have probably guessed, since this is a real light it DOES affect the Light Gem.

The Light Gem impact may be reduced via a falloff Image that confines the light close to the surface (mostly black with a small strip of illumination).

Example from Rich_is_Bored

Download

Just plop the file into the root of your Dark Mod installation, rename it to pk4, and then type "map test" at the console.

From Rich_is_Bored's forum post:

A light shader is constructed with two images. A projection image and a falloff image. The projection image is what is projected. The falloff image specifies the intensity of the projection as it passes through the light volume.

The reason this works is because an ambient light is not directional and bleeds through walls illuminating all faces equally.

The trick, and it's not employed in the example I posted but it is used in the custom Quake 4 level Strombine, is that you can rotate the light and change the direction of projection.

So in cases where the geometry in a space runs in a common direction you can paint a custom light image to fake radiosity, soft shadows, or even consolidate lights into a single entity.

In theory it's also possible to break a room into several light volumes to accommodate geometry that doesn't run the length of a room. I haven't tried this yet and I imagine it gets complicated.

Step 1 Planning

Once you have your map or map section built you will need to decide what lights will be direct and where you might want bounced light or moonlight to hit your geometry. If you have placed lights all over the place to approximate these bounced effects then you will need to pare-down some lights.

Layers.

To help with the Ortho-View method, it may be advisable to create Dark Radiant Layers that only contain geometry that runs parallel to the direction of the projected light volume.

1) CTRL + L open the Layers inspector then click "New" and label your new layer

2) Zoom to the desired are in Top Orthoview

3) (In camera view) SHIFT + to select the surfaces parallel to the projection

4) "Add to Layer" and select the new layer created in step 1

5) CTRL + L to open the Layer Inspector

6) Un-check default so that only the new layer is in view

7) CTRL + TAB the Orthoview such that you are viewing the edge of the geometry as if it were projecting out towards you

8) Print Screen

(This will place a screen-shot in the windows clip-board to be pasted into your image editor for the remaining steps)

Step 2 Screen-Shots and Texture Creation

Whether you decide to use the deluxe method with a shaped ambient or just a couple of custom lights (here and there) unless you have a perfect memory for proportions, screen-shots will help you design the light texture and falloff texture.

If you decide to use the deluxe version shaped ambient, a bottom-view orthographic view of your map would probably be the best option (see Rich_is_Bored's example) but this depends on where the light origin is located (Strombine, for example, has several lights that are side-view or even angled).

For Lunaran's Projected light example, he shows a side-view screen that has an easy to predict light pattern (like a light waterfall).

If you have a good eye and want to create a show-piece look for some building (etc) you could use a straight view shot and use that to make a very detailed light texture that would be projected straight at the front view surface. I would caution, however, against using sharp contrast and instead make sure that every adjustment is a smooth gradient. The normal maps and geometry will do the rest of the work to create the details.

Load your screen-shot into your preferred image editor Photoshop, Gimp (etc) and create a new layer. Paint the lighting as desired to the new layer. Merge this layer with a black layer and save this merged image as a TGA texture.

Tools

GIMP

GIMP DDS Plugin

GIMP Normal Map

GIMP Texturize Plugin

inkscape

GIMP Steps

(Continued from above)

9) Open GIMP

10) Edit > Paste

11) Tools > Selection Tools > Rectangle Select

12) Check "Fixed Aspect Ratio"

13) at the lower right corner of the Orthoview within the screen-shot then drag to the upper left

14) Image > Crop to selection

15) Image > Scale Image > Set the smallest linked XY value to 512 > Scale

16) Image > Canvas Size > the "Link" graphic so that it appears "broken" then change the higher XY value to 512

17) Layer > New Layer then give the Layer a recognizable name

18) (Ensure that the Layers Dock is visible) Windows > Dockable Dialogs > Layers

- (Practice making each layer visible (eye) and selecting layers (far right of each labeled item) )

19) Select the new layer

( The bottom graphic icon in the Toolbox dockable is the Foreground\Background color tool )

20) Click the top rectangle in the "Change Foreground Color" icon

21) Change the HTML Notation to 666666 to select a gray value

22) Select the "Pencil" icon then change the brush to a smaller value like Circle 03

23) at the bottom contour of the Orthoview interior

24) Hold SHIFT and a line should follow your pointer

25) to create the end-point for the line

- (Steps 20 through 25 should get you familiar with GIMP basic draw operations, a full GIMP drawing tutorial is outside the scope of this text)

Gradient Techniques

1) Choose the "Free Select" tool

- (Lasso Icon, 3rd to the right in the upper-left of the Toolbox Dockable)

2) click for each point around the shape that you want the gradient to occur

3) Click the "Blend" Icon (4th item down, 2nd over)

4) Ensure that the Foreground color is the light source color and the Background color is Shadow

5) Choose the "Shape" a free standing light might be "Radial" while a light close to a wall could be "Conical (Asym)"

6) Move the pointer into the selection area and then drag across the span of the selection area
- (a smaller "drag line" means a bias towards the marker)

Alpha Channel Adjustment

1) First flatten your image (remove the original layer (screen-shot))

(Image > Flatten Image)

2) Layer > Transparency > Add Alpha Channel

3) Windows > Dockabe Dialogs Layers

4) Slide the Opacity slider to 1.0

(Dont worry that the image is not visible, to see that the color channel info is retained open the Channels dockable)

5) Image > Merge Visible Layers

6) File > "Save As" and name the file

7) Select File Type by Extension = "TarGA .tga" > Save

8) UNCHECK RLE Compression > Save

See:

GIMP RLE Compression?

- Note: For Ambient lights to pass through geometry you must include an alpha channel. The alpha cannot be pure black "0" but instead it must be exactly 1 ( 0-255 scale ).

From the test.vpf


Different changes, including Ambient-Light Fix.
The Projection-Texture ( not lightFalloffImage ) of the Ambient-Light 
material must have an Alpha-Channel filled
with a Value of 1 ( on the 0-255 scale ), 0 doesn't work because Doom3 
automatically "optimizes" black alpha-channels away completely.
If this is not the case, Ambient-Lighting 
will not work correctly when this VFP is enabled !
This approach was chosen because 
the old way of detecting the Ambient-Lights 
was not sufficiently compatible with some Graphics-Cards.

Rebb's Ambient Fix

Bounce Prediction Techniques

Lunaran's further illustration of his technique. This is the Z-Projection image for the side-view example above.

To make the most of this technique you have to treat the light origin as if each light

beam were a bouncing ball covered in wet white paint. Every surface that the ball bounces on

will get a successively weaker splat of white. For most purposes, only the secondary bounce

needs to be predicted (by eye) and that should be blurred to approximate radiosity.

Conical or more defined gradients can be used (for bounce lighting) where hard surfaces that

are more reflective are visible.

When projecting the Ambient in a horizontal fashion, the far wall can be manually painted with light

bounce details that would have come from the other light projection axis. (The examples bounce illustrations

only show the fall-pattern from one axis.)

The completed image can be a little sloppy as long as no high-contrast transitions are apparent.

Plasticman's example looked a bit crude until shown in-game. Lunaran's examples are draftsmen precise...

Plasticman's original projection image (Top-View)

Falloff Image projection direction illustrated. This projection is vertical, similar to Rich_is_Bored's example.

Path Conventions

A Z-Axis (direction of the light projecting from the source)... falloffImage texture will represent how bright the light is at a distance from the source. (You can defy the normal light physics by having a banded image that becomes dark and bright again with distance...)

The XY-Axis is what your custom light texture will draw.

I will recommend that you include "Z" and "XY" in the names of the textures so that you can easily distinguish them for the light definition.

Example Z-Direction Texture: My_Custom_Light1_Z.tga

Example XY-Direction Texture: My_Custom_Light1_XY.tga

The Dark Mod appears to have it's light textures stored in "textures/lights/" so it may be advisable to use the "textures/lights/map_specific" path convention to follow suit.

Optional: Constrain to Spectrum

To make planning your projections easier you may use the "spectrum" keyword to pair lights to textures or even specific material shader stages. Thus two or more different colored lights could only affect desired surfaces and each light could elicit different details.

Step 3 Material Definitions

If you haven't already done so, please create a separate folder for your map files. In this folder, create the following sub-directories:

materials
textures/lights/map_specific

Place your new textures into the textures/lights/map_specific directory.

Open a text editor like Notepad++ or Wordpad and create document using this as a template:

lights/My_Custom_Light1
{

  lightFalloffImage makeIntensity( textures/lights/map_specific/My_Custom_Light1_Z )

  { 
  forceHighQuality
  map textures/lights/map_specific/My_Custom_Light1_XY
  zeroClamp
  }

}

Save this document and change the extension from ".txt" to ".mtr" and copy it to your new Materials directory.

Since I'm not the sharpest knife about the proper TDM method I will use what I've gathered from Doom3world.

Take your light texture and material definition and pack them into a pk4 named zzz_custom_lights.pk4 and place this into your darkmod directory before launching Dark Radiant.

Step 4 Dark Radiant Light Definitions

1) Select an existing light or create a new light

2) The Light Inspector should list the new Light Texture based on it's specification in the Materials directory

3) Apply the Light Texture and review it's properties in the Entity Inspector pane

To apply this texture to the Ambient_World you will need to follow these steps from A - Z Beginner Full Guide Page 2

(Note: There is some question about the compatibility of this method with upcoming Ambient methods, as such these steps would not be advisable but they contain relevant detail about creating ambient lights in general)

In the Entity Inspector select the 'name' line
In the input at the bottom change it to ambient_world. Click the check button
ESC to DEselect it
Press J to list entities.
Click the map in the list and the whole list will open up
You should see ambient_world in there.
Click it and your light is selected and its radius reveals it clearly

In this way you can name anything you want for your own convenience both so you can identify and find them easily. The list is in ASCII order so capitals first then lower case,thereafter in alphabetical order.

with the light selected, press L for the Light Inspector
Click the white rectangle Colour button and reduce the brightness (Value) to 8 or 10 and click OK.
Also in the Light Inspector you will see a list headed 'Texture' with 'fog' and 'lights' in the list; click the + sign against 'lights' to open up its list
In the 'lights' list select 'lights/ambientLightnfo'; this immediately goes in the properties of the light.
(modify the step above to select your custom ambient texture definition)
L to close the Light Inspector

Rich_is_Bored example light entity (from the map file):


// entity 2
{
"classname" "light"
"name" "light_1"
"_color" "1.00 1.00 1.00"
"light_center" "0 0 0"
"light_radius" "264 264 72"
"nodiffuse" "0"
"noshadows" "0"
"nospecular" "0"
"origin" "0 0 0"
"parallel" "0"
"texture" "lights/ambient_test"
}

(You can use this to verify that your light is similarly configured)

Step 5 Resize the Light

Position the light and light texture so that it matches the orientation that you used in your screen-shot plan image.

For horizontal or off-angle projections you will need to rotate the light.

Rotation Reference:

Rotate Mode:

Key: R

Rotate X

LeftBbar:

Modify>Rotate>Rotate X
RotateSelectionX

Rotate Y

LeftBbar:

Modify>Rotate>Rotate Y
RotateSelectionY

Rotate Z

LeftBbar:

Modify>Rotate>Rotate Z
RotateSelectionZ

Example Light Shader

(from Strombine)

lights/aa_1_sky1
{
  lightFalloffImage makeIntensity( gfx/lights/1_sky1_z.tga )
  {
  forceHighQuality
  map gfx/lights/1_sky1_xy.tga
  red Parm0 * 2
  green Parm1 * 2
  blue Parm2 * 2
  zeroClamp
  }
}

Example Ambient Light Shader

(from Strombine)

lights/aa_1_amb1
{
  ambientLight
  lightFalloffImage makeIntensity( gfx/lights/xrampup.tga )
  {
  forceHighQuality
  map gfx/lights/1_amb1_xy.tga
  colored
  // zeroClamp
  }
}

TDM Examples

Look in tdm_textures_base01

tdm_light_shadows

tdm_light_textures

Envshot Method

Rather than having to plan angles and approximate bounces by eye this method may save some time (depending on the light positioning considerations)

1) Illuminate your scene with as many point and projected lights needed to achieve your look (dont worry about FPS)

2) Remove the primary light sources

3) Use the following method (from Rich_is_Bored) to override materials to Grey

Make a flat grey material like this...


textures/clayrender
{
  {
    blend diffusemap
    map _white
    rgb 0.5
  }
}

Then when you want to capture the lighting in a scene use this command first...


materialoverride "textures/clayrender"

Then do your envshot.

Then restore the original textures using ...


materialoverride ""

4) Set your resolution to 640x480

5) Position Point Lights to hit 6 direction surfaces (matching an envshot)

(Note: A prefab with 6 projected lights would speed this process...)

6) Create an envshot from the origin position for step 4

7) Blur any weak bounce lights

8) Create projected Ambient Lights using as many of the modified envshot's as needed for the light Z-projection textures

9) (Create a Falloff Image that reduces the beam intensity closer to the origin)

Recent Development:

Doom 3 mod author, "Sikkpin", has demonstrated a method of altering the native Doom 3 lighting method to use a Cubemap as the projection texture and algorithmically perform the Falloff (instead of using a Falloff texture). He also implemented Source\HL2 style Cubemap ambient lighting. While The Dark Mod would not feasibly be able to substitute this method as it would break existing maps, a mapper could override the glprogs with one packed with their mission and have this method available. That action would likely break the existing menu settings for the mod (for the mapper's mission) unless the mapper were ingenious enough to modify the existing programs to include Sikkpin's code (and pack the override with their map). So this is a sort of mutinous suggestion but it would be interesting to see it done:

Sikkpin Cubemap Lighting

@@ Line 1: / Line 1: @@
-==Credits==
-While I am still getting this article in shape. Whatever notion I have on this topic was conveyed to me by the following members:
-* plasticman
-* Rich_is_Bored
-* rebb
-* SneaksieDave
-* Tels
 ==Introduction==

Light Textures and Falloff Images: Difference between revisions

Revision as of 22:13, 27 March 2012

Contents

Introduction

Example from Rich_is_Bored

Step 1 Planning

Step 2 Screen-Shots and Texture Creation

Tools

GIMP Steps

Gradient Techniques

Alpha Channel Adjustment

Bounce Prediction Techniques

Path Conventions

Optional: Constrain to Spectrum

Step 3 Material Definitions

Step 4 Dark Radiant Light Definitions

Step 5 Resize the Light

Example Light Shader

Example Ambient Light Shader

TDM Examples

Envshot Method

See also

Navigation menu

Page actions

Page actions

Personal tools

Navigation

Search

Tools