Живые сказки на базе Adobe Edge

в 13:02, , рубрики: adobe, edge, flash, Веб-разработка, метки: ,

Всем привет. Я хочу рассказать о нашем опыте создания анимированных сказок для Apple iPad, с использованием технологий от Adobe, который воплотился в приложение «Живые сказки».

Первый опыт. Flash + Wallaby

Чуть меньше года назад мы решили отрисовать и анимировать сказку «Ячменное зернышко», чтобы опубликовать ее через Adobe DPS. Для создания мы использовали Adobe Flash + Wallaby, экспериментальную технологию перевода .fla в html5. Сейчас Wallaby стал частью грядущего Flash CS6.

Конечно, Wallaby не позволял многого. Слишком многого: никакого Action Script'а, никаких векторных изображений. В итоге мы могли анимировать только перекладкой. Однако это не самый плохой вариант, наоборот, даже интереснее было сделать что-то подобное.

Вместе с иллюстратором Алексеем Пахомовым мы нарисовали несколько страниц, порезали все в Photoshop и вставили во Flash.

Опыта работы с js, css почти не было и добавлять простецкий интерактив через блокнот было тяжело и муторно, так что первая сказка получилась не особо интерактивной.

Затем мы записали голос, выложили как бесплатное приложение (тогда еще Adobe DPS не брал по 30 центов за скачку) и получили 135 тысяч скачиваний «Ячменного зернышка».

Опыт второй. Adobe Edge.

Следующей сказкой решено было сделать «Курочку Рябу». Однако ввиду занятости, мы приступили к ней лишь в конце ноября.

image

Прошло немного времени и мы устремили взгляды в сторону появившейся технологии Adobe Edge. Тогда еще Edge был не особо функциональным, и мы все метались между Sencha Animator и Edge. Но сенча, как программа для анимации, проигрывала буквально во всем: невозможность одновременной анимации по нескольких параметрам, кошмарная работа с таймлайном…

В итоге, как только вышел Edge Preview4, наконец введший в процесс символы, аналоги Movie Clip'ов из Flash, мы собрали всю «Курочку Рябу» на нем.

Что в итоге

Вообще удобство Adobe Edge в том, что можно достаточно быстро делать хорошую интерактивную анимацию.

Недостатки уравновешивают достоинства. Допустим, на iOs нельзя проигрывать несколько звуков одновременно из html-файла. Поэтому все наши труды по звуковому оформлению сказки оказались тщетны. Мы лишь с нетерпением ждем, что когда-нибудь, возможно, это ограничение снимут.

Еще один недостаток — Adobe берет по 30 центов за скачивание приложения. В сумме с Apple'овскими 30%, нам остается совсем немного. И мы не можем сделать скачку сказок совсем бесплатной.

Просмотреть все анимации «Курочки Рябы» можно в специально сделанном вьювере:
drugdealers.ru/viewer/ryaba/

Ссылка на приложение «Живые сказки» в AppStore:
itunes.apple.com/ru/app/zivye-skazki/id441131633?mt=8

Disclaimer: пост, равно как и описанный выше опыт принадлежит моему товарищу dokluch, но у него не хватило кармы, его опубликовать.

Автор: fallen_dragon

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js