Для серии онлайн-курсов требуется создать графические моушн-дизайн и анимационные ролики следующих типов: 1. Моушн-дизайн заставка (2-3 секунды) с звуковым фоном для начала первой лекции курса с логотипом проекта, названием, Фамилией и Именем ...
Требуется специалист по Canvas анимации
Есть верстка на которую необходимо сделать качественную canvas анимацию.
Подробное видеоТЗ по анимации тут: https://drive.google.com/file/d/0B14mbc1tp4XmT2RTVldBVTBsdHM/view
Инструкция по анимации:
Общая анимационная тема отображена движением свободных молекул,
как по ссылке:https://codepen.io/VincentGarreau/pen/pnlso по цвету на них наложен градиент есть в UI ките.
идеальный вариант совместить ее с интерактивным построением при прокрутке как на примере:http://brightmedia.pl/?lang=en&site=contact (конечно, здесь сложный пример, но нам нужна только логика, просто проявлять уже установленную анимацию при прокрутке страницы )
Анимация загрузки страницы:https://codepen.io/Izumenko/pen/MpWyXKтолько элементы должны быть соединены.
При такой анимации блоки должны быть минимального проявления, лучше наверне оставить их статичными.
Колесо категорий должно крутиться. Вариант реализации нужной анимации от разработчика, который писал пример:
Судя по картинке, в мозге части в определенном радиусе должны становиться синими и чуть чуть приближаться к мышке.
Вполне реально сделать в канвасе. Нужно создать массив с координатами всех точек. Потом сгенерировать точки как определённые классы в этих позициях с чуть чуть рандомным размером. Дальше сделать в их классе метод который будет чекать близко ли мышка или нет. И тогда их по чуть чуть тянуть.
Тянучку сделать довольно просто.
Видел на моем канале видео про цветной хаос? Так вот на моем кодпэне про цветной хаосhttps://codepen.io/Godje/pen/PbRyVw)На него есть форк, который я сам сделал. Где точечки сами тянуться обратно на свою позицию. Таким же образом можно тянуть точки с маленьким давлением, и будет казаться будто они чуть чуть двигаються в направлении мышки.
Единственные сложности которые я сейчас замечаю со своей стороны это правильно их соединить так же как и на картинке. Никак не пойму как можно сделать так. Разве что каждому дать id и потом в каждой точке дать массив с ид точек с которыми нужно присоединиться. Но это капец долго и мучительно. https://codepen.io/Godje/pen/xgaqpO
Либо реализация так как вы это видите.
Оплата поэтапно либо в конце
Заявки фрилансеров
Похожие заказы
- Анимация4 заявкиЗакрыт8 лет назад
Нужен ролик - примерная схема: анимация из фоток, затем видео с сайта vamvidnee.ru (прокурора главной - в категорию - в товар) и плюс еще немного фото в конце. На некоторые кадры нужно будет наложить акцентные ...
Анимация1 исполнительЗавершен8 лет назадНужна проработанная анимация бега персонажа. Предоставлю что необходимо. Сроки - максимум 3 дня. Сам персонаж во вложении (для понимания с чем предстоит работать). Задание несложное, если уже работали с подобным. Пишите цены.
Анимация1 исполнительЗавершен8 лет назадДобрый день! Требуется сделать html или SVG анимационный баннер для сайта. Подробно ТЗ после заявки. Исходники есть в PDF
Анимация7 заявокЗакрыт8 лет назадНужна анимация, 9-10 сек. Частицы, жидкости. Качество - как в рекламных роликах мин.воды. Например(не лучший): https://www.youtube.com/watch?v=HxsdfDPu8sc https://www.youtube.com/watch?v=udSUhJYNl-w Имеется подр. сценарий. Размещайте ссылки на свои аналог. работы, стоимость, срок.
Анимация4 заявкиЗакрыт8 лет назадЗдравствуйте) это ссылка на проект, что нужно сделать, чтобы вы сразу понимали сможете ли вы справиться. Сроки 2 - 3 дня) Если фрагмент получится хорошо, тогда будем делать остальные) https://docs.google.com/spreadsheets/d/1U8M3NFEBaZXjCj9Nn7haXVxlE2UDUeY5EMnD8MGj1oM/edit?usp=sharing
Анимация3 заявкиЗакрыт8 лет назадДобрый день! Нужно: 1 Придумать движения анимации 2 есть векторные изображения - нужно сделать анимацию 3 Если есть знания верстки - сделать тоже.
Анимация5 заявокЗакрыт8 лет назадВоссоздать фрагмент мультика (время c 00:08 по 06:56), аналогичный тому, который находится по ссылке: https://www.youtube.com/watch?v=QqaRJXf_XIM Параметры кадра: HD: 1920х1080 Можно не повторять в точности задники, достаточно будет похожего эффекта с обычной картинкой ...
Анимация3 заявкиЗакрыт8 лет назадТребуется разработка дизайн-макетов детской азбуки украинского и русского алфавитов. Дизайн каждой буквы отдельно с анимированными примерами. Например - буква “А”, “Аист" машет крыльями. Требования к файлам - раскадровка из отдельных файлов, желательно в векторе.
Анимация3 заявкиЗакрыт8 лет назад- $100
Кроме шуток, нужно именно то, что указано в названии. https://giphy.com/gifs/xUA7aXxbP0jZM4YL8Q Есть вот такая, находящаяся в разработке, игра. Существо может ползать по стенам и прогрызать ходы в игровом поле. Ваша ...
Анимация5 заявокЗакрыт8 лет назад