Сайт с интерактивным 3D-глобусом на главном фоне
Разработка выполнена в 5 этапов за 7 дней:
1. Создание базовой модели глобуса с эффектом разлета частиц
3D-глобус на Three.js (React Three Fiber)
Эффект разлета частиц в месте вращения
Интерактивное вращение с анимацией
2. Разработка кастомного контроллера для свободного вращения
Собственный контроллер внутри Three.js
Вращение "через голову" без ограничений стандартных контроллеров
Плавное управление камерой с инерцией
3. Физика океанских течений и ночная подсветка
Физика океанских течений с учетом силы Кориолиса
Расчет взаимодействия с континентами (барьеры, отражения)
Световая карта для ночной подсветки городов
Циклическая смена дня и ночи с плавными переходами
4. Реализация сайта
Макет переработан под Tailwind CSS
Без inline-стилей, все через классы Tailwind
Адаптивность для всех устройств
Анимации и переходы
5. Кастомная CMS
Собственная админ-панель на Node.js/Express
Inline-редактирование контента
Управление настройками глобуса в реальном времени
Замена тяжелых решений (например, WordPress) на легковесную систему
Технологии: React 19, TypeScript, Three.js, React Three Fiber, Tailwind CSS 4, Node.js/Express, JWT-авторизация
Особенности: Оптимизация производительности, адаптивность, кастомная физика, управление через админ-панель
http://mostvisa.ru/