Question

我正在学习如何使用a框架，以便可以开始涉足AR技术。我正在网上关注有关为动画设置颜色的教程，但是由于教程似乎没有动画，因此我不确定该教程是否向我展示了正确的制作方法。

我已经在本教程中浏览了他的代码，并试图查看a-frame-> a-animation文档，但仍然没有运气

<a-scene>
    <a-torus position="-2 1 -5" color="green" radius="1.2">
        <a-animation attribute="color" 
            from="green" 
            to="red"
            dur="100"
            repeat="indefinite"
        ></a-animation>
    </a-torus>
    <a-sky color="#ECECEC"></a-sky>
</a-scene>

它应该在颜色之间循环，但是我感觉我已经看了几分钟，仍然没有发现任何区别。

Answer 1

自<a-animation>以来，0.9.0元素已被弃用。动画实体成为一个组件。

here记录得很好，就您而言，应该是：

<a-torus position="-2 1 -5" color="green" radius="1.2" 
      animation="property: components.material.material.color;
                 type: color;
                 to: blue;
                 dur: 500;
                 dir: alternate;
                 loop: true"></a-torus>

在此fiddle中进行检查。

实际上，component是Kevin Ngo早先提出的。据我所知，它已集成到核心库中并取代了<a-animation>。

如何在A帧中动画化/改变圆环的颜色？

1 个答案: