为什么我的 A 帧动画不能正确循环?

问题描述 投票:0回答:0

我试图让这些动画循环播放,但它们每次只运行一次然后停止。我的代码如下

<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
<a-scene>
    <a-box height=0.1 width=3 depth=7 position="0 3.5 0" color="#964800" rotation="45 0 0" 
    animation__first="property:rotation; from:45 0 0; to:-45 0 0; dur:300 startEvents:loaded, animationcomplete__second;"
    animation__second="property:rotation; from:-45 0 0; to:45 0 0; delay:500; startEvents:animationcomplete__first;">
        <a-cone radius-bottom=1.5 radius-top=1.5 height=1.5 position="0 .75 2" color="#964800"></a-cone>
    </a-box>
</a-scene>

我试过将 first 和 second 更改为 1 和 2 而没有改变,我尝试更改 loaded 和 animationcomplete 的顺序,这又一次没有改变。

javascript html aframe
© www.soinside.com 2019 - 2024. All rights reserved.