При использовании webvr-polyfill в React 360 мой браузер Safari не может обнаружить движение
Я установил пакет webvr-polyfill в свое приложение, и он отлично работает на телефоне Android, однако, когда я тестирую его с помощью сафари iOS, движение не работает для перемещения курсора.
Тем не менее, когда я запускаю образцы WebVR Polyfill с их сайта (они не используют react 360) на том же устройстве, он работает нормально, так что это похоже на проблему с реакцией 360. Есть ли у кого-нибудь помощь или совет?
мой файл client.js
import React from 'react';
import {ReactInstance, Module, Surface} from 'react-360-web';
import SimpleRaycaster from "simple-raycaster";///////////
import WebVRPolyfill from 'webvr-polyfill';
const polyfill = new WebVRPolyfill();
function init(bundle, parent, options = {}) {
r360 = new ReactInstance(bundle, parent, {
// Add custom options here
fullScreen: true,
nativeModules: [ ////// Use this to create connection between client and render
new surfaceModule(), //////
],
cursorVisibility: "visible",
...options,
});
// Render your app content to the default cylinder surface
surface = r360.getDefaultSurface();
IntroPage = r360.renderToSurface(
r360.createRoot('IntroPage'),
surface
);
r360.compositor.setBackground(r360.getAssetURL('mess.jpg'));
r360.controls.clearRaycasters();
r360.controls.addRaycaster(SimpleRaycaster);