Требуется специалист по 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
Либо реализация так как вы это видите.
Актуальні фриланс-проєкти в категорії Веб-програмування
Покращення СR конверсії сайту
6500 UAH
Покращення СR конверсії сайту. Задачи по ТЗ https://docs.google.com/document/d/1Y7zipbe2IEnFpthYuheAr6QA_50aR2Fz8V14rp5NpNo/edit?usp=sharingКнопка BOOK NOWфото / відеокороткий текстІ ОДРАЗУ форма бронюванняфіксованою (sticky)повторюватися кожні 1–2 блокиоднакового кольору… HTML та CSS верстання, Веб-програмування ∙ 1 година 22 хвилини тому ∙ 13 ставок |
Проблеми з відображенням текстур 3D файлів на Sketchfab
700 UAH
Підкажіть чому в мене не відображаються текстури 3D файлів та при завантаженні їх на Sketchfab в мене білі стіни? Таке відбувається у будь-якому файлі blend,fbx,glb, я працюю у Blender, версії 5.0. Я вже натискала на Pack resources або Make of paths absolute/relative, але все… 3D моделювання та візуалізація, Веб-програмування ∙ 12 годин 28 хвилин тому ∙ 4 ставки |
Онлайн урок"Шукаю технічного спеціаліста / програміста для налаштування короткого онлайн-уроку для сфери косметології в США (штат Іллінойс). Потрібно завантажити текст/відео на готову платформу (Teachable або аналог / або простий WordPress) та налаштувати захист: блокування переходу до… Веб-програмування ∙ 15 годин 38 хвилин тому ∙ 22 ставки |
Створення index.html в стилі прикладу
2557 UAH
Доброго дня. Хочу, щоб index.html був дуже схожим на приклад, згенерований ІІ. Потрібно відтворити цей американський олдскул стиль. Веб-програмування ∙ 18 годин 49 хвилин тому ∙ 81 ставка |
Внести правки на сайті WP.
4000 UAH
Необхідно внести правки на сайті, який на Вордпрессе. Сайт по тематиці казино, тому досвід з даною тематикою вітається. Перелік правок, які необхідно виконати: - Перенести 15 блоків з ACF в Gutenberg Block + перевірити його відображення - Налаштувати правильне відображення фото… Веб-програмування ∙ 19 годин 23 хвилини тому ∙ 66 ставок |