seoshiro
KK
Дыбыс өшірулі

Навигация

Шоқжұлдыздарға оралу

03 / Навигация және қолжетімділік

ITER

Бір бағыт.
Үш түрлі көрініс.

Ойдан шығарылған ғимаратқа арналған оқу навигаторы. Өту шарттары, 3D модель, SVG сызбасы және мәтіндік қадамдар бір бағытты түсіндіреді.

  • React
  • TypeScript
  • Three.js
  • SVG
  • Web Speech
ITER: өту шарттары, үш өлшемді ғимарат және бағыт қадамдары
ITER оқу ғимаратындағы бағыт: 3D көрініс және өту шарттарының параметрлері.

01

Неден бастау керек

Басталу нүктесін, баратын жерді, өткелдің ең аз енін және ең үлкен еңісін таңдаңыз. Баспалдақсыз бағыт іздеуге немесе лифт жабылған жағдайды модельдеуге болады. Барлық дерек оқу ғимаратына жатады.

02

Нәтиже

Қашықтығы мен шарттары түсіндірілген бағыт, қадамдар, 3D және SVG көріністері. Қадамды кез келген көріністен таңдауға болады.

03 / Кейс

Қалай жұмыс істейді

  1. Жоспарлаушы граф қырларын шарттар бойынша сүзеді және қолжетімді ең қысқа жолды табады. Жабық бөліктер мен белгісіз жағдайлар айқын көрсетіледі.

  2. Мәтін, SVG және Three.js ортақ түйіндер мен қырлардың ID-лерін қолданады. WebGL болмаса, бағыт сызба мен мәтіндік қадамдарда сақталады.

  3. Web Speech API пайдаланушы сұрағанда бағытты оқиды. Оқу кедергілер қабырғасы хабарламаларды деректерді серверде тексеретін қолданыстағы қызмет арқылы жібереді.

ITER бағытының 2D сызбасы

04 / Кейс

Жобаның шектеулері

Ойдан шығарылған ғимарат пен шартты геометрия. Нәтиже нақты бөлменің қолжетімділігін растамайды. Дауыстар браузерге, хабарлама қабырғасы бөлек қызметке байланысты.

Жоба құжаттамасы
Келесі жобаAYQYN