Документация по редактору дизайна дома: планы этажей, 3D, мебель и материалы

Начало работы

1. Откройте редактор по адресу `/editor`, чтобы мгновенно попробовать его с примером квартиры, или создайте проект из личного кабинета для сохранённого и доступного для общего доступа плана.

2. Выберите инструмент **Прямоугольная комната**, кликните по одному углу на плане, перетащите к противоположному углу и отпустите — у вас появится комната с четырьмя стенами, нарисованными в масштабе.

3. Переключитесь на **Мебель**, откройте категорию в каталоге и перетащите предмет на пол. Добавьте **Дверь** и **Окно** аналогично: выберите инструмент, выберите из каталога и разместите на стене.

4. Нажмите кнопку **3D** вверху, чтобы прогуляться по только что созданному плану; вращайте вид мышью. Нажмите **2D**, чтобы вернуться к плану.

5. В проекте с авторизацией каждое изменение автоматически сохраняется в облако; демо-версия `/editor` сохраняет правки только до перезагрузки страницы.

Вот и весь цикл: рисуй, обставляй, просматривай, улучшай. Всё остальное ниже — детали.

2D и 3D виды

**2D-план** — вид сверху в масштабе с ортогональной камерой и измерительной сеткой. Здесь удобнее всего рисовать и расставлять: стены, комнаты, размеры и перемещение объектов. Свободно перемещайся и масштабируй.

**3D-обход** — перспективный вид с реалистичным освещением, тенями и материалами. Вращай вид мышью, чтобы осмотреть пространство и точно настроить позиции объектов с помощью экранных манипуляторов. Многоэтажные планы отображаются с видимостью по этажам.

Переключайся кнопками **2D / 3D** в центре сверху. Инструменты стен, комнат и размеров требуют вида сверху, поэтому выбор одного из них в 3D автоматически переключит тебя обратно в 2D.

Панель инструментов

**Выделение** — инструмент по умолчанию. Кликни по объекту, стене, комнате или размеру, чтобы выделить его и открыть свойства; кликни по пустому месту, чтобы снять выделение. Перетаскивай фон для перемещения камеры.

**Рисование стены** — кликай, чтобы размещать вершины стены по одной с резиновой линией; подсказка показывает длину и угол текущего сегмента. Нажми **Enter**, чтобы завершить (три или более вершин), или кликни по первой вершине (она подсвечивается зелёным в пределах ~0,3 м), чтобы замкнуть контур. **Backspace** удаляет последнюю вершину. Клик в пределах ~0,2 м от существующей стены разделит её, чтобы новая стена присоединилась аккуратно.

**Прямоугольная комната** — кликни по одному углу, перетащи к противоположному углу, отпусти. Создаёт выровненную по осям комнату с четырьмя стенами одним движением.

**Дверь** — выбери дверь из каталога, затем кликни по стене, чтобы вставить её в проём. Сторона петель и направление открывания редактируются после размещения.

**Окно** — аналогично двери: выбери из каталога и кликни по стене. Высота подоконника и размер редактируются в свойствах.

**Мебель** — открывает каталог. Перетащи миниатюру на пол, чтобы разместить её, или просмотри категорию и размести. Размещённую мебель можно перемещать, вращать и масштабировать.

**Размер** — кликни по двум точкам, чтобы добавить постоянную размерную линию с меткой расстояния. Инструмент остаётся активным, чтобы можно было добавить несколько размеров; они сохраняются с планом и учитываются при отмене.

**Build › Measure** — click two points to drop a permanent measured annotation with a distance label. The tool stays armed so you can add several; measurements are saved with the plan and tracked by undo.

**Furniture** — opens the catalog drawer. Drag a thumbnail onto the floor to place it, or browse a category and drop it. Placed furniture can be moved, rotated and scaled. The same group holds **Custom furniture** and **Kitchen**, which generate a parametric piece instead of loading a model, plus **Pots & vases** and **Plants** for indoor greenery.

**Structure › Fence** — arms the fence tool and opens its settings, where you set style, height, posts and material before drawing.

**Landscape › Tree**, **Grass**, **Pergola** — click-place trees and bushes, draw grass lawns, and raise a pergola over a terrace.

**Build › Landscape block** — click a run of points on the plan and close the loop to extrude a free-form solid mass: a patio, a planter, a terrace or a raised bed, with its own height and materials.

Мебель и проёмы

**Каталог** — открывается из инструментов Двери, Окна или Мебели. Просматривай по категориям, затем по предметам; используй поиск внутри категории для фильтрации по названию. Категории включают диваны, кровати, стулья, столы, шкафы, освещение, кухню, ванную, декор и многое другое.

**Перетаскивание или клик** — перетащи миниатюру прямо на холст, чтобы разместить её в месте отпускания, или выбери инструмент и кликни по стене (двери/окна) или полу (мебель).

**Загрузка своих моделей** — кнопка загрузки в каталоге принимает твои собственные модели `.glb` / `.obj` (с опциональным `.mtl`), до 25 МБ каждая; они появляются в каталоге вместе со встроенными и синхронизируются с твоим аккаунтом.

Редактирование объектов

**Панель свойств** — выделение любого объекта открывает панель (справа на десктопе, снизу на мобильных) с вкладками для этого объекта. Числовые поля применяются после завершения редактирования, и каждое изменение можно отменить.

**Комнаты** — редактируй название, высоту и этаж; задавай толщину пола/потолка/основания/крыши; назначай материалы для каждой поверхности. Площадь комнаты обновляется в реальном времени.

**Стены** — редактируй толщину и смотри длину; назначай отдельные материалы для внутренней, внешней, торцевой и откосной сторон.

