Aframe (как?) Анимировать объект или объекты с одновременным и последовательным масштабированием / поворотом / положением

Это меню: Иллюстрация нескольких плоских объектов, трансформирующихся из стопки в меню

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

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

person Micah Blumberg    schedule 20.11.2018    source источник
comment
Привет, не могли бы вы разделить и прояснить ваши многочисленные вопросы? Есть два вопроса, а второй - довольно длинное предложение, ха-ха.   -  person ngokevin    schedule 20.11.2018
comment
Хорошо, вот разделенный и переписанный вопрос stackoverflow.com/questions/53404248/   -  person Micah Blumberg    schedule 21.11.2018


Ответы (1)


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

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

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

el.emit('someevent');

Для последовательного просмотра см. https://www.npmjs.com/package/aframe-animation-timeline-component

person ngokevin    schedule 21.11.2018
comment
Я пытался заставить это работать несколько раз, но, наверное, просто не понимаю, что делаю не так. Вы можете опубликовать пример работы? - person Micah Blumberg; 05.12.2018
comment
Я также попытался вставить весь пример компонента временной шкалы анимации в ошибку, и он не работает так, как написано. Можете ли вы дать ссылки на примеры, которые являются реально работающими страницами? - person Micah Blumberg; 05.12.2018
comment
Также этот код показывает несколько анимаций для одного объекта, что я уже легко могу сделать. Он не показывает, как вызвать группу объектов одним событием (щелчком) для запуска каждой из их независимых анимаций. - person Micah Blumberg; 06.12.2018
comment
Мы добились этого, начав анимацию в каждой сущности с события с настраиваемым именем, которое мы сгенерировали в трех js. Его концепция в основном похожа на ваш ответ, но наш код выглядит иначе и, вероятно, менее эффективен, чем то, что вы написали. - person Micah Blumberg; 15.12.2018