Shader Family

From PowerUI
Revision as of 22:58, 3 February 2017 by 151.229.186.156 (talk) (Creating a family)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

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.