seoshiro
RU
Звук выкл

Навигация

К созвездиям

03 / Навигация и доступность

ITER

Один маршрут.
Три способа прочитать.

Учебный навигатор по вымышленному зданию. Ограничения прохода, 3D-модель, схема и последовательность шагов объясняют один и тот же маршрут.

  • React
  • TypeScript
  • Three.js
  • SVG
  • Web Speech
ITER: условия прохода, трёхмерное здание и шаги маршрута
Маршрут в учебном здании ITER: 3D-вид и настройки условий прохода.

01

С чего начать

Выберите начало и цель маршрута, минимальную ширину прохода и допустимый уклон. Можно исключить лестницы или смоделировать закрытие лифта. Все данные относятся к учебному зданию.

02

Результат

Маршрут с расстоянием, объяснением ограничений, шагами, 3D и SVG-представлением. Необходимый шаг можно выбрать в любом представлении.

03 / Кейс

Как это устроено

  1. Планировщик фильтрует рёбра графа по условиям и ищет кратчайший доступный путь. Закрытый участок и неизвестное состояние показаны явно.

  2. Текст, SVG и Three.js используют общие идентификаторы узлов и рёбер. При отсутствии WebGL маршрут остаётся в схеме и текстовых шагах.

  3. Web Speech API озвучивает маршрут по явному запросу. Учебная стена препятствий поддерживает сообщения через существующий публичный сервис, с серверной проверкой данных.

Схема маршрута ITER в 2D

04 / Кейс

Границы проекта

Вымышленное здание и условная геометрия. Результат не подтверждает доступность реального помещения. Голоса зависят от браузера; доступность стены сообщений зависит от отдельного сервиса.

Документация проекта
Следующий проектAYQYN