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

20 000 руб. за проект • безналичный расчёт, электронные деньги
05 марта 2019, 09:52 • 8 откликов • 99 просмотров
1 ленточная диаграмма и текст

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

2 вылет 8 фигур и текст
  • Стадия 1 – Слева вверху возникает водопроводный кран. Из крана зрелищно вылетают поочередно 8 фигур (схематичная иллюстрация структурной формулы вредных веществ водопроводной воды). У каждой фигуры написано ее название. Перед исчезновением фигура увеличивается на 30% экрана и 0,5 сек замирает. Скорость вылета фигур из крана - 2 раза в секунду.
  • Стадия 2 – У водопроводного крана появляется схематичное изображение бытового фильтра. Из крана зрелищно вылетают поочередно те же 8 фигур, но скорость их вылета меньше в разы. например, 1 раз в 2 секунды.
  • Стадия 3 – изображения фигур исчезают и сверху вниз, как титры, движется рекламный текст - предложения, комментирующие анимацию, типа "Требования к качеству бутилированной воды в сотни раз выше, чем к водопроводной...."
3 задымление 2 фигур и текст
  • Стадия 1 - схематичное изображение уличного автомата разливной воды и подъезжающего к киоску грузовика типа "Камаз"
  • Стадия 2 - из грузовика (выхлопной трубы) появляется дым, затягивающий киоск
  • Стадия 3 - изображения фигур исчезают и сверху вниз, как титры, движется рекламный текст - предложения, комментирующие анимацию, типа "Почему воду на разлив продают только в РФ и Украине...."
Срок выполнения - 5 рабочих дней, включая отрисовку фигур. Приветствуется голосовое общение в Скайпе или w-app.
JS код анимации должен работать без плагинов, плееров, на всех браузерах и на мобильных устройствах. Пример анимации на JS коде https://threejs.org/examples/css3d_periodictable.html.