Embedding an Object2VR output

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
User avatar
Hopki
Gnome
Posts: 9924
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Sun Nov 17, 2019 5:44 pm

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
3.png (16.91 KiB) Viewed 2995 times

Then set the hotspot template to use 3D distortion:

1.png
1.png (21.18 KiB) Viewed 2995 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
2.png (10.17 KiB) Viewed 2995 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
Attachments
EnbedObject.zip
(3.96 MiB) Downloaded 42 times
User avatar
Hopki
Gnome
Posts: 9924
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Tue Mar 10, 2020 5:12 pm

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
Posts: 55
Joined: Thu Jun 21, 2018 11:15 pm
Location: india
Contact:

Fri Mar 13, 2020 5:55 am

yes sir it done, thanks

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


Other Question

Image
. 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 .
Attachments
Screenshot 2020-03-13 at 10.19.50 AM copy.png
Screenshot 2020-03-13 at 10.19.50 AM copy.png (197.02 KiB) Viewed 955 times
Post Reply