Интерактивная анимированная 3D диаграмма "облако логотипов проектов"
Задание закрыто
Статус рабочей области:
Работа прекращена
Стоимость:
Договорная
Срок выполнения:
10 дней
Варианты оплаты:
По договоренности
Дата публикации:
2024-07-22 14:47
Был на сайте:
2025-01-07 23:37
Реклама
Интерактивная анимированная 3D диаграмма "облако логотипов проектов"
Задача
Разработать кусок кода (HTML, CSS, JS), встраиваемый в любую веб-страницу. Код принимает на вход список ссылок на SVG/WEBP файлы, до 100 штук поделенных на 5-10 групп. Код генерирует на странице 3D-сцену с этими логотипами, расположенными в форме "облака", причём логотипы одной группы должны быть как-то визуально объединены. Приветствуется анимация - например, при drag'е облака оно должно прокручиваться в соответствующую сторону. Приветствуется интерактивность - например, при тапе логотипа он должен приближаться, возможно, показывать описание проекта, клик должен вести на страницу проекта.
Привет, имею большой опыт в разработке скриптов, сайтов, парсеров и просто програм на python, одним словом пишу всо, также пишу приложения на Андроид, с удовольствием возьмусь за работу, сделаю всо в лучшем виде и в кратчайшие сроки, также помогу запустить и разобраться.
Интерактивная анимированная 3D диаграмма "облако логотипов проектов"
Реклама
Интерактивная анимированная 3D диаграмма "облако логотипов проектов"
Разработать кусок кода (HTML, CSS, JS), встраиваемый в любую веб-страницу. Код принимает на вход список ссылок на SVG/WEBP файлы, до 100 штук поделенных на 5-10 групп. Код генерирует на странице 3D-сцену с этими логотипами, расположенными в форме "облака", причём логотипы одной группы должны быть как-то визуально объединены. Приветствуется анимация - например, при drag'е облака оно должно прокручиваться в соответствующую сторону. Приветствуется интерактивность - например, при тапе логотипа он должен приближаться, возможно, показывать описание проекта, клик должен вести на страницу проекта.
Конфигурирование кода ожидаю увидеть примерно в форме:
makeScene(domContainer, [
{ url: " https://www.example.com/logo1.svg", groupId: "aaa" },
{ url: " https://www.example.com/logo2.svg", groupId: "bbb" },
{ url: " https://www.example.com/logo3.webp", groupId: "bbb" },
]);