javascript - 如何重置 A 形光标的不透明度动画

Question

在将光标的不透明度从 1 设置为 0 的动画后，我在重置光标的不透明度时遇到问题。我组合了 2 个动画属性:material.opacity 和 scale。动画后，scale 属性将重置大小，但material.opacity 不会。本质上，光标会消失，直到再次激活单击事件。

<a-entity camera look-controls>
<a-entity cursor="fuse: false;" position="0 0 -1" scale="0.01 0.01 0.01" geometry="primitive: ring" material="color: #fff; shader: flat">
<a-animation begin="click" attribute="material.opacity" fill="none" from="1" to="0"></a-animation>
<a-animation begin="click" easing="ease-in" attribute="scale" fill="backwards" from="0.01 0.01 0.01" to="0.1 0.1 0.1"></a-animation>
</a-entity>
</a-entity>

A-Frame 文档表明，none 的 fill 属性会在动画完成后“将值重置为初始值”，但这并没有发生。

我正在使用 Samsung Galaxy 7 测试 Android 6.0.1 版 Chrome，使用 iPhone 6+ 测试 iOS 9.3.2 版 Safari。

Answer 1

文档可能已关闭。尝试设置 fill="backwards"。

或者，创建两个动画，一个用于 mouseup，一个用于 mousedown。