Рамка (как?) Анимировать сущность или сущности с одновременным и последовательным масштабированием / поворотами / позициями - PullRequest
0 голосов
/ 20 ноября 2018

Это меню: illustration of multiple plane entities transforming from a pile to a menu

Как анимировать сущность, чтобы при таком событии, как щелчок, она выполняла одновременное масштабирование, вращение, позиционирование и последовательное масштабирование, вращение, позиционирование.

    <a-curve id="track1">
    <a-curve-point position="4 2 -3"></a-curve-point>
    <a-curve-point position="6 5 -2"></a-curve-point>
    <a-curve-point scale="10 -3 -1"></a-curve-point>

    </a-curve>

    <a-cylinder position="5 0.75 -3" radius="0.5" height="1.5" color="#FFC65D" shadow>
    <a-animation alongpath="curve: #track1" begin="click"></a-animation>
    </a-cylinder>

1 Ответ

0 голосов
/ 21 ноября 2018

Анимации, запускаемые событиями:

<a-entity animation__1="startEvents: someevent" animation__2="startEvents: someevent">

Затем испускают:

el.emit('someevent');

Последовательные см. https://www.npmjs.com/package/aframe-animation-timeline-component

...