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

时间:2016-08-09 19:53:12

标签: javascript aframe webvr

在我将其不透明度从1设置为0后,我无法重置光标的不透明度。我合并了2个动画属性:material.opacity和scale。 scale属性将在动画后重置大小,但material.opacity不会。基本上,光标消失,直到再次激活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属性将“将值重置为初始值”,但这不会发生。

我正在使用iPhone 6 +使用Samsung Galaxy 7和Safari for iOS 9.3.2在Chrome for Android 6.0.1上进行测试。

1 个答案:

答案 0 :(得分:1)

文档可能已关闭。尝试设置.alert { color: red; }

或者,创建两个动画,一个用于fill="backwards",另一个用于mouseup