Page 1 of 1
Split screen
Posted: Sat Apr 27, 2019 12:18 am
by AHartash
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?
Re: Split screen
Posted: Sun Apr 28, 2019 12:58 am
by Tony
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
Re: Split screen
Posted: Sun Apr 28, 2019 6:39 am
by AHartash
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
Re: Split screen
Posted: Tue Apr 30, 2019 1:57 am
by Tony
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
Re: Split screen
Posted: Tue Apr 30, 2019 4:55 pm
by Hopki
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 (41.8 KiB) Viewed 6562 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
Re: Split screen
Posted: Tue May 07, 2019 9:56 pm
by AHartash
Hi Hopki,
Thats done the trick. Thanks for sorting, much appreciated.
Re: Split screen
Posted: Wed May 08, 2019 2:28 am
by Tony
Hi Hopki, can the margins be changed dynamically?
Re: Split screen
Posted: Thu May 09, 2019 11:51 am
by thomas
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.
Re: Split screen
Posted: Thu May 09, 2019 12:13 pm
by AHartash
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?
Re: Split screen
Posted: Thu May 09, 2019 4:10 pm
by Hopki
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
Re: Split screen
Posted: Mon May 13, 2019 3:53 pm
by Tony
Hi Hopki,
Perfect
Tony
Re: Split screen
Posted: Wed Sep 25, 2019 1:09 pm
by SAwity
Sometimes you just have to go through the forum and you find awesome things!
Re: Split screen
Posted: Wed Sep 25, 2019 3:06 pm
by Tony
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
Re: Split screen
Posted: Tue Oct 01, 2019 12:36 am
by SAwity