🪩 Дискошар

Интерактивный лендинг с анимированным дискошаром, который крутится от кликов и выдает призы при достижении максимальной скорости!

🎯 Возможности

• Реалистичный 3D дискошар на Three.js с настоящими 3D моделями и физикой
• 432 зеркальных плитки с индивидуальными металлическими материалами и отражениями
• Продвинутое освещение - точечные источники света, spot lights, реалистичные тени
• Environment mapping - реалистичные отражения окружающей среды на плитках
• Интерактивность - чем больше кликов, тем быстрее крутится шар
• Автозамедление - скорость постепенно снижается без кликов
• Система призов - при достижении максимальной скорости выпадают призы
• Световые лучи - вращающиеся световые эффекты поверх 3D сцены
• Красивый дизайн - темный космический фон с облаками и звездами
• Адаптивность - работает на всех устройствах

🚀 Запуск проекта

Установка зависимостей

npm install

Запуск в режиме разработки

npm run dev

Откройте http://localhost:5173 в браузере.

Сборка для продакшена

npm run build

Просмотр продакшен сборки

npm run preview

🛠 Технологии

• React 18 - библиотека для создания UI
• TypeScript - типизированный JavaScript
• Three.js - 3D графическая библиотека WebGL
• @react-three/fiber - React рендерер для Three.js
• @react-three/drei - полезные хелперы для R3F
• Vite - современный сборщик
• CSS3 - дополнительные эффекты и анимации

🎮 Как играть

1. Кликайте на дискошар, чтобы раскрутить его
2. Следите за шкалой скорости
3. При достижении 100% скорости начнут выпадать призы!
4. Продолжайте кликать, чтобы поддерживать максимальную скорость

📝 Лицензия

MIT