Тур по конструктору

Обновлено: 2026-07-16 тур onboarding designer интерфейс

Онбординг-тур Designer

Интерактивный тур знакомит нового пользователя с основными элементами конструктора.


Как запускается тур

  • Автоматически — при первом открытии Designer (задержка 0.8 с, после загрузки страницы)
  • Вручную — кнопка ? в верхнем левом углу левой панели (рядом со ссылкой «назад к проекту»)

Тур не повторяется автоматически после завершения или пропуска — прогресс сохраняется в браузере.


5 шагов тура

Шаг Элемент Пояснение
1/5 Левая панель — параметры Геометрия: AR, сужение, профиль. AR — главный параметр
2/5 3D-модель Обновляется live. Вращение мышью, масштаб колёсиком
3/5 Кнопка «Продуть» VLM-расчёт устойчивости (SM) и подъёмной силы (CL)
4/5 Правая панель — результаты Re, Cl, нагрузка, SM — зелёный/жёлтый/красный
5/5 Переход к Центровке Следующий шаг — расстановка компонентов и ЦТ

Управление туром

  • Далее → — перейти к следующему шагу
  • Завершить тур ✓ — на последнем шаге
  • Пропустить тур — закрыть тур без прохождения

Повтор тура

Нажмите кнопку ? в верхнем левом углу левой панели.

Тур запустится с первого шага, даже если ранее был пройден.


Технические детали (для разработчика)

  • Состояние хранится в localStorage под ключом tour_designer_v1
  • Spotlight реализован через CSS box-shadow: 0 0 0 9999px rgba(0,0,0,0.7) на позиционированном div
  • Tooltip позиционируется под целевым элементом; если не помещается снизу — уходит выше
  • Без сторонних библиотек, весь код inline в designer.html

Связанные разделы