Генплан · 2D ⇄ 3D

Схема территории

Редактор плана территории в браузере: расставляете объекты сверху на плане, одной кнопкой смотрите их объёмной моделью. Один HTML-файл — без сборки, без установки, без сервера.

Открыть редактор → Или посмотреть исходники

Режим 2D: план территории с сеткой и панелью свойств — Режим 2D — план с привязкой к сетке 0,5 м и панелью объектов

Режим 3D: объёмная модель территории с тенями и подписями — Режим 3D — модель собирается из плана автоматически

Возможности

Перетаскивание и размеры Привязка к сетке 0,5 м, изменение габаритов за угол.

Поворот на любой угол Ручкой на плане, полем ввода или клавишей. С Shift — кратно 15°.

Порядок слоёв Перетаскивание строк в списке, кнопки ↑ ↓ или Ctrl+↑.

Семь типов объектов У каждого своя геометрия в 3D — от коробки здания до кроны дерева.

Тени и виды Направленный свет, изометрия, вид сверху, скриншот в PNG.

Простой формат Данные в plan.json — читаются и правятся руками.

Типы объектов

Тип	kind	Высота	В 3D
Здание	`bldg`	4 м	Коробка с кровлей
Газон	`lawn`	0,18 м	Низкая плита
Спортплощадка	`sport`	0,22 м	Низкая плита
Плац / покрытие	`pave`	0,16 м	Низкая плита
Парковка	`park`	0,14 м	Плита с разметкой машиномест
Беседка	`gazebo`	3 м	Настил, стойки, конус крыши
Дерево	`tree`	6 м	Ствол и крона

Управление

Действие	Как
Переместить объект	Тащить мышью
Изменить размер	Тащить за угловой маркер
Повернуть	Тащить кружок над объектом · `R` · поле «Поворот»
Поворот кратно 15°	`Shift` при перетаскивании кружка
Сдвинуть на 1 м	`←` `→` `↑` `↓`
Слой выше / ниже	`Ctrl`+`↑` / `Ctrl`+`↓`
Удалить	`Del`
Зум · панорама	Колесо · правая кнопка

Формат данных

План описывается участком и списком объектов. Координаты x, z — от левого верхнего угла участка, всё в метрах. Поле rot необязательное: файлы без него открываются как есть. Порядок объектов в массиве задаёт порядок слоёв — кто позже, тот сверху.