Онбординг-тур 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