У нас был скриншот планировки двухкомнатной квартиры площадью 47,2 м². Мы попросили AI-агента превратить его в трёхмерную модель, которую можно вращать на веб-странице, и сохранить площади помещений. Результат — работающий просмотрщик, мебель по исходному рисунку и два файла модели для скачивания. Разбираем, что получилось и насколько этому результату можно доверять.
Что было на входе
Обычная картинка: стены, окна, двери, условные обозначения мебели и пять подписей с площадями. Комната — 11,8 м², спальня — 10,2 м², кухня-гостиная — 14 м², прихожая — 6,8 м², санузел — 4,5 м². Длин стен, высоты потолка и размерных цепочек на изображении нет.
Задача звучала просто: построить по этому плану 3D-модель, дать возможность покрутить её в браузере и подобрать размеры так, чтобы они соответствовали указанным площадям. Для пользователя это один запрос. В работе он распался на несколько задач: восстановить контуры, рассчитать размеры, построить объекты, собрать интерфейс и проверить экспорт.
Как появилась модель
AI-агент написал код, который строит квартиру из геометрических объектов. Для каждой комнаты задал контур пола, затем добавил стены с проёмами, окна и схематичную мебель. Расположение кроватей, дивана, обеденного стола, кухни и сантехники воспроизвёл по рисунку. Деревянная текстура пола также создаётся программно.
Отрисовку и управление камерой выполняет Three.js. В просмотрщике можно вращать квартиру, приближать детали и перемещать камеру. Вид сверху помогает сопоставить модель с исходным планом. Мебель отключается, стены переключаются между уменьшенной и полной высотой, а при выборе помещения показываются его размеры.
Затем агент сохранил модель в GLB и glTF. Это отдельные 3D-файлы: их можно загрузить в совместимый редактор или встроить в другой веб-проект. В комплекте также есть JSON с контурами помещений и расчётными размерами.
Эксперимент потребовал нескольких итераций. При браузерной проверке обнаружился недостающий модуль Three.js; его добавили в локальный комплект. После визуального осмотра поправили показ дверных проёмов при уменьшенных стенах и компоновку страницы на телефоне. Работа включала исправления и проверку результата.
Почему 47,2 м² — это свойство модели
Написать «11,8 м²» поверх произвольного прямоугольника легко. Мы проверяли другое: площадь самого контура пола. Размеры помещений подобраны так, чтобы их геометрия давала значения с исходного плана.
| Помещение | Размеры в модели | Площадь |
|---|---|---|
| Комната / кабинет | 3,200 × 3,6875 м | 11,8 м² |
| Кухня-гостиная | 4,000 × 3,500 м | 14,0 м² |
| Спальня | 3,200 × 3,1875 м | 10,2 м² |
| Санузел | 2,600 × ≈1,730769 м | 4,5 м² |
| Прихожая | Г-образный контур | 6,8 м² |
| Всего | 47,2 м² | |
Например, 3,2 × 3,6875 = 11,8. Для санузла глубина рассчитывается как 4,5 / 2,6; в подписях она округлена. Площадь Г-образной прихожей определяется по координатам её вершин. Стены в сумму чистых площадей помещений не входят.
Проверка прошла и после экспорта: GLB загрузили обратно и посчитали площади треугольников, из которых состоят полы. Отклонение от заданных значений оказалось меньше 0,000001 м² для каждого помещения — на уровне машинного округления. В модели 151 геометрический объект, а одна единица координат соответствует одному метру.
Что можно посмотреть прямо сейчас
Откройте демонстрацию и сравните два вида: объёмный и сверху. Вращение позволяет оценить взаимное расположение помещений, а переключение мебели — рассмотреть проходы и форму комнат. По умолчанию стены уменьшены для обзора. Кнопка «Полные стены» возвращает принятую в эксперименте высоту 2,7 м.
Квартира, которую можно покрутить
На компьютере тяните мышью для вращения, используйте колесо для масштаба и правую кнопку для перемещения. На телефоне вращайте одним пальцем, меняйте масштаб двумя.
Где такой подход пригодится бизнесу
Для агентства недвижимости это возможный формат дополнения к карточке объекта. Посетитель может самостоятельно рассмотреть расположение помещений, а менеджер — использовать ту же модель во время разговора. При этом важно прямо указать, построена ли она по обмерному плану или восстановлена приблизительно.
Для дизайнера или студии ремонта такая сцена может стать основой первого обсуждения: где расположены функциональные зоны, как комнаты связаны между собой, что нужно уточнить у заказчика. После получения размеров геометрию можно скорректировать. Текущая модель показывает принцип и требует дальнейшей детализации для проектных задач.
Для продавца отделочных материалов или мебели возможное продолжение — добавить смену покрытий, подбор цветов и размещение товаров из каталога. Эти функции в текущем эксперименте не реализованы. Чтобы получить полноценный конфигуратор, понадобятся модели товаров с корректными габаритами, правила размещения и связь с ассортиментом.
С точки зрения команды разработки результат интересен тем, что после разговора остаётся редактируемый проект: код геометрии, интерфейс и переносимые файлы. Его можно дорабатывать и интегрировать в сайт. Мы не измеряли влияние такой страницы на конверсию, стоимость подготовки объекта или трудозатраты в сравнении с ручной работой. Это вопросы для отдельного пилота.
Что ещё потребуется для реального объекта
В этой реконструкции высота стен 2,7 м, толщина наружных стен 0,24 м и перегородок 0,14 м приняты как допущения. Размеры и положение проёмов восстановлены приблизительно. Граница кухни и прихожей в открытом проходе условная. У модели нет потолка, чтобы квартиру было удобно рассматривать.
Совпадение суммы площадей не превращает результат в обмерный чертёж или BIM-модель. Для планирования ремонта нужны проверенные размеры, сведения о конструкциях и инженерных системах. В сцене нет расчёта несущей способности, коммуникаций, сметы или проверки допустимости перепланировки.
Следующий практический шаг — повторить задачу на плане с размерными цепочками и сравнить готовую геометрию с контрольными измерениями. На серии разных квартир можно будет оценить устойчивость подхода: сколько объектов требуют исправлений и какие исходные данные дают лучший результат.
Заберите результат эксперимента
В обоих форматах сохранены мебель и стены полной высоты. GLB упаковывает модель и текстуру в один двоичный файл. Версия glTF содержит JSON со встроенными ресурсами. В просмотрщике используются локальные зависимости — для него не нужен внешний CDN.
Материал подготовлен по результатам одного практического эксперимента. Иллюстрации — план с адаптированным оформлением и снимки работающего просмотрщика. Это демонстрационный проект; геометрические допущения перечислены выше и в файле размеров.
Смежные материалы: стол по фотографии → 3D и смета, AI-агент и чат-бот, RAG для бизнеса, архитектурные примеры. Автор эксперимента — Александр Тимофеев.
Хотите узнать больше?
Если вы хотите превратить планировки в интерактивные страницы, добавить 3D-просмотр на сайт или проверить другую идею с AI, напишите Александру Тимофееву. Расскажите, какие материалы у вас есть и что должен уметь результат. Это поможет определить объём пилота и критерии проверки.
Александр Тимофеев · @alex_aidev