User:THE OWL/Sandbox/Pages/Entity page: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
mNo edit summary
 
(30 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{DISPLAYTITLE:User Interface Kit – Monolith (Preview of Entity page)}}
{{DISPLAYTITLE:User Interface Kit – Monolith (Preview of Entity page)}}
<div class="infobox" style="max-width:300px; width:100%; background-color:rgb(45 45 49); border:2px solid rgb(56 57 58); border-radius:6px; position:relative; float:right; padding:4px; margin:0 0 1em 1em">
<div class="infobox" style="max-width:280px; width:100%; box-shadow:0 0 2px rgba(0 0 0 / 60%); background-color:rgb(50 50 50); border:0px solid rgb(255 195 85 / 5%); border-radius:4px; overflow:hidden; clear:both; position:relative; float:right; margin:0 0 1em 1em">
<div style="background-image:linear-gradient(45deg, rgb(68 95 136), rgb(56 78 111)); border-radius:3px 3px 0 0; text-align:center; text-shadow:1px 1px 0 rgb(0 0 0 / 40%); font-size:1.3em; font-weight:900; color:rgb(255 255 255 / 80%); padding:.3em .4em"> env_fade </div>
<div style="background-image:linear-gradient(45deg, rgb(250 195 110), rgb(250 195 110)); text-align:center; font-family:monospace; font-size:1.85em; font-weight:900; color:rgb(0 0 0 / 90%); padding:.5em"> Fade </div>


<div style="background-color:rgb(0 0 0 / 10%); padding:0"> [[File:SteamApplicationScreenshot.png|300px|Screenshot of Steam application, with the new redesigned UI (in August 2023)]] </div>
<div style="display:flex; flex-wrap:wrap; justify-content:center; align-items:center; background-color:rgb(0 0 0 / 40%); padding:1em"> [[File:env_fade.png|64px|The env_fade icon is used in all Source engine games.]] </div>


<div style="display:flex;"> Screenshot of Steam application, with the new redesigned UI (in August 2023) </div>
<div style="text-align:center; padding:.2em .4em"> The '''env_fade''' icon is used in all [[Source]] engine games. </div>
 
<div style="padding:0 .5em .5em .5em"> <div style="display:flex; flex-direction:column; gap:.2em; border-radius:2px; overflow:hidden">
<div style="display:flex">
<div style="width:90px; background-color:rgb(255 255 255 / 10%); color:rgb(255 255 255 / 80%); padding:.2em .5em">Type</div>
<div style="width:100%; background-color:rgb(255 255 255 / 5%); padding:.2em .5em">[[Point entity|Point entity]]</div>
</div>
 
<div style="display:flex">
<div style="width:90px; background-color:rgb(255 255 255 / 10%); color:rgb(255 255 255 / 80%); padding:.2em .5em">Category</div>
<div style="width:100%; background-color:rgb(255 255 255 / 5%); padding:.2em .5em">[[Main Page|Environment entities]]</div>
</div>
 
<div style="display:flex">
<div style="width:90px; background-color:rgb(255 255 255 / 10%); color:rgb(255 255 255 / 80%); padding:.2em .5em">Engine</div>
<div style="width:100%; background-color:rgb(255 255 255 / 5%); padding:.2em .5em">{{Source|4}}</div>
</div>
 
<div style="display:flex">
<div style="width:90px; background-color:rgb(255 255 255 / 10%); color:rgb(255 255 255 / 80%); padding:.2em .5em">Availability</div>
<div style="width:100%; background-color:rgb(255 255 255 / 5%); padding:.2em .5em">In all games</div>
</div>
</div> </div>
</div>
</div>


</div>
{{Code|env_fade}} is a [[point entity]] available in all {{Source|4}} games. It controls screen fades to or from a solid color. Add Duration and Hold Time together for the total time this entity will be in effect.
{{lorem ipsum}}
 
{{toc|style=display:inline-flex; box-shadow:0 0 80px rgb(0 0 0 / 40%); border-radius:.4em; pointer-events:all; overflow:hidden; position:relative|background style = background-image:linear-gradient(135deg, transparent, rgba(0, 0, 0, 0.25)); border-radius:inherit; border:1px solid #686868; box-shadow:inset 0 0 3px rgb(0 0 0 / 80%);}}
 
== Keyvalues ==
 
== Inputs ==
{{:User:THE OWL/Sandbox/Templates/OIF
 
| target = Inputs
 
| item 1 = Fade
| item 1 desc = Start the screen fade.
 
| item 2 = FadeReverse
| item 2 desc = Begin doing the reverse of the current fade.
 
| item 3 = Alpha
| item 3 desc = Changes '''Fade Alpha'''.
 
| item 4 = OnMapTransition
| item 4 desc = Changes '''Fade Color'''.
 
}}
 
== Outputs ==
{{:User:THE OWL/Sandbox/Templates/OIF
 
| target = Outputs
 
| item 1 = OnBeginFade
| item 1 desc = Fired when the fade has begun.
 
}}
 
== Flags ==
 
== ConCommands ==

Latest revision as of 14:59, 27 May 2024

Fade
The env_fade icon is used in all Source engine games.
The env_fade icon is used in all Source engine games.
Engine
Availability
In all games

env_fade is a point entity available in all Source Source games. It controls screen fades to or from a solid color. Add Duration and Hold Time together for the total time this entity will be in effect.

Keyvalues

Inputs

Icon-visibility.png Icon-visibility off.png
Fade
Icon-visibility.png Icon-visibility off.png
FadeReverse
Icon-visibility.png Icon-visibility off.png
Alpha
Icon-visibility.png Icon-visibility off.png
OnMapTransition
Fade
Start the screen fade.
FadeReverse
Begin doing the reverse of the current fade.
Alpha
Changes Fade Alpha.
OnMapTransition
Changes Fade Color.

Outputs

Outputs are events that fire when an entity's state changes. For example, a timer will have an output for reaching its end, a button an output for being pressed, and a door an output for coming to a close. Read more.

Icon-visibility.png Icon-visibility off.png
OnBeginFade
OnBeginFade
Fired when the fade has begun.

Flags

ConCommands

Retrieved from "https://developer.valvesoftware.com/w/index.php?title=User:THE_OWL/Sandbox/Pages/Entity_page&oldid=404151"