Требуется специалист по 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
Либо реализация так как вы это видите.
Current freelance projects in the category Web Programming
Development of a modern SEO website for a coffee food truck
1000 USD
Looking for an experienced developer to create a modern website for a mobile coffee shop in the USA, taking SEO requirements into account. The current website already exists, but a new site needs to be developed from scratch, focused on long-term promotion in Google. What is… Web Programming ∙ 5 hours 19 minutes back ∙ 42 proposals |
Create a Chrome plugin for connecting to a proxyCreate a Chrome plugin for connecting to a proxy I am looking for a developer, possibly with AI who has successfully published similar plugins in the store just AI writing without development experience is not needed please send proposals regarding price and deadlines AI & Machine Learning, Web Programming ∙ 21 hours 43 minutes back ∙ 27 proposals |
Tik Tok Live node.je
16 USD
It is necessary to write a mini program based on the TT-live-connector library, so that when launched, it reads the Gifts being sent and displays a smooth and beautiful animation through a regular web page. Web Programming ∙ 1 day 11 hours back ∙ 28 proposals |
Creation of a website for an accounting firm on WordPress (using a ready-made template)
557 USD
Good day. We are an accounting firm - we want to create a website for the accounting firm on WordPress (using a ready-made template) in two languages. It should be optimized for Google and SEO. Web Programming ∙ 2 days 16 hours back ∙ 109 proposals |
Improvement of the time tracking system on ASP.NETNeed a .NET developer for a small project — an employee payroll system. Three tasks: Deploy the system on our subdomain (we will provide the domain and access). Audit the login form + make security improvements if necessary. Implement a closed API for data export in JSON. Stack:… Web Programming ∙ 2 days 16 hours back ∙ 42 proposals |