Javascript:如果有东西可见，则将其混合在一起

Question

我想要一些非常具体的东西。我使用 a-frame 开发 VR 体验。 我有许多事件将对象的可见性设置为“false”:

document.getElementById('button').setAttribute('visible', 'false')

现在我的问题:当它们突然弹出时看起来不太好，但是当我尝试将它们混合在一起时，我需要为所有可见的对象提供动画。我可以制作一个脚本来说明当某些东西变得可见时它应该混合在一起而不是弹出吗？

Answer 1

使用 A 框架，您需要创建一个动画元素作为“按钮”实体的子元素，然后将 begin 属性设置为命名事件:

<a-entity id="button" material="opacity: 1">
    <a-animation attribute="material.opacity"
           dur="1000"
           to="0"
           begin="myEvent"></a-animation>
</a-entity>

...

document.getElementById('button').emit('myEvent');

相关文档:

https://aframe.io/docs/0.8.0/introduction/javascript-events-dom-apis.html#emitting-an-event-with-emit

https://aframe.io/docs/0.8.0/core/animations.html