Difference between revisions of "Shader Family"
(Created page with "If you would like to use custom shading - particularly important for text-extrude - then you can setup a shader family. This is a group of 4 shaders: * Extru...") |
|||
| Line 1: | Line 1: | ||
| − | If you would like to use custom shading - particularly important for [[Text Extrude|text-extrude]] - then you can setup a shader family. | + | If you would like to use custom shading - particularly important for [[Text Extrude|text-extrude]] - then you can setup a shader family. They are used with the shader-family CSS property: |
| + | |||
| + | <syntaxhighlight lang="css"> | ||
| + | |||
| + | shader-family: <string> | ||
| + | |||
| + | </syntaxhighlight> | ||
| + | |||
| + | {| class="wikitable" | ||
| + | |- | ||
| + | ! Inherited? | ||
| + | ! Initial value | ||
| + | |- | ||
| + | | Yes | ||
| + | | none (implies "StandardUI") | ||
| + | |} | ||
| + | |||
| + | |||
| + | <syntaxhighlight lang="css"> | ||
| + | |||
| + | shader-family:"StandardUI Lit"; | ||
| + | |||
| + | </syntaxhighlight> | ||
| + | |||
| + | == Creating a family == | ||
| + | |||
| + | They're a group of 4 shaders: | ||
* Extruded (PowerUI/FamilyName/Extruded) | * Extruded (PowerUI/FamilyName/Extruded) | ||
| Line 14: | Line 40: | ||
The group of four shaders typically goes into a folder called FamilyName which is then placed within any Resources folder in your project. Examples of built in shader families can be found in PowerUI\Shaders\Resources. | The group of four shaders typically goes into a folder called FamilyName which is then placed within any Resources folder in your project. Examples of built in shader families can be found in PowerUI\Shaders\Resources. | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Revision as of 18:58, 13 January 2017
If you would like to use custom shading - particularly important for text-extrude - then you can setup a shader family. They are used with the shader-family CSS property:
shader-family: <string>| Inherited? | Initial value |
|---|---|
| Yes | none (implies "StandardUI") |
shader-family:"StandardUI Lit";Creating a family
They're a group of 4 shaders:
- Extruded (PowerUI/FamilyName/Extruded)
Applies when text-extrude is in use.
- Isolated (PowerUI/FamilyName/Isolated)
This usually means videos and any other off atlas images. Part of the UI is "isolated" when it is a completely separate mesh and material from everything else.
- Normal (PowerUI/FamilyName/Normal)
The normal shader applies when the other ones don't. It's the one you'll most commonly see.
- SFX (PowerUI/FamilyName/SFX)
A more advanced version of the normal shader. It obtains the text anti-aliasing settings from the tangents of the mesh, allowing each letter to have individual styling. It's used by, for example, text-shadow.
The group of four shaders typically goes into a folder called FamilyName which is then placed within any Resources folder in your project. Examples of built in shader families can be found in PowerUI\Shaders\Resources.
