Дизайн 3D‑тура

Вкладка «Дизайн» в 3D Студии управляет визуальным оформлением готового тура: логотип, миникарта, палитра интерфейса, форма углов, цвета меню, стиль навигационных точек и поведение интерфейса при загрузке. Все изменения мгновенно отражаются в предпросмотре — публиковать ничего не нужно.

Верхняя панель Студии сгруппирована в четыре блока с вертикальными разделителями:

• Контент: Сцены · Теги · Медиа — содержимое тура (сцены, точки интереса, файлы).
• Навигация: Меню · Кнопки — как посетитель переходит между сценами и какие кнопки видит в просмотрщике.
• Вид: Дизайн · Визитка — визуальное оформление и блок контактов.
• Тур: Тур — сценарий автоматического обхода (см. Автоматический тур).

Эта страница описывает вкладку «Дизайн» и связанные настройки из аккордеона «Освещение» (вкладка «Сцены»), а также вкладки «Визитка» и «Кнопки», отвечающие за внешний вид просмотрщика.

Первый блок вкладки «Дизайн» — логотип компании или проекта. Он отображается в углу просмотрщика и опционально может быть ссылкой на сайт.

• Загрузка: dropzone — перетащите файл или кликните для выбора. Поддерживаемые форматы — PNG, WebP, JPEG. Максимальная ширина исходника — 256 пикселей; всё, что больше, автоматически пересжимается в WebP до 256 px.
• Ссылка: URL, на который ведёт логотип при клике в просмотрщике (например, сайт компании). Можно оставить пустым.
• Ширина (px): число от 1 до 256, по умолчанию 256 — визуальный размер логотипа в интерфейсе.
• Позиция: справа (по умолчанию) или слева.

Миникарта — план объекта с отмеченными точками панорам. Посетитель видит, где он сейчас находится внутри тура, и может кликнуть на любую точку для перехода.

• Загрузка изображения: dropzone в этом аккордеоне принимаетPNG / WebP / JPEG размером до 2048 px по большей стороне.
• Кнопка «Сгенерировать» в заголовке аккордеона — автоматически строит миникарту видом сверху из 3D‑модели проекта. Доступна, когда вьюер уже загрузил модель. Подходит для большинства объектов; для многоэтажных лучше загружать план каждого этажа вручную.
• Кнопка «Настроить положение» (после загрузки) открывает диалог MinimapEditor: pan / zoom / поворот изображения миникарты так, чтобы её очертания точно совпали с расположением маркеров панорам.

Палитра задаёт цвета всего интерфейса просмотрщика — меню, миникарты, тулбара, карточек.

Шесть готовых палитр

Палитры выбираются плитками PaletteSwatch с превью цвета:

• Светлая — белый интерфейс для светлых объектов.
• Тёмная — классический тёмный фон. Палитра по умолчанию.
• Кремовая — мягкий бежевый тон.
• Графит — нейтральный серый.
• Полночь — глубокий тёмно-синий.
• Лес — тёмно-зелёный.

Форма углов

• Закруглённая — по умолчанию. При выборе становится доступен ползунок «Радиус (px)» от 0 до 32, значение по умолчанию — 12.
• Прямые углы — строгий «квадратный» интерфейс без скруглений.

Стеклянный дизайн

Чекбокс «Стеклянный дизайн» (по умолчанию включён) глобально управляет эффектом полупрозрачности и размытия (blur) в элементах интерфейса. Выключите его, чтобы получить плотные, непрозрачные панели — это даёт более контрастный вид на светлых панорамах и снижает нагрузку на слабые мобильные устройства.

Отдельный аккордеон с цветами навигационного меню. Здесь можно задать оттенки для фона меню, активного пункта, текста и hover‑состояний — независимо от выбранной палитры. Если значения не меняются, меню наследует цвета из палитры.

Группа чекбоксов, определяющая, что показывается посетителю сразу при загрузке тура.

• Миникарта по умолчанию — миникарта раскрыта при открытии тура. По умолчанию выключено.
• Логотип в меню — показывает логотип проекта внутри меню навигации.
• Меню открыто (десктоп) — меню развёрнуто на десктопе. По умолчанию выключено.
• Меню открыто (мобильные) — меню развёрнуто на мобильных устройствах. По умолчанию выключено.

Аккордеон «Навигация» управляет внешним видом навигационных точек (маркеров) между сценами в режиме панорам.

• Цвет диска — основной цвет круглого маркера на полу.
• Прозрачность — ползунок 0–100%, задаёт насколько заметны точки перехода на панораме.

Цветокоррекция настраивается в соседней вкладке «Сцены», в аккордеоне «Освещение». Здесь нет полноценной цветовой схемы — только три ползунка, одинаково применяющиеся и к skybox‑панораме, и к 3D‑модели:

