360° 旋转的动画组件属性

Question

有没有人知道我会添加到场景中的模型以使其“旋转”360° 的动画组件属性（例如，当汽车在车展上的圆形平台上旋转时）？理想情况下将其添加到此，并希望能够使循环为真或假：

<a-entity gltf-model="#id" scale="0.5 0.5 0.5" rotation="0 90 0" animation__scale="property: scale; dir: alternate; dur: 200; easing: easeInSine; loop: false; to: 1.2 1 1.2">
</a-entity>

查看了anime.js 自述文件，但似乎找不到。

谢谢

Answer 1

你可以使用基本的动画组件：

<a-animation attribute="rotation"
             dur="2000"
             fill="forwards"
             to="0 360 0"
             repeat="indefinite"
             easing="linear"
             ></a-animation>

属性为rotation，设置角度为0 360 0，设置缓动为linear，这样就平滑了。

或使用 ngoKevin 的animation component:

animation__rot="property:rotation;
                dur:3000;
                to:0 360 0;
                loop: true;
                easing:linear;"

在这里查看：https://jsfiddle.net/gL0pkgz7/。