如何使用" a-animation"?更改圆柱的高度?

时间:2018-05-23 12:47:11

标签: animation aframe

我希望将cylinder aframe的高度增加为动画。

如何实现这一目标?

1 个答案:

答案 0 :(得分:0)

我会使用ngoKevins animation component

1)要么缩放比例:

animation__scale="property: scale; dir: alternate; dur: 200;
                       easing: easeInSine; loop: true; to: 1 2 1"

2)或动画高度:

animation__height="property: height; dir: alternate; dur: 200;
                       easing: easeInSine; loop: true; to: 3"

小提琴here

<小时/> 使用<a-animation>就像这样:

<a-animation attribute="scale"
           dur="1000"
           direction="alternate"               
           to="1 2 1"
           repeat="indefinite"></a-animation>

<a-animation attribute="height"
           dur="1000"
           direction="alternate"               
           to="3"
           repeat="indefinite"></a-animation>

小提琴here