tween动作说明【常用】—krpano教程

领主 krpano动作 0 喜欢 (0)

tween(variable, value, time*, tweentype*, donecall*, updatecall*)
 
tween可以用于由指定时间过渡的动态效果过渡，可以用于演示渐变、元素动画形式移动等.

 
参数:
•variable 
◦渐变效果的目标变量，一般为某个元素的属性.
◦可以使用 | 符合分隔，同时设置多个变量.

•value 
◦变量最终到达的目标变量值.
◦如果源变量的值是百分比，目标值也需要加%符号，例如width的百分比.
◦可以使用 | 符合分隔，同时设置多个目标变量. 
◦注意 - 目标变量值是从一个变量获取时，需要先用get获取变量的值.
•time (可选) 
◦渐变过程所需的时间 (默认不填，则0.5秒). 


•tweentype (可选) 
◦渐变的类型(easeOutQuad为默认).
◦看更多的类型: 下文tweentypes.

以下列出全部支持的渐变类型.


Linear Ease:
•linear（均速线性）

Ease Out:
•easeOutQuad
•easeOutQuart
•easeOutQuint
•easeOutSine
•easeOutBounce
•easeOutCirc
•easeOutCubic
•easeOutExpo
•easeOutBack

Ease In:
•easeInQuad
•easeInQuart
•easeInQuint
•easeInSine
•easeInBounce
•easeInCirc
•easeInCubic
•easeInExpo
•easeInBack

Ease Out and In:
•easeOutInQuad
•easeOutInQuart  *
•easeOutInQuint  *
•easeOutInSine  *
•easeOutInBounce  *
•easeOutInCirc  *
•easeOutInCubic  *
•easeOutInExpo  *

Ease In and Out:
•easeInOutQuad  *
•easeInOutQuart  *
•easeInOutQuint  *
•easeInOutSine  *
•easeInOutBounce  *
•easeInOutCirc  *
•easeInOutCubic  *
•easeInOutExpo  *


•donecall (可选) 
◦渐变过程完成后执行的动作. 

•updatecall (可选) 
◦当每帧刷新时执行的动作，这个要慎用，不然刷新台频繁会crash哦。
 
样例：
tween(scale,2);
tween(rotate,90);
tween(width,50%);
onover="tween(alpha,0.7,distance(0.3,0.2));"
onout="tween(alpha,1.0,distance(0.3,0.2));"
set(alpha,0);
set(visible,true);
tween(alpha, 1.0 ,0.3);
tween(layer[logo].width, get(destwidth));
set(layer[image].enabled,false);
tween(layer[image].alpha,0.0,0.5,default,removeplugin(image));
set(view.stereographic,true);
tween(view.vlookat, 90.0, 2.0);				
tween(view.fisheye, 1.0, 2.0);
tween(view.fov, 150.0, 2.0);

tween(variable, value, time*, tweentype*, donecall*, updatecall*)

tween可以用于由指定时间过渡的动态效果过渡，可以用于演示渐变、元素动画形式移动等.

参数:

•variable

◦渐变效果的目标变量，一般为某个元素的属性.

◦可以使用 | 符合分隔，同时设置多个变量.

•value

◦变量最终到达的目标变量值.

◦如果源变量的值是百分比，目标值也需要加%符号，例如width的百分比.

◦可以使用 | 符合分隔，同时设置多个目标变量.

◦注意 - 目标变量值是从一个变量获取时，需要先用get获取变量的值.

•time (可选)

◦渐变过程所需的时间 (默认不填，则0.5秒).

•tweentype (可选)

◦渐变的类型(easeOutQuad为默认).

◦看更多的类型: 下文tweentypes.

以下列出全部支持的渐变类型.

Linear Ease:

•linear（均速线性）

Ease Out:

•easeOutQuad

•easeOutQuart

•easeOutQuint

•easeOutSine

•easeOutBounce

•easeOutCirc

•easeOutCubic

•easeOutExpo

•easeOutBack

Ease In:

•easeInQuad

•easeInQuart

•easeInQuint

•easeInSine

•easeInBounce

•easeInCirc

•easeInCubic

•easeInExpo

•easeInBack

Ease Out and In:

•easeOutInQuad

•easeOutInQuart *

•easeOutInQuint *

•easeOutInSine *

•easeOutInBounce *

•easeOutInCirc *

•easeOutInCubic *

•easeOutInExpo *

Ease In and Out:

•easeInOutQuad *

•easeInOutQuart *

•easeInOutQuint *

•easeInOutSine *

•easeInOutBounce *

•easeInOutCirc *

•easeInOutCubic *

•easeInOutExpo *

•donecall (可选)

◦渐变过程完成后执行的动作.

•updatecall (可选)

◦当每帧刷新时执行的动作，这个要慎用，不然刷新台频繁会crash哦。

样例：

tween(scale,2);

tween(rotate,90);

tween(width,50%);

onover="tween(alpha,0.7,distance(0.3,0.2));"

onout="tween(alpha,1.0,distance(0.3,0.2));"

set(alpha,0);

set(visible,true);

tween(alpha, 1.0 ,0.3);

tween(layer[logo].width, get(destwidth));

set(layer[image].enabled,false);

tween(layer[image].alpha,0.0,0.5,default,removeplugin(image));

set(view.stereographic,true);

tween(view.vlookat, 90.0, 2.0);

tween(view.fisheye, 1.0, 2.0);

tween(view.fov, 150.0, 2.0);

领主提醒：tween可以控制渐变和动画等多种效果，进阶必修!

㊣凡未注明来源或投稿方的文章，皆为本站原创或原译作品，转载前须经本站同意，并在转载时注明来自 域图新视界 victu360.com，否则将追究相关法律责任。
本文标题：《tween动作说明【常用】—krpano教程》

下一篇>> escape动作说明—krpano教程

上一篇>> loadpano、loadscene、loadpanoscene、loadxml动作说明【常用】—krpano教程

标签：krpano tween 动作常用

领主834篇文章站点微博

发表评论

您必须 [ 登录 ] 才能发表留言！

热门标签

tween动作说明【常用】—krpano教程

公告栏

everpano-3D软件漫游制作

请加客服QQ号（2973828267）

关注我们

热门标签

tween动作说明【常用】—krpano教程

krpano1.20.7修正版本发布

krpano实现转到特定角度出现图片案例[非会员文章]

krpano1.20.3修正版本发布

公告栏

everpano-3D软件漫游制作

请加客服QQ号（2973828267）

关注我们