cd1ade35fda64e1bceff93ab62c5709a9391974e
Room-3D
Интерактивный 3D-сайт для демонстрации контактов, презентации и резюме.
О проекте
Это современный веб-сайт с 3D-интерактивной сценой интерьера, разработанный на базе Three.js. Проект служит персональной визитной карточкой, презентацией портфолио и онлайн-резюме.
Возможности
- 🏠 Интерактивная 3D-комната с реалистичным освещением
- 🖱️ Вращение модели мышью и зум колёсиком
- 💡 Реалистичное освещение: Spot-светильники и LED-ленты
- 🌆 HDRI-окружение для фотореалистичности
- 📱 Адаптивный дизайн
Технологии
- Three.js — 3D-графика
- HTML5 / CSS3 — верстка и стили
- JavaScript (ES6 modules) — логика приложения
Установка и запуск
Проект не требует сборки. Просто откройте index.html в браузере или используйте локальный сервер:
# Python 3
python -m http.server 8000
# Node.js (если установлен http-server)
npx http-server
Затем перейдите по адресу: http://localhost:8000
Структура проекта
/
├── index.html # Главная страница
├── css/
│ └── style.css # Стили
├── js/
│ ├── main.js # Точка входа
│ ├── scene.js # Сцена и рендерер
│ ├── camera.js # Камера
│ ├── controls.js # Управление мышью
│ └── lights.js # Освещение
├── models/ # 3D-модели
└── textures/ # Текстуры и HDRI
Лицензия
© Oleg Tolchin
Description
Languages
JavaScript
90.3%
HTML
6.1%
CSS
3.6%