Panorama Lock for Pano2VR pro
Posted: Fri Oct 25, 2019 5:15 pm
Hi,
This component prevents the viewer from interacting with the panorama until they enter a password.
If you're using Pano2VR light please Click Here.
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.
If using one of the skins that comes with Pano2VR you will need to save the skin as they are write-protected.
• 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.
• Use the Skin configuration button to set a password and starting node.
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:
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.
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 *.
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.
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.
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.
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.
If using one of the skins that comes with Pano2VR you will need to save the skin as they are write-protected.
• 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.
• Use the Skin configuration button to set a password and starting node.
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:
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.
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 *.
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.
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.
Hopki