Download to read offline
Uploaded byFDConf
Игорь Еростенко - Создаем виртуальный тур
Документ описывает создание виртуального тура с использованием умного браслета, способного обнаруживать стрессовые ситуации, а также технологии для реконструкции и отображения 3D-объектов. Рассматриваются технические характеристики, поддерживаемые форматы для панорамных изображений и видео, а также различные платформы и библиотеки для реализации виртуальных туров. Включены ссылки на необходимые инструменты и библиотеки для разработки.
Игорь Еростенко - Создаем виртуальный тур
- 2.
- 3. УМНЫИ БРАСЛЕТ Браслет длявыявления стрессовых ситуаций
- 4. УМНЫИ БРАСЛЕТ Браслет дляобнаружения стрессовых ситуаций
- 5. • Геопозиционирование • Датчиктемпературы • Пульсометр УМНЫИ БРАСЛЕТ Технические особенности Запись звука Датчик кожно-гальванической реакции Датчик движения
- 6.
- 7. ПРИМЕРОЧНАЯ Получение метрик Отсканированная модельРезультат Сегментация Распознание рук и ног Нарезка и сглаживание
- 8.
- 10.
- 11.
- 12.
- 13.
- 14. ГОЛОГРАММА Реконструкция человека Карта глубиныRGB текстура Текстурированная полигональная сетка KINECT
- 15. ГОЛОГРАММА Реконструкция человека Отсканированная модельИзображение с камеры
- 16. • Максимальное покрытие— работает из браузера • Низкий порог вхождения — не требуется установка дополнительных плагинов и приложений ВИРТУАЛЬНЫИ ТУР Постановка задачи
- 17. ANDROID & IOSEXTERNAL APP Внешнее приложение
- 18. UNITY3D WEBGL Высокий оверхеддля мобильных браузеров
- 19. • Работает вбраузерах, в т.ч. мобильных • Поддерживает panorama view, google cardboard • Быстрое создание тура - Не поддерживает Web VR GOOGLE VR VIEW (JS LIB) Углы Эйлера https://github.com/googlevr/vrview.git
- 20. • Работает вбраузерах, в т.ч. мобильных • Поддерживает Web VR - Требуется дополнительная разработка A-FRAME, REACT VR (JS LIBS) https://github.com/aframevr/aframe.git
- 21. • Мобильные браузеры,panorama view, Google cardboard • Быстрая интеграция • Мобильные браузеры, panorama view, Google cardboard • Требуется разработка виртуального тура • Samsung Gear VR — Samsung Internet (только телефоны Galaxy) • HTC Vive — Firefox Nightly • Oculus Rift — Firefox Nightly A-FRAME (JS LIB)GOOGLE VR VIEW (JS LIB)
- 22.
- 23.
- 24.
- 25. • Мобильные браузеры,panorama view, Google cardboard • Быстрая интеграция • Мобильные браузеры, panorama view, Google cardboard • Требуется разработка виртуального тура • Samsung Gear VR — Samsung Internet (только телефоны Galaxy) • HTC Vive — Firefox Nightly • Oculus Rift — Firefox Nightly A-FRAME (JS LIB)GOOGLE VR VIEW (JS LIB)
- 26. • Формат png,jpeg или gif, рекомендуется jpeg для улучшенной компрессии • Моно картинка должна иметь соотношение сторон 2:1 (например 4096 x 2048) • Стерео картинка должна иметь соотношение сторон 1:1 (например 4096 x 4096) GOOGLE VR VIEW (JS LIB) Изображения:
- 27. GOOGLE VR VIEW(JS LIB) Видео: • Формат mp4 сжатие h264 • Моно видео должно иметь соотношение сторон 2:1 • Стерео видео должно иметь соотношение сторон 1:1 • Некоторые старые устройства не могут декодировать видео больше чем 1080p (1920x1080). Если максимальная совместимость и качество являются приоритетными, рекомендуется предоставлять как моно видео с разрешением 1920x1080, так и стерео видео с разрешением 2048x2048 или выше.
- 28. ПАНОРАМНОЕ ФОТО Nexus native cameraapp Panorama 360 Google Camera Cardboard Ricoh theta ...
- 29.
- 30. XMP METADATA GImage:Data =“RTb2Z0d2FyZQBiZSBF5ccllPAAA…”
- 33. 3D ЭФФЕКТ Cardboard cameraconverter Cardboard camera toolkit
- 34. 3D ЭФФЕКТ Left-Right Multiplexing(Side by Side) Top-Bottom Multiplexing TOP - LEFT SIDE BOTTOM - RIGHT SIDE LEFT SIDE RIGHT SIDE
- 35. GOOGLE VR VIEW(JS LIB) THREE.JS WEB GL
- 36. THREE.JS SVG HTML5 CANVASWEB GL • Создаём сцену • Создаём рендерер (визуализатор) • Создаём камеру • Создаём 3D объекты (с материалами) Pipeline https://github.com/mrdoob/three.js.git Аналоги • GLGE • SceneJS • PhiloGL
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44. WEB GL ApplicationLayer Hardware WebGL OpenGL, DirectX HAL Three.js Browser Angle
- 45. GOOGLE VR VIEWVREffect.render() Three.js AnaglyphEffect.render() StereoEffect.render() Embed.js
- 46.
- 47. EPAM GARAGE VRTOUR epamvrtour.azurewebsites.net Игорь Еростенко Павел Гилетич Евгений Чайка Chrome: