Embedding an Object2VR output

[Hopki]

Hi,
Over in the Object2VR forum is a post on how to make an object with a transparent background.
Here is the link: Link
But I wanted to just quickly cover how I added the object to a Pano2VR output.

Here is the output: Link
If you read the Object2VR post it explains that it uses an iframe in a text box.
In pano2VR I added the text box to a Hotspot template:

3.png (16.91 KiB) Viewed 4888 times

Then set the hotspot template to use 3D distortion:

1.png (21.18 KiB) Viewed 4888 times

The output folder from the object was added using the Assets feature found at the bottom of the HTML5 outputs Advanced tab:

2.png (10.17 KiB) Viewed 4888 times

So when you create the output the Object2VR's output folder is automatically added to the Pano2VR's output.
The attached project is the Pano2VR project with only the output folder from the Object2VR project. If you want to see how to prepare the object please see the Object2VR post link above.

Regards,
Hopki

[Hopki]

As a follow up to this project you can add hotspots to the Object2VR project to change nodes in the Pano2VR tour.

Here is a basic example, LINK
The object has three Hotspots, each opens a node of the tour.

So it is possible to create a 3D map using Object2VR with view states to show different levels and have the hotspots to open the panoramas.

To do this you need to open the Object2VR project and add Point Hotspots.
In the URL add the node ID to open, as an example, to open node one it would look like this:

Code: Select all

{node1}

In the Object2VR skin you would add the action to the Hotspot Template:
Source: Mouse click.
Action: Go To URL,
URL: javascript:parent.pano.openNext('$hu');
Target: leave blank

The placeholder $hu reads the node data from the point hotspots, example: {node1}.

When searching the web I found some good tutorials on how to use Photoshop and create some good 3D images/maps, they tend to export as Animated GIF's but you could export as video, then switch to create an image sequence which would then go directly into Object2VR.

Regards,
Hopki

[Panopics360]

yes sir it done, thanks

https://panopics360.com/Mixedvirtualtour/Nestron/


Other Question


. when this file in desktop its ok .but in mobil screen ,it have a big gap top and bottom of the file (because 100% width ) So. i need that file on top of mobil screen
any code please info .

[jiminlai]

Hi Hopki,

This is wonderful. I've a question. How do I make the frame close upon clicking the hotspot? My frame with the object2vr fills the entire screen and I would like the frame to close when the hotspot is clicked and the new pano is loaded.

Hope you can help.

Thanks,
Jimin

As a follow up to this project you can add hotspots to the Object2VR project to change nodes in the Pano2VR tour.

Here is a basic example, LINK
The object has three Hotspots, each opens a node of the tour.

So it is possible to create a 3D map using Object2VR with view states to show different levels and have the hotspots to open the panoramas.

To do this you need to open the Object2VR project and add Point Hotspots.
In the URL add the node ID to open, as an example, to open node one it would look like this:

Code: Select all

{node1}

In the Object2VR skin you would add the action to the Hotspot Template:
Source: Mouse click.
Action: Go To URL,
URL: javascript:parent.pano.openNext('$hu');
Target: leave blank

The placeholder $hu reads the node data from the point hotspots, example: {node1}.

When searching the web I found some good tutorials on how to use Photoshop and create some good 3D images/maps, they tend to export as Animated GIF's but you could export as video, then switch to create an image sequence which would then go directly into Object2VR.

Regards,
Hopki

[jiminlai]

Hopki,

I've found a workaround. No need to hassle in the object2vr. I just put an action in a container in pano2vr to hide the frame before node change. Works flawlessly!

[Lalalala]

Hello,
I've created a project in Pano2VR with embedded Object2VR outputs basically the way Hopki discribed it above. I ran in a problem which I described more detailed here: viewtopic.php?f=13&t=15154
In a nutshell: On all device with touch-input the Object2VR output starts and stays in a full-window-mode preventing to use the close button which is part of the Pano2VR skin. The only way to get out of the Object2VR output is using the back button of the browser.

Any idea to solve this?