не работает в рамке 0.9.2 - PullRequest
Новая
       8

не работает в рамке 0.9.2

0 голосов
/ 01 июня 2019

Я пытаюсь изменить радиус вложенного дочернего элемента с помощью анимации.Мой код выглядит следующим образом: 

<a-sphere id="outer-sphere" radius="0.6" material="color:white;opacity: 0.6">
    <a-sphere id="inner-sphere" radius="0.1" material="color:red; opacity: 0.6">
        <a-animation property="radius" from="0.1" to="0.6" begin="fillSphere"></a-animation>
    </a-sphere>
</a-sphere>

в моем коде реагирования я получаю событие mouseOver от родительского 

const onMouseEnter = (e) => {
   const innerSphere = e.target.querySelector('#inner-sphere');
   innerSphere.emit("fillSphere");
}

, но ничего не происходит.Или есть другой способ оживить детскую сущность.Например, с атрибутом анимации Aframe.Я не смог найти ничего в документации A-Frame.

Я использую A-Frame в версии 0.9.2

1 Ответ

2 голосов
/ 01 июня 2019

Элемент <a-animation> устарел в a-frame 0.9.0 в пользу компонента animation .

Он должен выглядеть примерно так: 

<a-sphere id="outer-sphere" radius="0.6" material="color:white;opacity: 0.6">
    <a-sphere id="inner-sphere" radius="0.1" material="color:red; opacity: 0.6"
              animation="property: radius; from: 0.1; to: 0.6: startEvents: fillSphere">
    </a-sphere>
</a-sphere>
...