Необходимо с помощью библиотеки three.js создать шар в форме земли + спроецировать на него карту земли.
Как результат у нас должен был быть глобус в шестиугольниках вместо земли
данный момент планета выглядит как глобус/карта, нужно всю карту разбить на шестиугольники, так как вот здесь https://globe.gl/example/hexed-polygons/
Не нужна разбивка по цветам и странам, все шестиугольники должны быть одного цвета. Не нужно точное совпадение с контурами карты. Только примерное расположение. Так же когда будут шестиугольники убрать подложку с реальным ландшафтом.
Размер шестиугольников больше, будем отталкиваться от 15-20 шестиугольников на площадь южной америки
Все шестиугольники должны быть описаны в записях firebase
Данные шестиугольника содержат:
Цвет
ToolTip
Строение - если указано, значит на это восьмиугольнике будет "стоять" строение, объект obj
Кликабельность - если указано, при нажатии открывается страница контента. Например,как сейчас при клике на MAIN BASE или ABOUT
Как будет выглядеть окно контента будет предоставлено в Figma
UPD: Так же помимо цвета шестиугольника может быть background картинка, тоже прописывается в firebase
___
У кандидата обязательно должен быть глубокий опыт с библиотекой three.js
