This article's documentation is for anything that uses the Source engine. Click here for more information.

$detail: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
mNo edit summary
Line 21: Line 21:


== Parameters and Effects ==
== Parameters and Effects ==
<table cellpadding="4" width="100%" style="border:1px solid #525252">
{{MatParam|$detailtexturetransform|matrix|Rotates, scales, etc. the detail texture. {{VMT UVtransform}}|dx9=1}}
<tr style="z-index:100; background-color:#949494; box-shadow:0 2px 0 rgb(38 38 38); color:#141414; position:sticky; margin-bottom:2px; top:0;">
{{bug|This parameter does not exist for {{ent|LightmappedGeneric}}, {{ent|WorldVertexTransition}} and {{only|{{csgo}}}} {{ent|Lightmapped_4WayBlend}}.}}
<th width="8%" style="box-shadow:2px 0 rgb(38 38 38)">Parameter</th>
{{bug|Does not work with {{ent|$treesway}}.}}
<th width="8%" style="box-shadow:2px 0 rgb(38 38 38)">{{KV/strings|Variable}}</th>
{{MatParam|$detailscale|float|Fits the detail texture onto the material the given number of times (default {{=}} 4). Generally used instead of <code>$detailtexturetransform</code> with a value of around 7 or 8 for a 128px detail texture. To independently scale the X and Y coordinates, place your values in brackets: <code>$detailscale "[ 4 8 ]"</code> }}
<th>{{KV/strings|Desc}}</th>
{{MatParam|$detailblendfactor|normal|Controls the amount that the detail texture affects the base texture. The precise use of this depends on the blend factor; in most cases it acts similarly to [[$alpha]]. A value of 0 usually makes the detail texture have no effect, whilst a value of 1 applies the full effect.}}
</tr>
{{MatParam|$detailblendmode|int|How to combine the detail material with the albedo.}}
 
:There are 12 different detail blend methods that can be used.
<tr bgcolor="#3a3a3a">
:The blend modes are implemented in <code>stdshaders/common_ps_fx.h</code>.
<td align="center"><kbd>$detailtexturetransform</kbd></td>
[[Image:Detail_blend_modes_l4d2.jpg||320px|thumb|right|Blend modes in L4D2, factor .8 (Left to right modes 0 to 11, base texture only and detail only. Top row detail opacity 100%, bottom 50%).]]
<td align="center">{{KV Type|matrix}}</td>
<td style="padding:0"><div style="max-height:200px; box-sizing:border-box; overflow-y:auto; padding:4px"><div style="display:flex; align-items:center; flex-wrap:wrap; gap:6px">{{Dx9}}</div>
Rotates, scales, etc. the detail texture.
 
The default position is {{Code|style=1|center .5 .5 scale 1 1 rotate 0 translate 0 0}}.
 
