Как обнаружить входы передач VR в React VR сцены?

Обновить

November 2018

Просмотры

390 раз

4

Я пытаюсь создать веб-приложение с помощью React VR и запустить его с помощью Samsung Gear VR.

Я не мог видеть белую точку по умолчанию (VR указатель) в режиме VR в моей сцене. Следовательно, такие методы, как «onInput» и «OnClick» не работают. Те же методы работают довольно хорошо, если бы я увидеть сцену вне режима VR - даже с помощью браузера, представленного в Гир VR.

Я что-то пропустил? Как получить доступ те методы, в то время как в режиме VR в Гир VR?

Пример кода, который отлично работает в обычном веб-браузере (в том числе один в Гир VR), но не тогда, когда я нахожусь в VR.

<Text
    style={{
        // backgroundColor: '#777879',
        fontSize: 0.2,
        transform: [{translate: [0, 0, -5]}],
        color: this.state.textColor
    }}
    onEnter={() => this.setState({textColor: 'gold'})}
    onExit={() => this.setState({textColor: 'white'})}>
    This text will turn gold when you look at it.
</Text>

1 ответы

6

Вы должны добавить raycaster:

Для этого вам нужно сделать следующее:

В вашем проекте, перейдите <project root>/vr/client.js. Непосредственно перед initметодом, добавить SimpleRaycasterконстанту.

const SimpleRaycaster = {
    getType: () => "simple",
    getRayOrigin: () => [0, 0, 0],
    getRayDirection: () => [0, 0, -1],
    drawsCursor: () => true
};

function init(bundle, parent, options) {

//...

Затем в initметоде, установить cursorVisibility: visibleи добавить raycaster в массив raycasters:

function init(bundle, parent, options) {
  const vr = new VRInstance(bundle, 'Example', parent, {
      raycasters: [
          SimpleRaycaster // Add SimpleRaycaster to the options
      ],
      cursorVisibility: "visible", // Add cursorVisibility
      enableHotReload: true,
    ...options,
  });
  vr.render = function() {
    // Any custom behavior you want to perform on each frame goes here
  };
  // Begin the animation loop
  vr.start();
  return vr;
}

window.ReactVR = {init};

Вот и все. Теперь вы должны иметь белую точку в центре вашего зрения.