Menu
I'm doing some tests with React 360 and the only hardware I have at the moment is a Google Cardboard. I'm using VR Browser on iOS to view the content I've uploaded and it's working, but the stereoscopic image seems to be too far apart resulting in a "seeing double" effect. The canvas object also doesn't seem to extend the full width of the "VR Browser" app. There appear to be white borders on each side.
I can't seem to find any documentation on how to adjust the image in React 360 code to fit the lens distance of my Cardboard viewer.
How can I configure it to work? Is there a way to adjust these issues?
241
Description React Native 360 exploits Google VR Cardboard SDK to load and display 360-degree panoramic photos and to define a view that renders a 360 video using OpenGL 2. Installation Open myProject.xcworkspace and under myProject > Build Settings under Build Options set ENABLE BITCODE to NO
We recommend that all developers actively building for Google Cardboard migrate to the new Cardboard SDK: iOS, Android NDK, Unity XR Plugin (SDK) The Daydream View VR headset is no longer available for purchase.
Although 360° media supports true stereoscopic VR playback through compatibility with VR platforms like Google Cardboard, it can also be displayed in a simple “magic window” that can be viewed from desktop browsers and mobile apps without any special VR hardware.
For Android and Web developers, VR View allows you to embed 360° media into websites on desktop and mobile and native apps on Android. For iOS developers, the GVRkit library (provided as part of the Google VR SDK for iOS) provides similar functionality and includes samples demonstrating its usage. Panorama demonstrates how to embed 360° images.
I know this is a late answer, but if you haven't tried this yet, you can use this library to assist with a VR view.
WebVr Polyfill
This is specifically for iOS and I've found this to work far better than VR Browser. To implement this library is as simple as following the instructions. I do have a video on it along with a raycaster and gaze buttons found here. Hope it helps.
Viewing React 360 on mobile
160
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
