Требуется специалист по Canvas анимации
Есть верстка на которую необходимо сделать качественную canvas анимацию.
Подробное видеоТЗ по анимации тут: https://drive.google.com/open?id=0B14mbc1tp4XmT2RTVldBVTBsdHM
Инструкция по анимации:
- Общая анимационная тема отображена движением свободных молекул,
- как по ссылке: http://codepen.io/VincentGarreau/pen/pnlso по цвету на них наложен градиент есть в UI ките.
- идеальный вариант совместить ее с интерактивным построением при прокрутке как на примере: http://brightmedia.pl/?lang=en&site=contact (конечно, здесь сложный пример, но нам нужна только логика, просто проявлять уже установленную анимацию при прокрутке страницы )
- Анимация загрузки страницы: http://codepen.io/Izumenko/pen/MpWyXK , только элементы должны быть соединены.
- При такой анимации блоки должны быть минимального проявления, лучше наверне оставить их статичными.
- Колесо категорий должно крутиться.
Вариант реализации нужной анимации от разработчика, который писал пример:
Судя по картинке, в мозге части в определенном радиусе должны становиться синими и чуть чуть приближаться к мышке.
Вполне реально сделать в канвасе. Нужно создать массив с координатами всех точек. Потом сгенерировать точки как определённые классы в этих позициях с чуть чуть рандомным размером. Дальше сделать в их классе метод который будет чекать близко ли мышка или нет. И тогда их по чуть чуть тянуть.
Тянучку сделать довольно просто.
Видел на моем канале видео про цветной хаос? Так вот на моем кодпэне про цветной хаос(https://codepen.io/Godje/pen/PbRyVw). На него есть форк, который я сам сделал. Где точечки сами тянуться обратно на свою позицию. Таким же образом можно тянуть точки с маленьким давлением, и будет казаться будто они чуть чуть двигаються в направлении мышки.
Единственные сложности которые я сейчас замечаю со своей стороны это правильно их соединить так же как и на картинке. Никак не пойму как можно сделать так. Разве что каждому дать id и потом в каждой точке дать массив с ид точек с которыми нужно присоединиться. Но это капец долго и мучительно.
https://codepen.io/Godje/pen/xgaqpO
Либо реализация так как вы это видите.
Актуальные фриланс-проекты в категории Веб-программирование
Разработка формы сбора лидов перед загрузкой программы (MODX)Сайт: bricscad-ukraine.com.uaCMS: MODXМета: Создать механизм сбора лидов перед загрузкой программного обеспечения для 3-х версий Windows, MacOS, Linux с сайта для дальнейшей обработки отделом продаж. Веб-программирование ∙ 2 часа 38 минут назад ∙ 23 ставки |
Удалить вирусы с сайта и обновить плагины (Wordpress)Нужен специалист по WordPress для технической доработки сайта Задача: Очистить сайт https://www.mast-agency.com/ от вирусов/вредоносного кода, файлов; (на сайте вирус, который делает страницы и редиректы на чужой магазин) Обновить плагины, чтобы сайт работал и выглядел… CMS, Веб-программирование ∙ 6 часов 9 минут назад ∙ 61 ставка |
Сделать так, чтобы письма о заказах из магазина не попадали в спамСейчас есть магазин на опенкарт, письма о заказах попадают в спам, нужно сделать так, чтобы они попадали во Входящие (ukr.net gmail), проверьте. Хостинг написал: Плохая доставка электронной почты может быть связана с низкой репутацией отправителя - IP или домена. В таком… PHP, Веб-программирование ∙ 7 часов 14 минут назад ∙ 44 ставки |
Ищу опытного Full Stack разработчика для создания SaaS-сервиса для интернет-магазинов.Идея сервиса: Клиент загружает ссылку на свой товарный фид (XML или CSV). Сервис автоматически получает товары, берет их фотографии и создает новые рекламные изображения по готовым шаблонам: цена, скидка, логотип, акционные плашки и т.д. Также в сервисе должен быть простой… Javascript и Typescript, Веб-программирование ∙ 7 часов 25 минут назад ∙ 62 ставки |
Разработка WebGL/Three.js сцены с генерацией и экспортом 3D (snapshot) из анимированного шейдераОписание объекта:Проект представляет собой дизайнерский стол, выполненный в форме реалистичного, глубокого водоворота (центральная воронка, которая плавно переходит из широкой горизонтальной столешницы в тонкую изящную ножку). Суть задачи:Требуется WebGL / Creative Coding… Javascript и Typescript, Веб-программирование ∙ 1 день 3 часа назад ∙ 27 ставок |