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%2Fanimation.js;h=43c258fb882afd1f54fda1ab4ea46a4701d13f99;hp=ec587fee5c03df3e4dc0d0e9e956197fc21e500b;hb=f3da11c2818c6d17706fbb2417f21b602b3190f5;hpb=4c85a797e24c20bfb1670c079e5f66a9a5d6fa0e diff --git a/plugins/dali-script-v8/docs/content/animation.js b/plugins/dali-script-v8/docs/content/animation.js index ec587fe..43c258f 100644 --- a/plugins/dali-script-v8/docs/content/animation.js +++ b/plugins/dali-script-v8/docs/content/animation.js @@ -68,8 +68,8 @@ myActor2.position=[ 100,0,-2000]; // x = 100, y = 0 , z = -2000 function createAnimation() { var startRotation = new dali.Rotation(180, -180, 0); - myActor1.rotation = startRotation; - myActor2.rotation = startRotation; + myActor1.orientation = startRotation; + myActor2.orientation = startRotation; dali.stage.add( myActor1 ); dali.stage.add( myActor2 ); @@ -90,7 +90,7 @@ function createAnimation() { var endRotation = new dali.Rotation(0,0,0); animOptions.alpha = "easeInOutSine"; - anim.animateTo(myActor1, "rotation", endRotation, animOptions); + anim.animateTo(myActor1, "orientation", endRotation, animOptions); // Delay the myActor2 by a second animOptions.delay = 0.0; @@ -99,7 +99,7 @@ function createAnimation() { // rotate back to correct orientation animOptions.alpha = "easeInOutSine"; - anim.animateTo(myActor2, "rotation", endRotation, animOptions); + anim.animateTo(myActor2, "orientation", endRotation, animOptions); return anim; } @@ -118,7 +118,8 @@ The example below does the following with a single animation object: - rotates the image actor - magnifies and color shifts the image using a fragment shader - +![ ](../assets/img/shaders/shader-animation.png) + ``` @@ -149,7 +150,7 @@ createColorShiftAndZoomEffect = function() { }" // Shader API - // geometryType = "image", "text", "mesh", "textured-mesh" + // geometryType = "image", "text", "mesh", "texturedMesh" // fragmentPrefex ="" // prefix ( optional) // fragmentShader = "" // fragment shader ( optional) // geometryHints = [ "gridX", "gridY", "grid","depthBuffer","blending" ] ( optional) @@ -209,7 +210,7 @@ var shaderAnim = createShaderAnimation( shaderEffect, color,zoom, duration, dela // also rotate the imageActor 90 degrees at the same time. var rotation = new dali.Rotation(90,0,0,1); -shaderAnim.animateTo(imageActor, "rotation", rotation, { alpha:"linear", duration:duration, delay:delay }); +shaderAnim.animateTo(imageActor, "orientation", rotation, { alpha:"linear", duration:duration, delay:delay }); shaderAnim.play();