Требуется специалист по 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
Либо реализация так как вы это видите.
Актуальні фриланс-проєкти в категорії Веб-програмування
Розробка нового SEO-сайту та довгострокове SEO-просування (США)
31 446 UAH
Шукаємо досвідченого спеціаліста (або невелику команду), який зможе не просто розробити сайт, а стати нашим довгостроковим партнером по розвитку кількох проектів. Про компанію Ми займаємося мобільною кав'ярнею BroCoffee у США. Наш поточний сайт: https://brocoffee.us… Веб-програмування, Пошукова оптимізація (SEO) ∙ 16 хвилин тому ∙ 9 ставок |
Проблеми з відображенням текстур 3D файлів на Sketchfab
700 UAH
Підкажіть чому в мене не відображаються текстури 3D файлів та при завантаженні їх на Sketchfab в мене білі стіни? Таке відбувається у будь-якому файлі blend,fbx,glb, я працюю у Blender, версії 5.0. Я вже натискала на Pack resources або Make of paths absolute/relative, але все… 3D моделювання та візуалізація, Веб-програмування ∙ 2 години 23 хвилини тому ∙ 3 ставки |
Потрібна допомога при верифікації документів на Fiverr
700 UAH
Хтось стикався з такою проблемою крім мене із користувачів Fiverr? Я тільки нещодавно зарегіструвалась там, спробувала пройти верифікацію для того, щоб опублікувати Гік, але при скануванні зворотньої сторони паспорту скан відмовляє мені і пише, що некоректний формат файлу, в… Веб-програмування, Навчання ∙ 2 години 31 хвилина тому ∙ 4 ставки |
Онлайн урок"Шукаю технічного спеціаліста / програміста для налаштування короткого онлайн-уроку для сфери косметології в США (штат Іллінойс). Потрібно завантажити текст/відео на готову платформу (Teachable або аналог / або простий WordPress) та налаштувати захист: блокування переходу до… Веб-програмування ∙ 5 годин 33 хвилини тому ∙ 22 ставки |
Створення index.html в стилі прикладу
2546 UAH
Доброго дня. Хочу, щоб index.html був дуже схожим на приклад, згенерований ІІ. Потрібно відтворити цей американський олдскул стиль. Веб-програмування ∙ 8 годин 44 хвилини тому ∙ 77 ставок |