X-Git-Url: http://review.tizen.org/git/?p=platform%2Fcore%2Fuifw%2Fdali-toolkit.git;a=blobdiff_plain;f=plugins%2Fdali-script-v8%2Fdocs%2Fcontent%2Fshader-effect.js;h=8c35f3df175f49551b1f329a9531e63d460c4c1e;hp=98e9c17f5ed8acd845eb2191b6c6604721b304af;hb=46516d3e1711bd272cc00002876cf207465fa8ce;hpb=826a077bb3183b5d317bfb22e14ab4e217d26f40
diff --git a/plugins/dali-script-v8/docs/content/shader-effect.js b/plugins/dali-script-v8/docs/content/shader-effect.js
index 98e9c17..8c35f3d 100644
--- a/plugins/dali-script-v8/docs/content/shader-effect.js
+++ b/plugins/dali-script-v8/docs/content/shader-effect.js
@@ -58,8 +58,9 @@ The API supports functionality such as:
+ {{#crossLink "ShaderEffect/setUniform:method"}}{{/crossLink}}
### Example of using a custom uniform to brighten an Image (Fragment Shader)
-
-
+
+![ ](../assets/img/shaders/fragment-shader-color.png)
+
```
createColorEffect = function()
{
@@ -118,8 +119,9 @@ Like all animatable properties we can also use keyframes to animate the value.
### 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.
-
-
+
+![ ](../assets/img/shaders/fragment-shader-reveal.png)
+
```
createRevealEffect = function()
{
@@ -177,8 +179,9 @@ shaderAnim.play();
```
* * *
### Example of paper twisting in the wind with color (Vertex + Fragment Shader)
-
-
+
+![ ](../assets/img/shaders/vertex-shader.png)
+
The example does the following:
@@ -188,9 +191,9 @@ 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.
-
-
-
+
+![ ](../assets/img/shaders/shader-grid-hint.png)
+
```
createTwistEffect = function()
{