I’m working on an app, using ionic/cordova/angular, which is supposed to run in browser as well as an app.
One aspect of it, is to be able to run on a mobile phone (android) in a VR headset. A simplified GUI (compared to browser version) is to be controlled with a bluetooth-joystick.
Now, what I am trying to do, is to “duplicate” the entire content of an or an element (which, effectively, contain the entire gui side of the app), and have a copy of it next to the original one. There is some drawing being done on a canvas (based on gyro measurements). A simpler approach is to duplicate this canvas to another one that’s placed next to it, which works per se, but looks silly, as soon as the side menus are to be shown, so cloning the entire app seems to be the better solution.
I’ve considered using WebVR, but can’t really figure out a viable “attack vector” which doesn’t involve writing a WebVR-only app (I’m not experienced in webvr, I must admit). Since no “fancy” true 3D stuff is needed, most “VR” api’s seem like a huge overkill.
Does anyone have any ideas or experiences on how this might be solved?