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>

属性是旋转，将角度设置为0 360 0，并将缓动设置为线性，以使其平滑。

或者使用ngoKevin的animation component

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

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