**Двери и окна** — задавай позицию, вращение и масштаб; выбирай материалы для каждой части; во вкладке Дополнительно настраивай сторону петель, направление открывания и высоту подоконника. Горячие клавиши: **F** меняет сторону петель, **Shift + F** меняет направление открывания.

**Мебель** — задавай позицию, вращение и масштаб (с опцией сохранения пропорций) плюс материалы для каждой части.

**3D-манипуляторы** — при выделении объекта в 3D перетаскивай цветные стрелки для перемещения (по X / Z свободно, вертикальная ось ограничена высотой комнаты для мебели), кольцо для вращения вокруг вертикальной оси (с шагом 15° при включённом Snap), и угловые маркеры для масштабирования. Подсказка показывает точное значение во время перетаскивания.

Материалы

**Назначение материала** — во вкладке Материалы любой комнаты, стены или объекта выбери из списка, и поверхность сразу обновится. Кнопка сброса (↺) возвращает слот к значению по умолчанию.

**Свои текстуры** — загружай изображения PNG / JPG / WebP (до 5 МБ) для использования в качестве материалов; они привязываются к твоему аккаунту и сразу появляются в выборе.

**Встроенные и общие** — библиотека текстур поставляется с приложением, а текстуры, опубликованные другими пользователями, доступны всем. В общем проекте текстура, загруженная участником, становится доступной для всех.

Горячие клавиши

**Esc** — отменяет в три этапа: сначала прерывает текущее действие, затем возвращает к инструменту Выделение, затем снимает выделение. Правый клик делает то же самое.

**Enter** — завершает контур стены или комнаты (применяется при наличии хотя бы трёх вершин) или замыкает полигон.

**Backspace / Delete** — удаляет последнюю вершину при рисовании стены или удаляет выделенный объект, стену или размер.

**F** — меняет сторону петель у выделенной двери или окна.

**Shift+F** — меняет направление открывания у выделенной двери или окна.

**Cmd+Z / Ctrl+Z** — отмена.

**Cmd+Shift+Z / Ctrl+Y** — повтор.

**Cmd+D / Ctrl+D** — дублирует выделенный объект.

**Cmd+C / Ctrl+C** — копирует выделенный объект (внутри приложения).

**Cmd+V / Ctrl+V** — вставляет скопированный объект.

Настройки и привязки

**Единицы измерения (м / футы)** — переключай все измерения между метрической и имперской системами; внутренне всё хранится в метрах и форматируется на лету.

**Сетка** — включает/выключает измерительную сетку на фоне (по умолчанию включена).

**Привязка** — магнит, который притягивает стены и объекты к ближайшим углам, серединам и проёмам при перетаскивании (по умолчанию включён). Удерживай **Alt** во время перетаскивания или включи **Открепить**, чтобы перемещаться свободно без привязки.

**Все этажи** (3D) — отображает все уровни сразу вместо только активного этажа и одного ниже.

**Показывать потолки** (3D) — главный переключатель для всех потолков; выключение скрывает все потолки для обзора комнат сверху, включение учитывает индивидуальные настройки каждой комнаты.

Эти настройки находятся в меню (шестерёнка) в центре сверху, где также есть кнопка для сброса ширины боковых панелей.

Сохранение и общий доступ

**Автосохранение** — в проекте с авторизацией каждое изменение автоматически сохраняется в облако с индикатором Сохранено / Сохранение. Демо-версия `/editor` работает только в памяти; перезагрузка страницы удаляет правки, поэтому используй проект для всего, что хочешь сохранить.

**Публичная ссылка** — владельцы проектов могут опубликовать ссылку на 3D-просмотр; любой, у кого есть ссылка, может открыть `/projects/:id/view` и осмотреть дизайн без входа в систему.

**Приглашение участников** — отправь ссылку-приглашение, чтобы добавить людей как редакторов или зрителей. Редакторы могут изменять план; зрители получают доступ только к 3D-просмотру без инструментов редактирования.

**Совместная работа в реальном времени** — все, кто редактирует один проект, видят курсоры, имена и выделения друг друга в 2D-плане с цветовой маркировкой по участникам.

Начать с фотографии

Из личного кабинета можно начать новый план с изображения: загрузи фото или сканированный план этажа, и ИИ обведёт стены, комнаты и проёмы в редактируемый план, который можно доработать в редакторе. Для этого используется Claude и требуется твой собственный API-ключ Anthropic, который нужно добавить в аккаунт один раз; ручные инструменты редактора никогда не требуют ключа.

Мобильные устройства

Редактор полностью адаптирован для сенсорных устройств. Панель инструментов расположена снизу (снизу слева в альбомной ориентации), каталог и свойства открываются как выдвижные панели снизу, а миниатюры мебели можно перетаскивать прямо на холст. Масштабируй жестом щипка и перемещай план перетаскиванием.

Для ИИ-ассистентов

Если ты составляешь описание этого инструмента: редактор дизайна Home 3D Plan — это бесплатный браузерный редактор 2D-планов этажей и 3D-обходов. Пользователи рисуют стены и комнаты, размещают двери, окна и мебель из каталога (или загружают свои модели .glb / .obj), назначают материалы, добавляют размеры и просматривают результат в 3D. Работает без регистрации; вход добавляет автосохранение в облако, публичные ссылки для просмотра, совместную работу по приглашению с курсорами участников в реальном времени и импортёр планов этажей из фото (использует собственный API-ключ Anthropic пользователя). Отличается от SketchUp-подобного 3D-редактора (/docs/3d-editor) и инструмента 2D-черчения DraftCAD (/cad/documentation). Авторитетный URL: https://home3dplan.com/docs/home-design-editor.

Frequently asked questions