如何重置a帧光标的不透明度动画

How to reset opacity animation for A-Frame cursor

本文关键字:不透明度 动画 光标 何重置      更新时间:2023-09-26

在我将光标的不透明度从1动画到0后,我在重置光标的不透明度时遇到了麻烦。我结合了2个动画属性:材质。不透明度和比例。scale属性将在动画和材质之后重置大小。不透明度则不会。实际上,光标会消失,直到click事件再次被激活。

<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属性会在动画完成后"将值重置为初始值",但这并没有发生。

我正在用三星Galaxy 7测试Android 6.0.1版本的Chrome浏览器,用iPhone 6+测试iOS 9.3.2版本的Safari浏览器。

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

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