# {{Code|style=1|center}} defines the point of rotation. Only useful if rotate is being used.
# {{Code|style=1|scale}} fits the texture into the material the given number of times. 2 1 is a 50% scale in the horizontal X axis while the vertical Y axis is still at original scale.
# {{Code|style=1|rotate}} rotates the texture counter-clockwise in degrees. Accepts any number, including negatives.
# {{Code|style=1|translate}} shifts the texture by the given numbers. .5 will shift it half-way. 1 will shift it once completely over, which is the same as not moving it at all.
{{Note|All values must be included!}}
{{Bug|Scaling the texture may cause odd issues where the Texture Lock tool in Hammer will not actually lock the texture in place.}}
{{Bug|Rotating textures applied on brushes will rotate around the map origin (confirm: Orangebox engine only?). A fix for this is to change the center position in the VMT to the brush's origin.}}
 
{{Bug|This parameter does not exist for [[LightmappedGeneric]], [[WorldVertexTransition]] and {{only|{{csgo}}}} [[Lightmapped_4WayBlend]].}}
{{Bug|Does not work with {{Ent|$treesway}}.}}</div></td>
</tr>
 
<tr bgcolor="#3a3a3a">
<td align="center"><kbd>$detailscale</kbd></td>
<td align="center">{{KV Type|float}}</td>
<td style="padding:0"><div style="max-height:200px; box-sizing:border-box; overflow-y:auto; padding:4px">Fits the detail texture onto the material the given number of times (default = 4). Generally used instead of {{Code|$detailtexturetransform}} with a value of around 7 or 8 for a 128px detail texture. To independently scale the X and Y coordinates, place your values in brackets: {{Code|$detailscale "[ 4 8 ]"}}</div></td>
</tr>
 
<tr bgcolor="#3a3a3a">
<td align="center"><kbd>$detailblendfactor</kbd></td>
<td align="center">{{KV Type|normal}}</td>
<td style="padding:0"><div style="max-height:200px; box-sizing:border-box; overflow-y:auto; padding:4px">Controls the amount that the detail texture affects the base texture. The precise use of this depends on the blend factor; in most cases it acts similarly to {{Ent|$alpha}}. A value of 0 usually makes the detail texture have no effect, whilst a value of 1 applies the full effect.
</div></td>
</tr>
 
<tr bgcolor="#3a3a3a">
<td align="center"><kbd>$detailblendmode</kbd></td>
<td align="center">{{KV Type|integer}}</td>
<td style="padding:0"><div style="max-height:400px; box-sizing:border-box; overflow-y:auto; padding:4px">How to combine the detail material with the albedo.
 
There are 12 different detail blend methods that can be used.
 
The blend modes are implemented in {{Code|stdshaders/common_ps_fx.h}}.
 
<div class="thumbinner" style="width:320px; display:flex; flex-direction:column; text-align:left; float:right; margin: 8px 0 8px 8px">[[Image:Detail_blend_modes_l4d2.jpg||320px|Blend modes in L4D2, factor .8 (Left to right modes 0 to 11, base texture only and detail only. Top row detail opacity 100%, bottom 50%).]]
<div style="margin:2px">Blend modes in L4D2, factor .8 (Left to right modes 0 to 11, base texture only and detail only. Top row detail opacity 100%, bottom 50%).</div></div>
 
{| class="standard-table"
{| class="standard-table"
! Mode
! Mode
Line 80: Line 37:
| 0
| 0
| DecalModulate
| DecalModulate
| This functions the same as the {{Ent|DecalModulate}} shader—colors below 128 darken the image, colors above lighten the image.
| This functions the same as the {{ent|DecalModulate}} shader—colors below 128 darken the image, colors above lighten the image.
|-
|-
| 1
| 1
| Additive
| Additive
| The color of the detail texture is added to the base texture. This is the same as {{Ent|$additive}}.
| The color of the detail texture is added to the base texture. This is the same as {{ent|$additive}}.
|-
|-
| 2
| 2
Line 108: Line 65:
| 7
| 7
| Two-Pattern DecalModulate
| Two-Pattern DecalModulate
| Only the red and alpha channels of the detail texture are used. This operates like the {{Ent|DecalModulate}} shader or blend mode 0, but the base alpha channel fades between using the red (0) or alpha (255) detail channel as the modulation source. This effectively allows two detail materials, although both are greyscale.
| Only the red and alpha channels of the detail texture are used. This operates like the {{ent|DecalModulate}} shader or blend mode 0, but the base alpha channel fades between using the red (0) or alpha (255) detail channel as the modulation source. This effectively allows two detail materials, although both are greyscale.
|-
|-
| 8
| 8
Line 120: Line 77:
| 10
| 10
| Self-Shadowed Bumpmap
| Self-Shadowed Bumpmap
| The detail texture is used as a (possibly additional) {{Ent|$ssbump}} bumpmap. The blend factor is ignored.{{Note|You can use this to get a standard bumpmap and a self-shadowing bumpmap on the same material. However, this is expensive and should be used very sparingly.}}
| The detail texture is used as a (possibly additional) {{ent|$ssbump}} bumpmap. The blend factor is ignored.{{Note|You can use this to get a standard bumpmap and a self-shadowing bumpmap on the same material. However, this is expensive and should be used very sparingly.}}
|-
|-
| 11
| 11
Line 126: Line 83:
| Unknown function, used internally. The comment says, "shader does the magic here - no user needs to specify mode 11."
| Unknown function, used internally. The comment says, "shader does the magic here - no user needs to specify mode 11."
|}
|}
{{Important|Below is listed, what blendmodes, work in which games, on what shaders. Using a non-supported Blendmode can/will result in "Missing Shader Combo" errors flooding the Console. The Material will not Render!}}
{{Important|Below is listed, what blendmodes, work in which games, on what shaders. Using a non-supported Blendmode can/will result in "Missing Shader Combo" errors flooding the Console. The Material will not Render!}}
* In {{csgo}} {{Ent|LightmappedGeneric}} Modes 1-6 and 8 are not supported. 9 not with {{Ent|$bumpmap}}, {{Ent|$envmap}}, {{Ent|$selfillum}}.
* In {{csgo}} {{ent|LightmappedGeneric}} Modes 1-6 and 8 are not supported. 9 not with {{ent|$bumpmap}}, {{ent|$envmap}}, {{ent|$selfillum}}.
* In {{csgo}} {{Ent|WorldVertexTransition}} Modes 1-6, 8-9 are not supported. 7 Does not work with {{Ent|$blendmodulatetexture}}.
* In {{csgo}} {{ent|WorldVertexTransition}} Modes 1-6, 8-9 are not supported. 7 Does not work with {{ent|$blendmodulatetexture}}.
* In {{csgo}} {{Ent|VertexLitGeneric}} Modes 0-9 are supported '''without''' {{Ent|$bumpmap}}, 0-7 '''with'''. However only with {{Ent|$phong}}, 5 & 6 usable. The Shader without {{Ent|$phong}} doesn't have the code to use 5 & 6.
* In {{csgo}} {{ent|VertexLitGeneric}} Modes 0-9 are supported '''without''' {{ent|$bumpmap}}, 0-7 '''with'''. However only with {{ent|$phong}}, 5 & 6 usable. The Shader without {{ent|$phong}} doesn't have the code to use 5 & 6.
* In {{csgo}} {{Ent|Lightmapped_4WayBlend}} Modes 1-6 are not supported.
* In {{csgo}} {{ent|Lightmapped_4WayBlend}} Modes 1-6 are not supported.
* In {{src13}} {{tf2}} {{Ent|LightmappedGeneric}} Modes 2-9 are not supported.
* In {{src13}} {{tf2}} {{ent|LightmappedGeneric}} Modes 2-9 are not supported.
* In {{src13}} {{tf2}} {{as}}{{Ent|VertexLitGeneric}} Modes 0-9 are supported '''without''' {{Ent|$bumpmap}}, 0-6 '''with'''. However only with {{Ent|$phong}}, 5 & 6 usable. The Shader without {{Ent|$phong}} doesn't have the code to use 5 & 6.
* In {{src13}} {{tf2}} {{as}}{{ent|VertexLitGeneric}} Modes 0-9 are supported '''without''' {{ent|$bumpmap}}, 0-6 '''with'''. However only with {{ent|$phong}}, 5 & 6 usable. The Shader without {{ent|$phong}} doesn't have the code to use 5 & 6.
* In {{as}}{{Ent|LightmappedGeneric}} and {{Ent|WorldVertexTransition}} Mode 6 is not supported. Additionally 7 does not work with {{Ent|$bumpmap2}}, {{Ent|$softedges}} and {{Ent|$blendmodulatetexture}}.
* In {{as}}{{ent|LightmappedGeneric}} and {{ent|WorldVertexTransition}} Mode 6 is not supported. Additionally 7 does not work with {{ent|$bumpmap2}}, {{ent|$softedges}} and {{ent|$blendmodulatetexture}}.
* In {{l4d2}} Modes 1, 4, 6, 9, and 10 are not supported.
* In {{l4d2}} Modes 1, 4, 6, 9, and 10 are not supported.
</div></td>
<br>
</tr>
{{MatParam|$detailtint|RGB matrix|Color tint of the detail texture.}}
 
{{bug|In {{src13}} {{tf2}} {{as}} {{csgo}} On {{ent|VertexLitGeneric}}. Does not work with {{ent|$bumpmap}} or {{ent|$phong}}}}
<tr bgcolor="#3a3a3a">
{{bug|Does not work with {{ent|$blendtintbybasealpha}}<br>
<td align="center"><kbd>$detailtint</kbd></td>
{{todo|Verify which games this is broken in ( Works in {{l4d2}} {{tf2}} {{portal2}} {{csgo}} {{as}} and {{src13}} ).}}}}
<td align="center">{{KV Type|RGB matrix}}</td>
{{MatParam|$detailframe|int|The frame to start an animated <code>$detail</code> texture on.|dx9=1}}
<td style="padding:0"><div style="max-height:200px; box-sizing:border-box; overflow-y:auto; padding:4px">
{{MatParam|$detail_alpha_mask_base_texture|bool|{{ent|WorldVertexTransition}} only. When enabled, causes the level of detail alpha to determine "base texture blending."{{important|Since '''at minimum''' {{src13}} this parameter does not actually do anything!}}|removed={{csgo}}}}
Color tint of the detail texture.
<br>
 
==={{csgo}} <tt>WorldVertexTransition</tt> Parameters===
{{Bug|In {{src13}} {{tf2}} {{as}} {{csgo}} On [[VertexLitGeneric]]. Does not work with {{Ent|$bumpmap}} or {{Ent|$phong}}}}
{{confirm|are these limited to {{csgo}}, or are they in some/all {{csgobranch}}–branch games?}}
{{Bug|Does not work with {{Ent|$blendtintbybasealpha}}}}
{{MatParam|$detail2|texture|Detail texture for {{ent|WorldVertexTransition}}'s second layer.
To do: Verify which games this is broken in ( Works in {{l4d2}} {{tf2}} {{portal2}} {{csgo}} {{as}} and {{src13}} ).
{{note|{{ent|LightmappedGeneric}} technically has support for these parameters and other <code>WorldVertexTransition</code> parameters, but they may not work as expected.}}
</div></td>
{{note|There is no <code>$detailtransform2</code>, the Shader will use {{ent|$basetexturetransform2}} instead! }}
</tr>
{{important|Requires both <code>$detail</code> and <code>$basetexture2</code> to be present!}}
 
{{bug|Cannot be used with <code>$detailblendmode "9"</code>.}}
<tr bgcolor="#3a3a3a">
|only={{csgo}}|shaders=WorldVertexTransition}}
<td align="center"><kbd>$detailframe</kbd></td>
{{MatParam|$detailscale2|float|Detail scale for <tt>$detail2</tt>.|only={{csgo}}|shaders=WorldVertexTransition}}
<td align="center">{{KV Type|integer}}</td>
{{MatParam|$detailblendfactor2|normal|Detail blend factor for <tt>$detail2</tt>. {{Note|<code>$detailblendfactor</code> and <code>$detailblendfactor2</code> are blended together before combining with the basetexture.}}|only={{csgo}}|shaders=WorldVertexTransition}}
<td style="padding:0"><div style="max-height:200px; box-sizing:border-box; overflow-y:auto; padding:4px"><div style="display:flex; align-items:center; flex-wrap:wrap; gap:6px">{{Dx9}}</div>The frame to start an animated {{Code|$detail}} texture on.
{{MatParam|$detailframe2|int|The frame to start an animated <code>$detail2</code> texture on.|only={{csgo}}|shaders=WorldVertexTransition}}
</div></td>
{{MatParam|$detailtint2|RGB matrix|Color tint for <tt>$detail2</tt>.|only={{csgo}}|shaders=WorldVertexTransition}}
</tr>
<br>
 
==={{csgo}}{{portal2}} <tt>SolidEnergy</tt> Parameters===
<tr bgcolor="#3a3a3a">
{{todo|Confirm if all of this information is actually true for {{portal2}}}}
<td align="center"><kbd>$detail_alpha_mask_base_texture</kbd></td>
{{confirm|Is {{ent|SolidEnergy}} available in {{csgobranch}}–branch games?}}
<td align="center">{{KV Type|boolean}}</td>
{{note|$detail1tint and $detail2tint do not exist on this Shader, they are missing in this list intentionally!}}
<td style="padding:0"><div style="max-height:200px; box-sizing:border-box; overflow-y:auto; padding:4px"><div style="display:flex; align-items:center; flex-wrap:wrap; gap:6px">{{removed|{{csgo}}}}</div>[[WorldVertexTransition]] only. When enabled, causes the level of detail alpha to determine "base texture blending."
{{important|<code>$detail</code> has very similar parameter names, but they are not the same! }}
{{Important|Since at minimum Source 2013 this parameter does not actually do anything!}}
{{MatParam|$detail1|texture|Detail texture for {{ent|SolidEnergy}}'s second layer.|only={{csgo}}{{portal2}}|shaders=SolidEnergy}}
</div></td>
{{MatParam|$detail1blendmode|int|How to combine the detail material with the albedo.|only={{csgo}}{{portal2}}|shaders=SolidEnergy}}
</tr>
:There are 2 different detail blend methods that can be used.
 
<tr><td colspan="6" bgcolor="#303030" align="center"><h3 style="font-size:1em; color:#b9b7b5; padding:0; margin:2px 0">[[File:csgo-16px.png]] <tt>WorldVertexTransition</tt> Parameters</h3></td></tr>
<tr><td colspan="6" bgcolor="#2E342F" align="center">{{Confirm|are these limited to {{csgo}}, or are they in some/all {{csgobranch}}–branch games?}}</td></tr>
 
<tr bgcolor="#3a3a3a">
<td align="center"><kbd>$detail2</kbd></td>
<td align="center">{{KV Type|texture}}</td>
<td style="padding:0"><div style="max-height:200px; box-sizing:border-box; overflow-y:auto; padding:4px">Detail texture for [[WorldVertexTransition]]'s second layer.
{{Note|{{Ent|LightmappedGeneric}} technically has support for these parameters and other <code>WorldVertexTransition</code> parameters, but they may not work as expected.}}
{{Note|There is no {{Code|$detailtransform2}}, the Shader will use {{Ent|$basetexturetransform2}} instead! }}
{{Important|Requires both {{Code|$detail}} and {{Code|$basetexture2}} to be present!}}
{{Bug|Cannot be used with {{Code|$detailblendmode "9"}}.}}
</div></td>
</tr>
 
<tr bgcolor="#3a3a3a">
<td align="center"><kbd>$detailscale2</kbd></td>
<td align="center">{{KV Type|float}}</td>
<td style="padding:0"><div style="max-height:200px; box-sizing:border-box; overflow-y:auto; padding:4px"><div style="display:flex; align-items:center; flex-wrap:wrap; gap:6px">{{only|{{csgo}}}}</div>Detail scale for {{Code|$detail2}}.
</div></td>
</tr>
 
<tr bgcolor="#3a3a3a">
<td align="center"><kbd>$detailblendfactor2</kbd></td>
<td align="center">{{KV Type|normal}}</td>
<td style="padding:0"><div style="max-height:200px; box-sizing:border-box; overflow-y:auto; padding:4px"><div style="display:flex; align-items:center; flex-wrap:wrap; gap:6px">{{only|{{csgo}}}}</div>Detail blend factor for {{Code|$detail2}}.
{{Note|{{Code|$detailblendfactor}} and {{Code|$detailblendfactor2}} are blended together before combining with the basetexture.}}
</div></td>
</tr>
 
<tr bgcolor="#3a3a3a">
<td align="center"><kbd>$detailframe2</kbd></td>
<td align="center">{{KV Type|integer}}</td>
<td style="padding:0"><div style="max-height:200px; box-sizing:border-box; overflow-y:auto; padding:4px"><div style="display:flex; align-items:center; flex-wrap:wrap; gap:6px">{{only|{{csgo}}}}</div>The frame to start an animated $detail2 texture on.
</div></td>
</tr>
 
<tr bgcolor="#3a3a3a">
<td align="center"><kbd>$detailtint2</kbd></td>
<td align="center">{{KV Type|RGB matrix}}</td>
<td style="padding:0"><div style="max-height:200px; box-sizing:border-box; overflow-y:auto; padding:4px"><div style="display:flex; align-items:center; flex-wrap:wrap; gap:6px">{{only|{{csgo}}}}</div>Color tint for $detail2.
</div></td>
</tr>
 
<tr><td colspan="6" bgcolor="#303030" align="center"><h3 style="font-size:1em; color:#b9b7b5; padding:0; margin:2px 0">[[File:csgo-16px.png]][[File:portal2-16px.png]] <tt>SolidEnergy</tt> Parameters</h3></td></tr>
<tr><td colspan="6" bgcolor="#2E342F" align="center">{{Todo|Confirm if all of this information is actually true for {{portal2}}}}</td></tr>
<tr><td colspan="6" bgcolor="#2E342F" align="center">{{Confirm|Is [[SolidEnergy]] available in {{csgo}} engine branch–branch games?}}</td></tr>
<tr><td colspan="6" bgcolor="#343432" align="center">{{Note|$detail1tint and $detail2tint do not exist on this Shader, they are missing in this list intentionally!}}</td></tr>
<tr><td colspan="6" bgcolor="#34322E" align="center">{{Important|{{Code|$detail}} has very similar parameter names, but they are not the same!}}</td></tr>
 
<tr bgcolor="#3a3a3a">
<td align="center"><kbd>$detail1</kbd></td>
<td align="center">{{KV Type|texture}}</td>
<td style="padding:0"><div style="max-height:200px; box-sizing:border-box; overflow-y:auto; padding:4px"><div style="display:flex; align-items:center; flex-wrap:wrap; gap:6px">{{only|{{csgo}} {{portal2}}}}</div>Detail texture for [[SolidEnergy]]'s second layer.
</div></td>
</tr>
 
<tr bgcolor="#3a3a3a">
<td align="center"><kbd>$detail1blendmode</kbd></td>
<td align="center">{{KV Type|integer}}</td>
<td style="padding:0"><div style="max-height:200px; box-sizing:border-box; overflow-y:auto; padding:4px"><div style="display:flex; align-items:center; flex-wrap:wrap; gap:6px">{{only|{{csgo}} {{portal2}}}}</div>How to combine the detail material with the albedo.
 
There are 2 different detail blend methods that can be used.
 
{| class="standard-table"
{| class="standard-table"
! Mode
! Mode
Line 236: Line 128:
| 0  
| 0  
| DecalModulate
| DecalModulate
| This functions the same as the {{Ent|DecalModulate}} shader—colors below 128 darken the image, colors above lighten the image.
| This functions the same as the {{ent|DecalModulate}} shader—colors below 128 darken the image, colors above lighten the image.
|-
|-
| 1
| 1
Line 242: Line 134:
| $basetexture is multiplied by $detail1, Alpha of the $basetexture controls the strength of the effect. Black parts have full multiplication, White parts have no multiplication.
| $basetexture is multiplied by $detail1, Alpha of the $basetexture controls the strength of the effect. Black parts have full multiplication, White parts have no multiplication.
|}
|}
{{MatParam|$detail1scale|float|Detail scale for <tt>$detail2</tt>. {{note| Does not appear to do anything.}}|only={{csgo}}{{portal2}}|shaders=SolidEnergy}}
{{MatParam|$detail1blendfactor|float|Detail blend factor for <tt>$detail2</tt>. {{note| Does not appear to do anything.}}|only={{csgo}}{{portal2}}|shaders=SolidEnergy}}
{{MatParam|$detail1frame|int|The frame to start an animated <code>$detail1</code> texture on.|only={{csgo}}{{portal2}}|shaders=SolidEnergy}}


</div></td>
{{important|{{csgo}}s {{ent|WorldVertexTransition}} Shader has very similar <code>$detail2</code> parameter names, but they are not the same!}}
</tr>
{{MatParam|$detail2|texture|Detail texture for {{ent|SolidEnergy}}'s third layer.|only={{csgo}}{{portal2}}|shaders=SolidEnergy}}
 
{{MatParam|$detail2blendmode|int|How to combine the detail material with the albedo.|only={{csgo}}{{portal2}}|shaders=SolidEnergy}}
<tr bgcolor="#3a3a3a">
:There are 2 different detail blend methods that can be used.
<td align="center"><kbd>$detail1scale</kbd></td>
<td align="center">{{KV Type|float}}</td>
<td style="padding:0"><div style="max-height:200px; box-sizing:border-box; overflow-y:auto; padding:4px"><div style="display:flex; align-items:center; flex-wrap:wrap; gap:6px">{{only|{{csgo}} {{portal2}}}}</div>Detail scale for {{Code|$detail2}}.{{Note|Does not appear to do anything.}}
</div></td>
</tr>
 
<tr bgcolor="#3a3a3a">
<td align="center"><kbd>$detail1blendfactor</kbd></td>
<td align="center">{{KV Type|float}}</td>
<td style="padding:0"><div style="max-height:200px; box-sizing:border-box; overflow-y:auto; padding:4px"><div style="display:flex; align-items:center; flex-wrap:wrap; gap:6px">{{only|{{csgo}} {{portal2}}}}</div>Detail blend factor for {{Code|$detail2}}.{{Note|Does not appear to do anything.}}
</div></td>
</tr>
 
<tr bgcolor="#3a3a3a">
<td align="center"><kbd>$detail1frame</kbd></td>
<td align="center">{{KV Type|integer}}</td>
<td style="padding:0"><div style="max-height:200px; box-sizing:border-box; overflow-y:auto; padding:4px"><div style="display:flex; align-items:center; flex-wrap:wrap; gap:6px">{{only|{{csgo}} {{portal2}}}}</div>The frame to start an animated {{Code|$detail1}} texture on.
 
{{Important|{{csgo}} [[WorldVertexTransition]] Shader has very similar {{Code|$detail2}} parameter names, but they are not the same!
</div></td>
</tr>
 
<tr bgcolor="#3a3a3a">
<td align="center"><kbd>$detail2</kbd></td>
<td align="center">{{KV Type|texture}}</td>
<td style="padding:0"><div style="max-height:200px; box-sizing:border-box; overflow-y:auto; padding:4px"><div style="display:flex; align-items:center; flex-wrap:wrap; gap:6px">{{only|{{csgo}} {{portal2}}}}</div>Detail texture for [[SolidEnergy]]'s third layer.
</div></td>
</tr>
 
<tr bgcolor="#3a3a3a">
<td align="center"><kbd>$detail2blendmode</kbd></td>
<td align="center">{{KV Type|integer}}</td>
<td style="padding:0"><div style="max-height:unset; box-sizing:border-box; overflow-y:auto; padding:4px"><div style="display:flex; align-items:center; flex-wrap:wrap; gap:6px">{{only|{{csgo}} {{portal2}}}}</div>How to combine the detail material with the albedo.
 
There are 2 different detail blend methods that can be used.
{| class="standard-table"
{| class="standard-table"
! Mode
! Mode
Line 289: Line 149:
| 0
| 0
| Additive
| Additive
| Adds $detail2 onto the $basetexture. {{Note|When using a $detail1, $detail2 will first be multiplied by $detail2!}}
| Adds $detail2 onto the $basetexture. {{note|When using a $detail1, $detail2 will first be multiplied by $detail2!}}
|-
|-
| 1
| 1
| Multiply
| Multiply
| $basetexture is multiplied by $detail2. {{Note|There is no way to control the strength of the effect.}}
| $basetexture is multiplied by $detail2. {{note|There is no way to control the strength of the effect.}}
|}
|}
 
{{MatParam|$detail2scale|float|Detail scale for <tt>$detail2</tt>. {{note| Does not appear to do anything.}}|only={{csgo}}{{portal2}}|shaders=SolidEnergy}}
</div></td>
{{MatParam|$detail2blendfactor|float|Detail blend factor for <tt>$detail2</tt>. {{note| Does not appear to do anything.}}|only={{csgo}}{{portal2}}|shaders=SolidEnergy}}
</tr>
{{MatParam|$detail2frame|int|The frame to start an animated <code>$detail2</code> texture on.|only={{csgo}}{{portal2}}|shaders=SolidEnergy}}
 
<tr bgcolor="#3a3a3a">
<td align="center"><kbd>$detail2scale</kbd></td>
<td align="center">{{KV Type|float}}</td>
<td style="padding:0"><div style="max-height:200px; box-sizing:border-box; overflow-y:auto; padding:4px"><div style="display:flex; align-items:center; flex-wrap:wrap; gap:6px">{{only|{{csgo}} {{portal2}}}}</div>Detail scale for {{Code|$detail2}}. {{Note| Does not appear to do anything.}}
</div></td>
</tr>
 
<tr bgcolor="#3a3a3a">
<td align="center"><kbd>$detail2blendfactor</kbd></td>
<td align="center">{{KV Type|float}}</td>
<td style="padding:0"><div style="max-height:200px; box-sizing:border-box; overflow-y:auto; padding:4px"><div style="display:flex; align-items:center; flex-wrap:wrap; gap:6px">{{only|{{csgo}} {{portal2}}}}</div>Detail blend factor for {{Code|$detail2}}. {{Note|Does not appear to do anything.}}
</div></td>
</tr>
 
<tr bgcolor="#3a3a3a">
<td align="center"><kbd>$detail2frame</kbd></td>
<td align="center">{{KV Type|integer}}</td>
<td style="padding:0"><div style="max-height:200px; box-sizing:border-box; overflow-y:auto; padding:4px"><div style="display:flex; align-items:center; flex-wrap:wrap; gap:6px">{{only|{{csgo}} {{portal2}}}}</div>The frame to start an animated <code>$detail2</code> texture on.
</div></td>
</tr>
</table>


== Valve's Detail Textures ==
== Valve's Detail Textures ==

Revision as of 22:41, 9 March 2023

English (en)Français (fr)中文 (zh)Translate (Translate)
A detail texture (noise_detail_01), and its effect when applied to a material (left).

Template:Shaderparam It specifies a texture which Source will use to add high-resolution detail to a material when it is viewed up close, by darkening or lightening the albedo appropriately, depending on the $detailblendmode. You can also use a full color (as opposed to grayscale) image and blend it using $detailblendmode 2. It is very effective for increasing the apparent resolution of a texture, and was used extensively in Half-Life 2: Episode Two Half-Life 2: Episode Two.

Icon-Bug.pngBug:$Detail textures do not work in conjunction with some parameters :  [todo tested in ?]
Note.pngNote: In Counter-Strike: Global Offensive, LightmappedGeneric does not appear to even have $lightwarptexture as a parameter... So it 'cannot not' work.
Todo:  Document issues from other branches of source.
Todo:  Things that don't work in Alien Swarm, usually don't work in Left 4 Dead either. And vice versa. But it'd be better if someone could confirm this.
Note.pngNote: Previously it was stated that $blendmodulatetexture would only work with $detail in Counter-Strike: Global Offensive. however. This does appear to work, in at least Source 2013Team Fortress 2Alien Swarm and Counter-Strike: Global Offensive.

Syntax

$detail <texture>

You will probably want to use at least $detailscale (see below) as well.

Parameters and Effects

$detailtexturetransform

Icon-Bug.pngBug:This parameter does not exist for LightmappedGeneric, WorldVertexTransition and (only in Counter-Strike: Global Offensive) Lightmapped_4WayBlend.  [todo tested in ?]
Icon-Bug.pngBug:Does not work with $treesway.  [todo tested in ?]

$detailscale $detailblendfactor $detailblendmode

There are 12 different detail blend methods that can be used.
The blend modes are implemented in stdshaders/common_ps_fx.h.
Blend modes in L4D2, factor .8 (Left to right modes 0 to 11, base texture only and detail only. Top row detail opacity 100%, bottom 50%).
Mode Effect Description
0 DecalModulate This functions the same as the DecalModulate shader—colors below 128 darken the image, colors above lighten the image.
1 Additive The color of the detail texture is added to the base texture. This is the same as $additive.
2 Translucent Detail The detail texture is applied as a translucent overlay on top of the base texture.
3 Blend Factor Fade The detail texture is applied as a translucent overlay, but ignoring its alpha channel. Instead, the blend factor is used to determine how much of the base texture shows through underneath.
4 Translucent Base This effectively flips the normal layering of the two textures. The detail texture appears "below," with the base alpha channel controlling it as a translucent overlay. The detail alpha channel controls the overall material alpha—for translucency, masking, or other uses.
5 Unlit Additive The color of the detail texture is added to the base texture identically to mode 1, but this color is unaffected by lighting and therefore appears to glow.
6 Unlit Additive Threshold Fade This adds color unaffected by lighting like mode 5, but first modifies the color added in two modes, depending on if the blend factor is above or below 0.5.
7 Two-Pattern DecalModulate Only the red and alpha channels of the detail texture are used. This operates like the DecalModulate shader or blend mode 0, but the base alpha channel fades between using the red (0) or alpha (255) detail channel as the modulation source. This effectively allows two detail materials, although both are greyscale.
8 Multiply The color of the base channel is multiplied by that of the detail texture.
9 Base Mask via Detail Alpha Only the detail alpha channel is used. It is multiplied with the base texture's alpha channel to produce the final alpha value.
10 Self-Shadowed Bumpmap The detail texture is used as a (possibly additional) $ssbump bumpmap. The blend factor is ignored.
Note.pngNote:You can use this to get a standard bumpmap and a self-shadowing bumpmap on the same material. However, this is expensive and should be used very sparingly.
11 SSBump Albedo Unknown function, used internally. The comment says, "shader does the magic here - no user needs to specify mode 11."
Icon-Important.pngImportant:Below is listed, what blendmodes, work in which games, on what shaders. Using a non-supported Blendmode can/will result in "Missing Shader Combo" errors flooding the Console. The Material will not Render!


$detailtint

Icon-Bug.pngBug:In Source 2013 Team Fortress 2 Alien Swarm Counter-Strike: Global Offensive On VertexLitGeneric. Does not work with $bumpmap or $phong  [todo tested in ?]
Icon-Bug.pngBug:Does not work with $blendtintbybasealpha
Todo: Verify which games this is broken in ( Works in Left 4 Dead 2 Team Fortress 2 Portal 2 Counter-Strike: Global Offensive Alien Swarm and Source 2013 ).
  [todo tested in ?]

$detailframe $detail_alpha_mask_base_texture

Counter-Strike: Global Offensive WorldVertexTransition Parameters

Confirm:are these limited to Counter-Strike: Global Offensive, or are they in some/all CS:GO engine branch–branch games?

$detail2 $detailscale2 $detailblendfactor2 $detailframe2 $detailtint2

Counter-Strike: Global OffensivePortal 2 SolidEnergy Parameters

Todo: Confirm if all of this information is actually true for Portal 2
Confirm:Is SolidEnergy available in CS:GO engine branch–branch games?
Note.pngNote:$detail1tint and $detail2tint do not exist on this Shader, they are missing in this list intentionally!
Icon-Important.pngImportant:$detail has very similar parameter names, but they are not the same!

$detail1 $detail1blendmode

There are 2 different detail blend methods that can be used.
Mode Effect Description
0 DecalModulate This functions the same as the DecalModulate shader—colors below 128 darken the image, colors above lighten the image.
1 Multiply $basetexture is multiplied by $detail1, Alpha of the $basetexture controls the strength of the effect. Black parts have full multiplication, White parts have no multiplication.

$detail1scale $detail1blendfactor $detail1frame

Icon-Important.pngImportant:Counter-Strike: Global Offensives WorldVertexTransition Shader has very similar $detail2 parameter names, but they are not the same!

$detail2 $detail2blendmode

There are 2 different detail blend methods that can be used.
Mode Effect Description
0 Additive Adds $detail2 onto the $basetexture.
Note.pngNote:When using a $detail1, $detail2 will first be multiplied by $detail2!
1 Multiply $basetexture is multiplied by $detail2.
Note.pngNote:There is no way to control the strength of the effect.

$detail2scale $detail2blendfactor $detail2frame

Valve's Detail Textures

Valve's stock detail textures (available in OB only) are best used with the following pre-configured values:

$detail detail\noise_detail_01 // e.g. for brickwork, concrete...
$detailscale 7.74
$detailblendfactor 0.8
$detailblendmode 0
$detail detail\metal_detail_01
$detailscale 4.283
$detailblendfactor .65
$detailblendmode 0
$detail detail\rock_detail_01
$detailscale 11
$detailblendfactor 1
$detailblendmode 0
$detail detail\plaster_detail_01
$detailscale 6.783
$detailblendfactor .8
$detailblendmode 0

The below parameters come from models\props_forest\LadderWood.vmt. It is the only Valve Stock texture VMT file to use this particular detail texture. Because the detail texture (detail\wood_detail_01) is a high resolution (1024×1024), the $detailscale is lower than the others, with the exception of rock_detail_01.

$detail detail\wood_detail_01
$detailscale 2.563
$detailblendfactor .8
$detailblendmode 0

Additionally, there are 2 other stock detail textures. detail\detailash001a and detail\detaildirt001a. These files were used in the "leaked" version of Half-Life 2 Half-Life 2 and in Half-Life 2: Episode One Half-Life 2: Episode One using the following parameters.

Concrete/concretefloor009a in Episode One materials:

$detail detail/detaildirt001a
$detailscale 0.27

Metal/metalfloor005a in Episode One materials:

$detail detail/detailash001a
$detailscale 0.50

See Also

Hiding large-scale tiling with detail textures - How to make texture repeating less noticeable using $detail