【问题标题】:How to reset opacity animation for A-Frame cursor如何重置 A-Frame 光标的不透明度动画
【发布时间】:2016-08-09 19:53:12
【问题描述】:

在将光标的不透明度从 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 的填充属性将在动画完成后“将值重置为初始值”,但这并没有发生。

我正在使用三星 Galaxy 7 测试适用于 Android 6.0.1 的 Chrome,使用 iPhone 6+ 测试适用于 iOS 9.3.2 的 Safari。

【问题讨论】:

    标签: javascript aframe webvr


    【解决方案1】:

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

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

    【讨论】:

    • 谢谢!我试试看。
    • 我确实尝试了fill = "backwards",但也没有用。将尝试创建 2 个动画。
    猜你喜欢
    • 2019-02-24
    • 2018-07-21
    • 2010-09-25
    • 1970-01-01
    • 2010-11-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多