![]() ![]() In the HTML5 output settings, in the HTML pane, make sure the HTML file is using the cardboard template. Give it an action: Source = Mouse Click Action = Go to URL URL = index.html#$(us) Target = _self. Check the template settings and make sure Direct node access is selected.Īdd a cardboard skin for VR (You can use the one in the project linked above).Įdit the skin and add a button to switch to normal view. In the HTML5 output settings, in the HTML pane, make sure the HTML file is using the normal template and that the output file path is output/index.html. ✭ vr.html# is the page url and $(us) is the placeholder for the Source field in User Data. Give it an action: Source = Mouse Click Action = Go to URL URL = vr.html#$(us) Target = _self. This will be the normal view.Įdit the skin and add a button for switching to VR view. If you’re not seeing it, make sure Show internal node ID is selected in Pano2VR’s settings.Īdd an HTML5 output. ✭ The node ID can be found in the context menu for the node in the Tour Browser. This will be accessed by a button that switches between normal and VR views. Go here and download the project, cardboard.zip to see it working.Īdd your image(s) and build your project.Īdd the node’s ID (node1, node2, etc.) to a User Data field, i.e. You will also make use of Direct Node Access. Both outputs will share the same output folder. One will have a normal skin and the other will have a VR skin. To switch between normal and cardboard views within the same node, you will need to add two HTML5 outputs. Caution: Overdoing the effect can make people feel ill.Ĭlick the Edit Template button and select, Nodes are stereo pairs. ✭ Tip: Shifting the right image’s point hotspot to the left by just over half the width of the point hotspot marker will bring the hotspot image more forward in the stereo output giving a more 3D effect. This is more easily done by turning on the Grid in the Viewer Settings. You will need to link the left and right nodes separately. Node 3, left image first then right image. Node 2, left image first then right image. Node 1, left image first then right image. Load your images and arrange them in the Tour Browser like so: Stereoscopic Images Single Node Stereo PanoramaĬhoose cardboard.ggt from the template list in the HTML panel.Ĭlick the Edit Template button and select Nodes are stereo pairs. Move your head and point this cross at a hotspot to switch nodes. On output, you will see a small cross in the center of the screen when looking through the HMD. Link the nodes together using point hotspots.Ĭhoose the cardboard.ggsk skin from the Skins list.Ĭhoose cardboard.ggt from the Template list. (1536px)Īdd the strip to the Oculus app to view in Gear VR. When the project is opened on a mobile phone, the user will be presented with a page instructing the user to place the phone in the Cardboard viewer to get started:Ĭhoose Horizontal Strip (VR) as the Type.Įnter the size (height) of the strip. ![]() Monoscopic Images Single Node Mono PanoramaĪdd one of the built-in skins: silhouette_cardboard.ggsk, cardboard.ggsk.Įxpand the HTML panel and select HTML File if not already selected.Ĭhoose cardboard.ggt from the Template list in the HTML panel. ★ The project must be hosted on a secure server (HTTPS) in order to use the phone’s gyroscope which is needed for viewing in Cardboard VR. Google Cardboard is an affordable HMD (Head Mounted Display) for viewing VR imagery.
0 Comments
Leave a Reply. |