Page 1 of 1

Panorama Lock for Pano2VR pro

Posted: Fri Oct 25, 2019 5:15 pm
by Hopki
This component prevents the viewer from interacting with the panorama until they enter a password.
If you're using Pano2VR light please Click Here.

(32.91 KiB) Downloaded 112 times

After downloading the component double click to add to the components toolbox.
Then select a category or create a new one.

The Panorama Lock works by using a blank starting panorama and a rectangle which also makes the screen slightly darker and covers all the skin buttons making them inactive. Once the correct password is entered the screen lightens as the rectangle hides and the first panorama of the tour is then opened.

How to use:
• Build a tour as normal creating your skin or using one of the skins that come with Pano2VR. In this example, I will use the Silhouette_v6 skin.

• Open the skin and add the Panorama Lock component.

1.png (38.97 KiB) Viewed 2296 times

If using one of the skins that comes with Pano2VR you will need to save the skin as they are write-protected.

2.png (37.73 KiB) Viewed 2296 times

• Add the blank.png as the last node of the tour by dragging it into the viewer or the tour browser and set this as the "Start Panorama" by right-clicking on the thumbnail in the tour browser.

3.png (127.25 KiB) Viewed 2296 times

• Use the Skin configuration button to set a password and starting node.

4.png (28.48 KiB) Viewed 2296 times

The starting default node is node1 but if you want a different node, enter it here.

Once the project has been created the output will open with the blank.png file.
If you did not enter a password you will see:

5.png (11.21 KiB) Viewed 2296 times

There is also warning text boxes if there is no start Node ID as well as if there is no password and start node set.
Once you key in the password using the Key Pad the rectangle covering the skin will hide and the selected node will open, in this example "node1".

The component comes with no encryption so will be easy to see how to unlock it.
This is because the buttons use their numbers.
Example, Key Pad button 1 enters 1, Key Pad button 2, enters 2 and so on.
This is not secure because you can see the password used if you open the skin.js file with a plain text editor.

6.png (37.82 KiB) Viewed 2296 times

So what is required is a way of encrypting the password so you cannot decipher it from the skin.js file.
As already mentioned each button enters a number, if you go to the skins tree and expand the container "Key Pad", you will see text boxes Key 1 to Key 0 then Key # and Key *.

7.png (29.76 KiB) Viewed 2296 times

Each key has an action to enter a value into the variable called "password".
But what if Key 1 used a letter and not a number!
You can make up your own Cypher so only you will know the numbers.
Here is an example:

Key 1 = Z
Key 2 = b
Key 3 = p
Key 4 = q
Key 5 = a

So in the skin editor, you would change the action.
Example for Key 1 which now will enter z.

8.png (48.17 KiB) Viewed 2296 times

Note letters are case sensitive so z is not the same as Z.

The above Cypher is totally random, but if the password I want the viewer to enter is 54123.
Then in the skin.js file, you will see: aqzbp
Unless you have the cypher it will be very difficult to find the password.

Please see the attached zip which contains a working project.

Re: Panorama Lock

Posted: Sun Oct 27, 2019 12:26 pm
by soulbrother
Thanks Hopki!

I modified this component for my needs and did not use the terms "password".
In non of the variables.
Now the "burglars" cannot detect any "clear" hint in the skin for any hidden password ;-)

Re: Panorama Lock

Posted: Sun Oct 27, 2019 7:48 pm
by Hopki
I have modified it and will update the post as soon as I can.
But Tong found that Chrome has a plug-in that can show the pano without a skin, so it shows the pano on open. It can not show the skin so of course no hotspots so you only see the first node.
The mod involves using a blank 10px X 5px PNG file and then when entered the lock hides and it changes to the first pano of the tour. Have this working well for Pano2VR 6 pro and Just finished a version for Pano2VR 6 light which works but a bit more involved.

Re: Panorama Lock Pro

Posted: Wed Nov 06, 2019 11:20 am
by AGrynis
is it possible to make just one (or more) specific pano in the tour locked. So after click on the hotspot you are asked for the password?

Re: Panorama Lock Pro

Posted: Wed Nov 06, 2019 12:38 pm
by soulbrother
So, the lock screen should be triggered from a hotspot, why not.

Do not have the time at the moment, but I would try like that:

In the hs for the node, intergrate a trigger, that should be active, if a defined number or letter is in one of the hotspot fields (in the hs editor).

by the way, that would be a good lession to understand the logic of interactions.