• Экспозиция — диапазон 0–3, шаг 0.01. Базовое значение 1.0 = без изменений. Поднимайте, если рендер вышел тёмным.
• Гамма — диапазон 0.1–3, шаг 0.01. Базовое значение 1.0. Поднимайте для смягчения теней, уменьшайте для более контрастной картинки.
• Насыщенность — диапазон 0–3, шаг 0.01. Базовое значение 1.0; 0 даёт чёрно-белое изображение, выше 1 — более насыщенные цвета.

Каждый ползунок снабжён точным числовым полем ввода справа. Значения сохраняются в settings.json проекта и применяются одновременно к skybox и projection, чтобы при переходе walk → панорама не было «скачка» по яркости.

В нижней части аккордеона «Освещение» (вкладка «Сцены») есть вложенный блок «Солнце / блик» с иконкой солнца в заголовке. Он управляет положением виртуального источника света и автоматическими бликами линзы (lens‑flare) в просмотрщике.

Когда солнце ещё не задано

В блоке только одна кнопка — «Указать положение солнца». Нажатие включает режим выбора (picking): курсор переходит во вьюер, и нужно кликнуть по точке, где находится солнце на панораме. Во время выбора кнопка меняет надпись на «Кликните по солнцу в просмотрщике…» и блокируется.

Когда солнце задано

После выбора в заголовке появляется бейдж с углами yaw / pitch в градусах. Под заголовком — три действия и ползунок интенсивности:

• Чекбокс «Активно» — включает или отключает солнце целиком, не теряя его координат.
• «Переместить» — заново открывает picking‑режим, чтобы выбрать другую точку на панораме.
• «Удалить» — сбрасывает yaw / pitch в null; блок возвращается к состоянию «не задано».
• «Интенсивность» — ползунок 0–2 с шагом 0.05 и числовым полем ввода. Управляет яркостью бликов; 1.0 — нейтральное значение.

Lens‑flare появляется автоматически

Отдельного переключателя для бликов нет. Если солнце активно, при повороте камеры в его сторону во вьюере появляется стек ярких пятен‑бликов (sprite‑стек). Когда направление на солнце перекрыто геометрией (потолок, стена, перегородка), эффект автоматически гаснет — это работает через raycast по 3D‑модели.

Визитка — всплывающий блок с контактами компании или агента. Редактируется в отдельной вкладке «Визитка» Студии (правее вкладки «Дизайн»). Сюда вынесены:

• Логотип карточки, имя и фотография агента.
• Контакты — телефон, e‑mail, сайт, соцсети, адрес.
• Произвольные текстовые блоки (правовая оговорка, призыв к действию).
• Опции отображения — показывать ли кнопку визитки в просмотрщике и открывать ли карточку сразу при загрузке тура.

Какие именно кнопки видит посетитель и где они расположены — настраивается во вкладке «Кнопки» Студии. Доступны восемь кнопок:

• Меню — открыть или закрыть меню навигации.
• Сцены — показать или скрыть список сцен.
• Мини-карта — показать или скрыть миникарту.
• 3D режим — переключение в 3D‑обзор модели (вид сверху, орбитальное вращение).
• Полный экран — переход в fullscreen.
• Поделиться — открывает диалог с прямой ссылкой, QR‑кодом и быстрыми кнопками для Telegram, VK, WhatsApp и MAX.
• VR — режим WebXR. Работает на Quest 2 / 3 / Pro и Android‑шлемах с поддержкой WebXR.
• Измерение — линейка для замеров расстояний в 3D‑режиме.

Перетаскивание по трём зонам

Кнопки расставляются Drag & Drop между тремя зонами:

• Левая панель — кнопки слева в тулбаре просмотрщика.
• Правая панель — кнопки справа.
• Неактивные кнопки — скрыты от посетителя, но сохраняются в проекте и могут быть возвращены обратно в любой момент.

По умолчанию слева расположены Меню и Сцены; справа — Мини-карта, 3D режим, Полный экран, Поделиться и VR.

Внизу каждой вкладки Студии есть «липкая» панель сохранения с индикатором‑точкой (статус «Сохранено» / «Сохранение…»). Изменения дизайна сохраняются в фоне автоматически.

• Подпись под кнопкой «Сохранить» напоминает: «Настройки применятся в просмотрщике после перезагрузки предпросмотра». Это важно — поля Палитры, Углов и «Стеклянный дизайн» подхватываются вьюером только при старте.
• Цветокоррекция и параметры Солнца применяются мгновенно — перезагрузка не нужна.

Связанные страницы:

• Теги и сцены в 3D Студии — содержимое тура, стартовая сцена, ИИ‑названия.
• Режим прогулки (Walk) — как настроить плавное перемещение между панорамами.
• Автоматический тур — настройка кинематографического обхода во вкладке «Тур».
• Измерения в 3D‑туре — инструмент линейки в просмотрщике.
• Настройки и экспорт 3D‑тура — приватность, ZIP‑экспорт, white‑label.