Потрібно розробити анімовану фігуру для першого екрану сайту: https://front.touchit.vinnica.ua/spiral2/ Зараз у банері використовується тимчасова фігура. Необхідно замінити її на нашу унікальну анімацію, побудовану на основі логотипу компанії. Основний референс по руху та візуальному ефекту: https://atuin.media/en/ Що потрібно: Створити процедурну фігуру у формі нашого логотипа. Фігура повинна плавно рухатися, обертатися, вигинатися і деформуватися. Заголовок просвічуватися, коли фігура на нього потрапляє. Рух має бути безперервним і живим, без помітного повторення короткої анімації. Візуально логотип має виглядати як гнучка об'ємна стрічка або поверхня. Потрібно реалізувати освітлення, тіні, відблиски, градієнти і за необхідності напівпрозорість. Анімація повинна коректно працювати на різних роздільних здатностях екрану. Важливо забезпечити хорошу продуктивність на комп'ютерах і мобільних пристроях. Готову анімацію потрібно інтегрувати в існуючу верстку банера. Анімація не повинна заважати роботі тексту, кнопок і інших елементів сторінки. У нас є готова модель логотипу у форматі GLB. Її можна використовувати як основу або візуальний орієнтир. При цьому ми розуміємо, що звичайного обертання готової моделі недостатньо. Потрібна саме динамічна деформація геометрії. Передбачуваний стек: • Three.js • WebGL • JavaScript • Процедурна геометрія або деформація вершин Розглядаємо й інші варіанти реалізації, якщо результат буде візуально схожий на референс і зможе нормально працювати в браузері.