Search…

X3 Photo Gallery Support Forums

Search…
 
Bizkit
Topic Author
Posts: 4
Joined: 02 Sep 2021, 22:35

Interactive VR tour?

07 Sep 2021, 06:39

Hello X3 community

I have been wondering is it possible for X3 site to "do" Interactive VR tour?

As you can see from this https://youtu.be/8lIR98oJouE?t=253  the video creator just drop his interactive VR tour to his public_html folder, bang, there it is---the interactive VR tour.
I have tried above method on my X3 powered site, not working.

My question is, is it possible to achieve above mentioned  with x3 powered site?  If yes, how do we do that?

The Panorama Plugin looks great, but that is not what I am looking for.


Btw, I am using pan2vr to create interactive VR tour.

Thank you
All the best
 
User avatar
mjau-mjau
X3 Wizard
Posts: 12964
Joined: 30 Sep 2006, 03:37

Re: Interactive VR tour?

08 Sep 2021, 00:41

Hi!

No you can't "create" anything like this from X3. The above link uses 3Dvista application:
https://www.3dvista.com/en/

You can "embed" or add various projects like this into X3 websites, but you can't specifically create them from X3. Both pano2vr and 3Dvista are desktop applications with capabilities to create such tours. 
 
Bizkit
Topic Author
Posts: 4
Joined: 02 Sep 2021, 22:35

Re: Interactive VR tour?

10 Sep 2021, 02:56

Hello

Thank you for your attention.

Excuse my ignorance. 

Could you possibly please provide a step-by-step or a guideline as of how to "embed" interactive VR tour created with Pano2vr?

I have looked https://panorama.photo.gallery/ , this is great, does it support "interactivity"?

Thank you again for your attention.
Have a nice day.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 12964
Joined: 30 Sep 2006, 03:37

Re: Interactive VR tour?

10 Sep 2021, 03:53

Bizkit wrote:Could you possibly please provide a step-by-step or a guideline as of how to "embed" interactive VR tour created with Pano2vr?
Do you happen to have a link to your Pano2vr project? Speaking from the perspective of ANY website (including X3), the only way to include external web pages, is to use iframe. It's not elegant, but it's how things work. I found a reference here:
https://forum.ggnome.com/viewtopic.php?t=10715
Bizkit wrote:I have looked https://panorama.photo.gallery/ , this is great, does it support "interactivity"?
It's unclear what you mean "interactivity". You can navigate panoramas interactively, as in the demonstration. The project you are referring to above is not yet released, although essentially X3 panorama plugin already does this.

X3 supports SOME exports from pano2vr already, but only "Flat" projections. See example:
https://panorama.photo.gallery/#pano=17 ... na-pano2vr
 
Bizkit
Topic Author
Posts: 4
Joined: 02 Sep 2021, 22:35

Re: Interactive VR tour?

13 Sep 2021, 05:42

Hello 

Thank you for this link, it really helps.
I have used this code:
Code
<div class='flex-video widescreen vimeo x3-style-frame'>
<iframe src="http://www.solutions-rw.com/content/3.360-VirtualTour/Bailey%20Nelson%20Chatswood/index.html" name="360 Virtual Tour" width="1024" height="632" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" style="float:left; margin-left:0px" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen=“true”></iframe> 
</div>
It worked, however, when I try to change the width and height, it is not working, no matter what number I put in, it always keep the same. Any idea? Did I do something stupid?

Thanks again for this.
Have a nice day.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 12964
Joined: 30 Sep 2006, 03:37

Re: Interactive VR tour?

13 Sep 2021, 06:30

Bizkit wrote:It worked, however, when I try to change the width and height, it is not working, no matter what number I put in, it always keep the same. Any idea? Did I do something stupid?
You mean when you change from width="1024" to width="1025", it doesn't work any more? Tested from here, and didn't have any problems changing width or height. Having said that, I have a couple of comments:
  • First of all, as long as you are "embedding" the IFRAME inside your X3 "content", the width of the embedded element can never scale beyond the width of the content, which by default is limited so that text is easy to consume. Therefore, the logical approach would be to set width="100%" for the iframe (notice % char).
  • I see you are using "<div class='flex-video widescreen vimeo x3-style-frame'>", which doesn't make much sense. Remove this, at least until you have the <iframe> working as you want ...
Basically you have this code optimized and simplified by me, tried and tested successfully:
Code
<iframe src="http://www.solutions-rw.com/content/3.360-VirtualTour/Bailey%20Nelson%20Chatswood/index.html" name="360 Virtual Tour" width="100%" height="480" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen=“true”></iframe> 
As noted earlier, using <iframe> is a bit clumsy in regards to sizing, but it's the (only) solution that allows you to integrate external websites/projects.
 
Bizkit
Topic Author
Posts: 4
Joined: 02 Sep 2021, 22:35

Re: Interactive VR tour?

14 Sep 2021, 04:58

Thank you so much for the help, really appreciated.

Have a good day.