Search code examples
virtual-realityreact-360

How to make React360 Vrmode work on ios device?


I want to make React360 split scene work on an ios device, I have tried to use webvr-polyfill , but I dont know how to use it

sorry for my language, I am not a native speaker


Solution

  • How exactly did you try to use the webvr-polyfill? You will need this since iOS does not natively support it.

    Simply include the webvr-polyfill in your index.html. Add the webvr-polyfill bevor you run any kind of react-360 code. Example:

    <script src='PATH_TO_YOU_POLYFILL_FILE/webvr-polyfill.min.js'></script>
    <script>var polyfill = new WebVRPolyfill();</script>
    
    <script src="./client.bundle?platform=vr"></script>
    <script>
        // Initialize the React 360 application
        WebVR.init(
            'index.bundle?platform=vr&dev=true',
            document.getElementById('container'),
            {
                assetRoot: 'static_assets/',
            }
        );
    </script>