Split screen

Q&A about the latest versions
Post Reply
AHartash
Posts: 10
Joined: Mon Sep 24, 2018 10:46 am

Hi, how can I create a split screen effect so that I have a map occupying say the bottom 25% of the screen and the pano occupying the upper 75% of the screen? I currently use a skin which has a toggle button to display a map, but this opens over the 3D arrows. Is it also possible to toggle the split screen effect?
User avatar
Tony
Posts: 1341
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Hi AHartash,

I've seen the same effect in Panotour Pro. Here's an example by Barney Meyer where the map and the panorama share a percentage of the browser viewport. So rather than cover the panorama the panorama is in it's own area that scales based upon the visibility of the map and interact with each other in a manner similar to the scenario you describe

https://www.hiddenmelbourne.com.au/Scot ... ThenAndNow

I've tried to replicate in Pano2VR but haven't had any success.

The only way I can see to do what you want is set a percentage height of 25% for the map and then required skin elements are in a container set to 75% percentage height. When the map is closed the container is set to 100% and vice versa. However this doesn't reduce the size of the panorama as it remains under the 25% map area.

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
AHartash
Posts: 10
Joined: Mon Sep 24, 2018 10:46 am

Hi Tony,

Thank you for your reply. If I understand you correctly, I think you are suggesting the 3D arrows are in a container where the size of the container changes dependant on whether the map element is visible or not? This could work I guess with some tweaking of the default pano view angle etc. Would I need to apply some actions and modifiers in a skin for this to work please?

Kind regards

Andy
User avatar
Tony
Posts: 1341
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Hi Andy,

Unfortunately I don't think this option will work with the 3D arrows as they are linked to the position of the Tour Nodes. It will work for any screen elements that placed and anchored on the skin overlay.

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
User avatar
Hopki
Gnome
Posts: 13004
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi Guys,
You can use Margins!
If you look at the attached project there is a 240px margin set in the skin editors canvas properties.

Screenshot 2019-04-30 at 15.46.07.png
Screenshot 2019-04-30 at 15.46.07.png (41.8 KiB) Viewed 6448 times

The Map element is anchored bottom left, width set to 100% and the height is set to 240 pixels.
You can, of course, have the margin at the sides as well as the top or a combination of the two.
The panorama is displayed in the margin so it is like displaying the panorama in a separate window within the output.

You can not change the size of the margin and this will be fixed in the output but does mean the panorama displays correctly.
When setting controls for the panorama you need to set them above the margin.

Regards,
Hopki
Attachments
SplitScreen.zip
(18.78 KiB) Downloaded 214 times
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
AHartash
Posts: 10
Joined: Mon Sep 24, 2018 10:46 am

Hi Hopki,

Thats done the trick. Thanks for sorting, much appreciated.
User avatar
Tony
Posts: 1341
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Hi Hopki, can the margins be changed dynamically?
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
User avatar
thomas
Chief Gnome
Posts: 2611
Joined: Fri Sep 01, 2006 3:56 pm
Location: Vienna, Austria
Contact:

Tony wrote: Wed May 08, 2019 2:28 am Hi Hopki, can the margins be changed dynamically?
Currently only with javascript, but I will look into this. The javascript call in a goto action would be for example:

Code: Select all

javascript:player.setMargins(10,20,30,40);
with the order left, top, right, bottom.
MfG, Thomas
AHartash
Posts: 10
Joined: Mon Sep 24, 2018 10:46 am

thomas wrote: Thu May 09, 2019 11:51 am
Tony wrote: Wed May 08, 2019 2:28 am Hi Hopki, can the margins be changed dynamically?
Currently only with javascript, but I will look into this. The javascript call in a goto action would be for example:

Code: Select all

javascript:player.setMargins(10,20,30,40);
with the order left, top, right, bottom.
Good question Tony, and thanks for the reply Thomas. Could I use this to create a button to remove the map and make the pano occupy the full screen or the other way round? Where would I put the javascript call code and with what values please?
User avatar
Hopki
Gnome
Posts: 13004
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi,
The attached project shows and hides a map.
The text box, Map Show and Map Hide has the required actions.
But basically, its showing and hiding a map element and as it shows the margin adjusts to the same width.
Regards,
Hopki
Attachments
margins.zip
(1.47 MiB) Downloaded 225 times
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
User avatar
Tony
Posts: 1341
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Hi Hopki,

Perfect :-)

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
SAwity
Posts: 32
Joined: Fri Sep 07, 2018 9:38 am

Sometimes you just have to go through the forum and you find awesome things!
User avatar
Tony
Posts: 1341
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

SAwity wrote: Wed Sep 25, 2019 1:09 pm Sometimes you just have to go through the forum and you find awesome things!
There are many amazing gems of Pano2VR trickery in the forums. Here's an example of the use of the margins https://tonyredhead.s3-ap-southeast-2.a ... index.html

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
SAwity
Posts: 32
Joined: Fri Sep 07, 2018 9:38 am

Tony wrote: Wed Sep 25, 2019 3:06 pm
SAwity wrote: Wed Sep 25, 2019 1:09 pm Sometimes you just have to go through the forum and you find awesome things!
There are many amazing gems of Pano2VR trickery in the forums. Here's an example of the use of the margins https://tonyredhead.s3-ap-southeast-2.a ... index.html

Tony
THis is super cool!
Post Reply