Difference between revisions of "Shader Family"

From PowerUI
Jump to: navigation, search
(Creating a family)
 
Line 25: Line 25:
 
== Creating a family ==
 
== Creating a family ==
  
They're a group of 4 shaders:
+
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.
  
* SFX (PowerUI/FamilyName/SFX)
+
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.
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.
 

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.