Как я могу анимировать / изменить цвет тора в a-frame? - PullRequest
0 голосов
/ 20 апреля 2019

Я учусь использовать a-frame, чтобы начать изучать 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>

Предполагается, что он переключается между цветами, но я чувствую, что уже несколько минут смотрю на этот тор и до сих пор не вижу разницы.

1 Ответ

0 голосов
/ 21 апреля 2019

Элемент <a-animation> устарел начиная с кадра 0.9.0.Анимационная сущность была превращена в компонент.

Это довольно хорошо задокументировано здесь , в вашем случае это будет:

<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>

Проверьте это в этой скрипке .


Фактически компонент был создан Кевином Нго намного раньше.Насколько я знаю, он был интегрирован в базовую библиотеку и заменил <a-animation>.

...