MadnessTony
@MadnessTony
Web Developer

Как реализовать такое облако слов?

Необходимо реализовать такое же облако, как здесь : https://jacekjeznach.com/about.
Каким образом лучше это сделать в react + typescript ?
  • Вопрос задан
  • 127 просмотров
Пригласить эксперта
Ответы на вопрос 2
Сгенерировать с помощью невидимого канваса картинки с текстом и их альфа-канал (чтобы прозрачность была). Получить в итоге набор текстур, а еще лучше одну текстуру-карту всех слов.
Создать спрайты (плоскости, всегда повернутые к камере) на основе этих текстур и разместить спрайты на поверхности виртаульной сферы.
Вращать эту сферу по мышке.
Ответ написан
Комментировать
sfi0zy
@sfi0zy
Creative frontend developer
В тегах вопроса значится Three.js, но в целом ради таких штук можно и не притягивать килотонны скриптов. Логики тут куда меньше, чем кажется на первый взгляд. Плюс можно и обычные HTML-элементы подвигать. Как пример:


Тут немного отличается характер движений от примера на том сайте, но расположение надписей равномерно на сфере и суть поворотов плюс-минус такие же. И большой вопрос, что будет более производительным. Скорее всего на большом количестве надписей WebGL все же выйдет вперед, но пока их мало - сложно сказать, что лучше.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы