Difference between revisions of "Shader Family"
From PowerUI
(→Creating a family) |
|||
Line 25: | Line 25: | ||
== Creating a family == | == Creating a family == | ||
− | They're a group of | + | They're a group of 3 shaders: |
* Extruded (PowerUI/FamilyName/Extruded) | * Extruded (PowerUI/FamilyName/Extruded) | ||
Line 36: | Line 36: | ||
The normal shader applies when the other ones don't. It's the one you'll most commonly see. | The normal shader applies when the other ones don't. It's the one you'll most commonly see. | ||
− | + | The group of three 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 |
Latest revision as of 22:58, 3 February 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 3 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.
The group of three 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.