Просмотрщик 360 встроен во второй просмотрщик 360 - PullRequest
Новая
       75

Просмотрщик 360 встроен во второй просмотрщик 360

0 голосов
/ 27 апреля 2018

Я хочу создать домашнюю страницу веб-сайта, состоящую только из 360 зрителей, показывающих фотореалистичную 3d модель, по которой вы можете перемещаться и взаимодействовать (стиль WEBVR), однако, я пытаюсь определить, можно ли будет вставить 2-е окно просмотра 360, чтобы во время навигации вы достигли определенной точки, вам может понадобиться просмотреть еще одно 360 изображение / видео в пределах текущей. рассмотрим использование кадра для 1-го 360-го изображения и встроенного в него средства просмотра. Решение было предложено с использованием передовых методов в WebGL, но я не знаю достаточно об этом, чтобы принять это решение.

Сайт должен быть отзывчивым и совместимым со стандартными браузерами, планшетами и мобильными устройствами и (скрестив пальцы) возможность использовать гарнитуру

Любой совет / предложение будет с благодарностью!

1 Ответ

0 голосов
/ 27 апреля 2018

Imo самая большая часть здесь - это дизайн.
Что касается совместимости, имейте в виду, что ПК (мышь) / мобильный (взгляд) / HMD (контроллеры) нуждаются в различных интерфейсах пользователя.

Что касается 360 в 360. Нет необходимости встраивать что-либо.
1) Ваша модель посередине
2) при перемещении куда-нибудь показать сферу вокруг камеры с изображением + сохранить некоторые элементы управления (например, кнопку «назад»)

Вы можете достичь этого следующим образом:

HTML 

<a-scene>
  <a-entity id="model"></a-entity>
  <a-entity id="button" show="src:myPic.png"></a-entity>
  <a-sphere id="photosphere" material="side:back" visible="false"></a-sphere>
</a-scene>

JS 

AFRAME.registerComponent("show", {
  init: function() {
    let sphere = document.querySelector("a-sphere")
    this.el.addEventListener("click", (e)=>{
     let pos = document.querySelector("[camera]").getAttribute("position")
     sphere.setAttribute("position", pos)
     sphere.setAttribute("visible", true)
    })
  }
})

Проверьте это в моей скрипке . Вы можете скрыть модель, когда фотосфера + пользовательский интерфейс видны, выполнение зависит от вас.

...