Лого з анімацією на canvas
Розробляємо сайт лендінг для себе. Наша сфера це розробка програмного забезпечення для замовників з ЄС. Фішкою сайту буде невеличка лів анімація з двома буквами нашого лого "NV". При наведенні курсором на кульки з яких складються букви NV спрацьовує ефект "Attraction and repulsion". На вебі спрацьовує після наведення курсора. На мобі спрацьовує при тачі на сенсорний екран " жмак і кульки відштовхнулись" .
Лого яке треба оживити:
https://drive.google.com/file/d/14w14IWrC5ABGghuptNR_dgji8xwn0VEy/view?usp=drive_link
Приблизно виглядає це таким чином:
https://www.youtube.com/watch?v=KEQsm2yL6Lg
https://www.youtube.com/watch?v=XGioNBHrFU4
За планом:
1. Оцініти фронт робіт
2. Зробити букви
3. Протестувати на моб та веб
4. Допрацювати в кінці фінальний варіант
Компетенції:
Canvas experince
Any technologies for animation effects (готові сбробувати будь які варіанти реалізації окрім canvas)
-
Здоров’я
Я можу показати роботу саме за логотипами
Рейтинг робіт на Behance (понад 500 000 переглядів)Behance
-
818 26 0 1 Доброго дня, У мене великий досвід з браузерною графікою WebGl: fabric JS, Babylon JS - 2d/3d, спрайти, анімація...
Деталі при обговоренні
Портфоліо тут у профілі
-
717 21 2 1 Вітаю! Є досвід подібноо. В принципі, там не дуже багато кружочків, можливо і на html зробити.. Наприклад, ось такий ефект робив нещодавно: codepen.io/trushka/pen/OJaMWWK
Хоча, це заготовка, для повноекранного варіанту вже треба все одно на canvas перносити.. Але швидкодія просідає, лише коли елементів дуже баато, бо просто маніпуляції з DOM сильно затратні. Але у мее є варіанти і подібних ефектів на webGL, наприклад http://tr.ubscrm.com.ua/1/
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Шукаю досвідченого Full Stack розробника для створення SaaS-сервісу для інтернет-магазинів.Ідея сервісу: Клієнт завантажує посилання на свій товарний фід (XML або CSV). Сервіс автоматично отримує товари, бере їхні фотографії та створює нові рекламні зображення за готовими шаблонами: ціна, знижка, логотип, акційні плашки тощо. Також у сервісі має бути простий редактор… Javascript та Typescript, Веб-програмування ∙ 1 година 38 хвилин тому ∙ 35 ставок |
Розробка WebGL/Three.js сцени з генерацією та експортом 3D (снапшот) з анімованого шейдераОпис об'єкта:Проект являє собою дизайнерський стіл, виконаний у формі реалістичного, глибокого водовороту (центральна воронка, яка плавно переходить з широкої горизонтальної стільниці в тонку витончену ніжку). Суть задачі:Потрібен WebGL / Creative Coding розробник для створення… Javascript та Typescript, Веб-програмування ∙ 22 години 11 хвилин тому ∙ 24 ставки |
Підтримка та розвиток сайту клінінгової компанії
906 UAH
Шукаю веб-розробника / вебмайстра для довгострокової підтримки та розвитку сайту клінінгової компанії. Сайт: https://donely.ca Про проєкт DoneLy Home Services — компанія з надання послуг прибирання в Канаді, яка активно розвивається та розширює географію роботи. Шукаю… Javascript та Typescript, Веб-програмування ∙ 3 дні тому ∙ 60 ставок |
Розробка сайту по ТЗ на FramerПотрібно зробити сайт по цим параметрам що в тз https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Називайте реальний рейт на основі цього дизайну HTML та CSS верстання, Javascript та Typescript ∙ 4 дні 1 година тому ∙ 27 ставок |
Розробка інтерактивної карти Palworld для сайтуПотрібно розробити інтерактивну карту Palworld за прикладом: https://palworld.gg/map Нам потрібна не просто статична картинка, а повноцінна інтерактивна карта, де користувач може дивитися локації, вмикати / вимикати категорії об’єктів, шукати потрібні точки та взаємодіяти з… HTML та CSS верстання, Javascript та Typescript ∙ 5 днів 15 годин тому ∙ 35 ставок |