Привет %username%!
Хочу поделится замечательным сервисом для создания анимации на платформе HTML5 под названием Mugeda. Сразу оговорюсь, сервис не мой, но пройти мимо и тем более не рассказать о нем я не мог.
![](https://habrastorage.org/r/w1560/storage2/08d/68e/47c/08d68e47cb5bdea825affce0a49b9320.png)
Возможно, что-то подобное уже существует, но этот проект как минимум заслуживает вашего внимания.
Первое, что бросается в глаза это сам редактор. Ну чем не Flash, скажете вы и будете правы. А по сути зачем изобретать, что-то новое, когда есть старый проверенный способ создания анимации?
![](https://habrastorage.org/r/w1560/storage2/59d/385/bbd/59d385bbd5c5e59d1e5f363f75502b5a.png)
Рано или поздно такой инструмент обязан был появиться. Конечно возможностей на данный момент не так много, но для простой анимации вполне годится. Создать тот же банер не составит особого труда.
Из инструментов и примитивов доступны следующие:
![](https://habrastorage.org/r/w1560/storage2/5b2/2ee/a27/5b22eea27c66b0f604be798db7852e1a.png)
Думаю озвучивать не нужно. Очень радует, что можно загрузить картинку и звуковой эффект. Есть возможность создания слоев, добавления камер, использование горячих клавиш(ознакомиться можно здесь pdf).
Ну и самое главное на мой взгляд это экспорт анимации. Этот процесс очень прост и быстр. Сервис сам все сожмет и упакует, а вам нужно будет только сохранить архив на свой компьютер. В архиве лежит отдельный файл с вашей анимацией, их библиотека для проигрывания (mugeda_player_*.js), html файл для предварительного просмотра и все медиа файлы, которые используются (картинки, звуки и т.п.). После этого вы можете вставлять свой ролик или банер куда захотите.
Единственное замечание это размер скриптов. Библиотека для проигрывания mugeda_player_0.1.0.js весит 184 Кб. Вес файла с анимацией зависит от сложности анимации. Возможно в будущем вес сократят.
Очень радует, что нет необходимости загружать стороннее ПО для работы. Все данные хранятся в облаке сервиса и вы в любой момент можете приступить к творению. Так же вы легко можете поделиться своей работой с друзьями или посетителями сайта, просто опубликовав свою анимацию.
![](https://habrastorage.org/r/w1560/storage2/826/ce9/67d/826ce967debf8ec7260a73273dd6f2ae.png)
Ну и напоследок не много ссылок на обучающие видео:
С праздниками вас и спасибо за внимание!
Хочу поделится замечательным сервисом для создания анимации на платформе HTML5 под названием Mugeda. Сразу оговорюсь, сервис не мой, но пройти мимо и тем более не рассказать о нем я не мог.
![](https://habrastorage.org/storage2/08d/68e/47c/08d68e47cb5bdea825affce0a49b9320.png)
Возможно, что-то подобное уже существует, но этот проект как минимум заслуживает вашего внимания.
Первое, что бросается в глаза это сам редактор. Ну чем не Flash, скажете вы и будете правы. А по сути зачем изобретать, что-то новое, когда есть старый проверенный способ создания анимации?
![](https://habrastorage.org/storage2/59d/385/bbd/59d385bbd5c5e59d1e5f363f75502b5a.png)
Рано или поздно такой инструмент обязан был появиться. Конечно возможностей на данный момент не так много, но для простой анимации вполне годится. Создать тот же банер не составит особого труда.
Из инструментов и примитивов доступны следующие:
![](https://habrastorage.org/storage2/5b2/2ee/a27/5b22eea27c66b0f604be798db7852e1a.png)
Думаю озвучивать не нужно. Очень радует, что можно загрузить картинку и звуковой эффект. Есть возможность создания слоев, добавления камер, использование горячих клавиш(ознакомиться можно здесь pdf).
Ну и самое главное на мой взгляд это экспорт анимации. Этот процесс очень прост и быстр. Сервис сам все сожмет и упакует, а вам нужно будет только сохранить архив на свой компьютер. В архиве лежит отдельный файл с вашей анимацией, их библиотека для проигрывания (mugeda_player_*.js), html файл для предварительного просмотра и все медиа файлы, которые используются (картинки, звуки и т.п.). После этого вы можете вставлять свой ролик или банер куда захотите.
Единственное замечание это размер скриптов. Библиотека для проигрывания mugeda_player_0.1.0.js весит 184 Кб. Вес файла с анимацией зависит от сложности анимации. Возможно в будущем вес сократят.
Очень радует, что нет необходимости загружать стороннее ПО для работы. Все данные хранятся в облаке сервиса и вы в любой момент можете приступить к творению. Так же вы легко можете поделиться своей работой с друзьями или посетителями сайта, просто опубликовав свою анимацию.
![](https://habrastorage.org/storage2/826/ce9/67d/826ce967debf8ec7260a73273dd6f2ae.png)
Ну и напоследок не много ссылок на обучающие видео:
- Начало работы
- Выбор объекта
- Рисование кривых
- Трассировка изображения
- Основы анимации
- Пути в анимации
- Добавление камер
- Маски в анимации
- Экспорт анимации
С праздниками вас и спасибо за внимание!