Анимация на Adobe Animate CC с выдачей JS кода

10 000 руб. за проект • безналичный расчёт
20 января 2019, 09:57 • 7 откликов • 74 просмотра
1 анимация шести фигур (№1)

•Стадия 1 – фигуры уменьшаются в 3 раза, их становится больше в 3 раза, они заполняет все пространство. Вверху слева за пределами фона появляется водопроводный кран. Внизу слева – 19л бутылка с помпой.
•Стадия 2 - фигурки динамично, как муравьи, движутся по вертикали (вверх – вниз) и в результате в верхней части напротив крана выстраиваются в горизонтальную линию 60% фигурок. Вдоль нижней горизонтальной линии – 40%, примерно.
•Стадия 3 – вместо крана и 19л бутылки появляется цифры 2018 и 2017, а фигурки исчезают и появляется горизонтальные столбики диаграммы с выводом цифр. Столбики состоят из горизонтальных 19л бутылок на голубом фоне.

2 анимация пяти фигур (№2)
•Стадия 1 – Все фигуры уменьшаются, их количество увеличивается, они собираются в центре экрана. Снизу слева возникает водопроводный кран. Снизу справа - 19л бутылка с помпой. Над ними прозрачные стаканы с водой высотой в ½ экрана.
•Стадия 2 – фигуры зрелищно затекают в стаканы через верх . В левый стакан затекают почти все. В правый – ни одной. Цвет воды в обоих стаканах не меняется. При затекании фигур в стакан в воде появляются круги и пузырьки воздуха.
•Стадия 3 – 19л бутылка и кран исчезают, а каждый стакан делится на мелкие стаканы и появляются столбики диаграммы.
•По горизонтальной оси названия 5 фигур. Над каждой фигурой по 2 вертикальных столбика с цифрами. Один столбик (водопроводная вода) похож на ржавые трубы. Второй столбик состоит из 19л бутылок голубого цвета.

JS код анимации должен работать без плагинов, плееров, на всех браузерах и на мобильных устройствах. Пример анимации на JS коде https://threejs.org/examples/css3d_periodictable.html.