Shader Family - Revision history

151.229.186.156: /* Creating a family */

2017-02-03T22:58:46Z

‎Creating a family

151.229.186.156 at 18:58, 13 January 2017

2017-01-13T18:58:45Z

151.229.186.156: 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..."

2017-01-13T18:40:00Z

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..."

New page

If you would like to use custom shading - particularly important for [[Text Extrude|text-extrude]] - then you can setup a shader family. This is 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.

== Using a family ==

Just like font-family, you'll want to use the shader-family CSS property:

<syntaxhighlight lang="css">

shader-family:"StandardUI Lit";

</syntaxhighlight>

@@ Line 25: / Line 25: @@
 == Creating a family ==
-They're a group of 4 shaders:
+They're a group of 3 shaders:
 * 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.
-* 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.

@@ 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. This is a group of 4 shaders:
+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:
 * 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.