Технология «WebXR» (3D модель игрового персонажа)
Что такое WebXR
Технология WebXR является относительно молодой и инновационной в своем сегменте. Главной отличительной особенностью данной технологии от VR, AR и MR является то, что она изначально фокусируется на пространственной смешанной реальности в веб, проще говоря через браузеры. При работе с созданным на WebGL трёхмерным контентом API WebXR может превращать обычные URL или веб-адреса в порталы в другие миры.
В данном случае представлен пример интеграции трехмерной модели в веб-среду напрямую. Функционал позволяет перенести персонажа в Ваш интерьер посредством камеры смартфона, напрямую из браузера.
Описание
Для того чтобы воспользоваться технологией WebXR, нажмите в окне с трехмерной моделью персонажа, в нижнем правом углу на иконку «Проекция» и разрешите доступ к камере. Затем просто наведите смартфон на пол или другую ровную поверхность, чтобы разместить модель. Как только модель будет устойчива на поверхности, Вы можете жестом масштабирования (двумя пальцами сводите-разводите модель в углы экрана своего смартфона) увеличить или уменьшить размер модели в помещении. Так же тапнув и задержав кончиком пальца у любого края модели персонажа, Вы можете вращать его в нужном направлении. Зажав пальцем центральную часть основания модели и двигая в разные стороны, Вы измените расположение ее в сцене, проще говоря переместите ее. Экспериментируйте 🙂
Вот что у Вас должно получиться
