Shader effects provide a visual effect for actors.
-For a Custom shader you can provide the vertex and fragment shader code as strings.
+You can create a type-registered shader effect by its type name.
+```
+// create a new shader effect
+var shader = new dali.ShaderEffect("BlindEffect");
+```
+
+Alternatively you can create a Custom shader by providing the vertex and fragment shader code as strings.
Each shader is provided with default uniforms and attributes.
For a vertex shader this part contains the following code:
```
+ {{#crossLink "ShaderEffect/setUniform:method"}}{{/crossLink}}
### Example of using a custom uniform to brighten an Image (Fragment Shader)
-
-<img src="../assets/img/fragment-shader-color.png">
+
+![ ](../assets/img/shaders/fragment-shader-color.png)
+
```
createColorEffect = function()
{
### Example of animating a custom uniform to perform a mask operation (Fragment Shader)
In this example we are using the OpenGL discard function to draw an image with a circular mask.
-
-<img src="../assets/img/fragment-shader-reveal.png">
+
+![ ](../assets/img/shaders/fragment-shader-reveal.png)
+
```
createRevealEffect = function()
{
```
* * *
### Example of paper twisting in the wind with color (Vertex + Fragment Shader)
-
-<img src="../assets/img/vertex-shader.png"><br>
+
+![ ](../assets/img/shaders/vertex-shader.png)
+
The example does the following:
An ImageActor normally only has 4 vertices ( quad ). To allow the image to twist and bend we need it to have more
vertices. To do this we can break the image into a grid using the gridX and gridY geometry hints.
-
-<img src="../assets/img/shader-grid-hint.png">
-
+
+![ ](../assets/img/shaders/shader-grid-hint.png)
+
```
createTwistEffect = function()
{
dali.stage.add( imageActor );
// start it of tilted around the y-axis
-imageActor.rotation=new dali.Rotation(90, 0, 1, 0);
+imageActor.orientation=new dali.Rotation(90, 0, 1, 0);
var twistEffect = createTwistEffect();
imageActor.setShaderEffect( twistEffect );