Есть верстка на которую необходимо сделать качественную 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
Либо реализация так как вы это видите.
Оплата поэтапно либо в конце
Для серии онлайн-курсов требуется создать графические моушн-дизайн и анимационные ролики следующих типов: 1. Моушн-дизайн заставка (2-3 секунды) с звуковым фоном для начала первой лекции курса с логотипом проекта, названием, Фамилией и Именем спикера. Желательный уровень[list=1][url=https://www.youtube.com/watch?v=FZpgcXQRtTA]https://www.youtube.com/watch?v=FZpgcXQRtTA[/url] (первые ...
Нужен ролик - примерная схема: анимация из фоток, затем видео с сайта vamvidnee.ru (прокурора главной - в категорию - в товар) и плюс еще немного фото в конце. На некоторые кадры нужно будет наложить акцентные ...
Нужна проработанная анимация бега персонажа. Предоставлю что необходимо. Сроки - максимум 3 дня. Сам персонаж во вложении (для понимания с чем предстоит работать). Задание несложное, если уже работали с подобным. Пишите цены.
Добрый день! Требуется сделать html или SVG анимационный баннер для сайта. Подробно ТЗ после заявки. Исходники есть в PDF
Нужна анимация, 9-10 сек. Частицы, жидкости. Качество - как в рекламных роликах мин.воды. Например(не лучший): https://www.youtube.com/watch?v=HxsdfDPu8sc https://www.youtube.com/watch?v=udSUhJYNl-w Имеется подр. сценарий. Размещайте ссылки на свои аналог. работы, стоимость, срок.
Здравствуйте) это ссылка на проект, что нужно сделать, чтобы вы сразу понимали сможете ли вы справиться. Сроки 2 - 3 дня) Если фрагмент получится хорошо, тогда будем делать остальные) https://docs.google.com/spreadsheets/d/1U8M3NFEBaZXjCj9Nn7haXVxlE2UDUeY5EMnD8MGj1oM/edit?usp=sharing
Добрый день! Нужно: 1 Придумать движения анимации 2 есть векторные изображения - нужно сделать анимацию 3 Если есть знания верстки - сделать тоже.
Воссоздать фрагмент мультика (время c 00:08 по 06:56), аналогичный тому, который находится по ссылке: https://www.youtube.com/watch?v=QqaRJXf_XIM Параметры кадра: HD: 1920х1080 Можно не повторять в точности задники, достаточно будет похожего эффекта с обычной картинкой Выполнять можно в программах: ...
Требуется разработка дизайн-макетов детской азбуки украинского и русского алфавитов. Дизайн каждой буквы отдельно с анимированными примерами. Например - буква “А”, “Аист" машет крыльями. Требования к файлам - раскадровка из отдельных файлов, желательно в векторе.
Кроме шуток, нужно именно то, что указано в названии. [url=https://giphy.com/gifs/xUA7aXxbP0jZM4YL8Q]https://giphy.com/gifs/xUA7aXxbP0jZM4YL8Q[/url] Есть вот такая, находящаяся в разработке, игра. Существо может ползать по стенам и прогрызать ходы в игровом поле. Ваша задача — нарисовать анимацию пасти. 1. Основной ориентир — ...