3D-модель квартиры: мебель проверяется по реальным размерам до покупки
Интерактивная модель квартиры в браузере, одна страница без сборки. План, 3D и прогулка от первого лица, расстановка мебели с проверкой проходов, отделка и солнце по дате и времени.
Контекст
Личный проект: понять до покупки мебели, что правда влезает в квартиру. Смысл не в красивой картинке, а в ответе — конкретный шкаф из каталога либо встаёт в нишу, либо нет, и зазор видно сразу.
Что сделано
Три режима просмотра. План сверху, 3D с вращением и прогулка на высоте глаз со столкновением со стенами. Отдельно — задача: просмотр, мебель или отделка.
Мебель. Предметы из каталога перетаскиваются по плану и прилипают к стенам и соседям, показывают размерные линии, поворачиваются, копируются и заменяются; отмена до 100 шагов. Проверка расстановки находит пересечения, мешающие двери и проходы уже 60 см.
Отделка и свет. Материалы стен и пола меняются с живым предпросмотром, солнце ставится по дате и времени.
Геометрия по плану застройщика. Размеры сняты с плана по масштабу пикселя — 2,24 см на пиксель, точность около 5 см, — и сверены с площадями комнат на плане. Стены описаны данными в одном месте, из них же собирается рендер в Blender.
Лёгкая сборка. Одна страница без сборщика и фреймворка, модели мебели сжаты (Draco, WebP).
Масштаб: около 3 тыс. строк HTML и JavaScript и 3,5 тыс. строк Python для подготовки данных и рендеров.
