Как установить задержку в HTML A-Frame - PullRequest
Новая
       22

Как установить задержку в HTML A-Frame

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

Я изучаю A-Frame и не могу найти учебники, которые показывают, как установить задержку между анимациями. Как бы я сделал это с минимальным количеством строк кода?

Код: 

<a-box color=¨#fffff¨position="-5 0 -10" width="2.5" height="1.7" depth="1.7"> 
    <a-animation attribute="position" from="-5 0 -10" to="-14 -0.8 -10" dur="6000">
    </a-animation> 
    <a-animation attribute="rotation" from="0 0 0" to="0 0 10" dur="6000"> 
    </a-animation> 
</a-box>

1 Ответ

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

Попробуйте https://www.npmjs.com/package/aframe-animation-timeline-component

Или напишите компонент, который запускает первую анимацию, ждет, а затем запускает вторую. 

AFRAME.registerComponent('trigger', {
  init: function () {
    this.el.emit('triggerfirst');
    setTimeout(() => {
      this.el.emit('triggersecond');
    }, 300);
  }
});

<a-entity animation__1="startEvents: triggerfirst" animation__2="startEvents: triggersecond" trigger>

Вы можете также trigger ждать компонента на событииесли хочешь.

...