Pano2VR 6.0.4 Pro, Hotspots & Skins

Special forum to share and discuss skins for Pano2VR and Object2VR
ChadAustinInc
Posts: 12
Joined: Tue May 14, 2019 12:21 pm

Hi,

Love the software.

Trying to understand how to replace the hotspot icons with my own.

I have a Tour project with 12 panos, linked with hotspots.

I have custom graphics that I think would be more intuitive for hotspots (this is my inexperienced guess, I might add), at least for this project.

So, my novice questions would be:

1. Can I have different hotspots within different Panos? In other words, I want Pano 1 to have a hotspot using a graphic of my own creation. Then Pano 2 has its own icon set for hotspots and so on.

2. Or would best practice dictate I keep the standard hotspot icon, and use thumbnails to help guide my visitor / guest on the tour?

Thanks for your time,
Chad
User avatar
Hopki
Gnome
Posts: 13004
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi Chad,
Have a look at this set of tutorials: https://ggnome.com/doc/pano2vr/6/p2vr-t ... /#hotspots
I'm sure one will answer your questions.
You need to learn about Skin-IDs and Hotspot Templates and Hotspot Images.
Regards,
Hopki
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/
ChadAustinInc
Posts: 12
Joined: Tue May 14, 2019 12:21 pm

I really appreciate your willingness to offer help, and I can see you help folks all the time so that is so awesome! But a search on the tutorial page does not yield any specific results for Skin-IDs and Hotspot Templates and Hotspot Images.

If I can ask, which videos out of the 60-70+ tutorial videos give instruction on the topics you suggested?
ChadAustinInc
Posts: 12
Joined: Tue May 14, 2019 12:21 pm

Oops Hopki, I see what you were saying... I didn't pay attention to the anchor in your URL. You were trying to guide me directly to the Hotspot set of videos. My Bad. :)

I don't know why I'm having trouble wrapping my head around all this, especially considering I was a Flash developer (up until 2009) so I'm familiar with Action Scripting... and I hold certifications in HTML 4 and 5, CSS , 2 and 3, JS... (web dev of 25 years) you'd think my dumb butt would get it. But I'll keep pluging along until I get.
User avatar
Hopki
Gnome
Posts: 13004
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

:lol:
Happens to us all, here if you need help :D
Hopki
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/
ChadAustinInc
Posts: 12
Joined: Tue May 14, 2019 12:21 pm

Thanks for being kind to me, Hopki.

Ok, I was able to change the icon for the hotspot but it changes the icon for all of my pano's within this 360 tour.

Also, they all get directed to the same pano, like it's a universal icon with a universal Tour destination.

I would like to be change the icons per hotspot, and, with the hotspots being independent of where they take you within the tour.

Is this a dynamic set-up? Is there a recent tutorial video that teaches how to do this?
User avatar
Tony
Posts: 1341
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Hi Chad,

I've put together a little sample tour to see if this is what you are after. If it is I'll post the skin and some notes. If not let me know in more detail what you are after.

https://s3-ap-southeast-2.amazonaws.com ... index.html

Tour Browser
I have 6 nodes (1-6) in the tour and a Master Node Point Hotspot so that the same hotspot appears on all nodes.
Each node has a Tag 'pano1', 'pano2' etc
When you change to a new node the number changes
If you click on the hotspot it takes you to the next node and the link changes

Skin Editor
I have a Previous/Next component
A Hotspot Template that contains a text box. The content of the text box is managed by a CSS file and creates the shape, size and color of the text box. The text box is used as the image for the Hotspot Template.
The text changes from 1 to 2 to 3 etc based on the tag of the particular node currently displayed.
The text box also has 6 actions that link to the next panorama in the tour. The actions have a filter based on the current node tag.

hotspot-image-link0.jpg
hotspot-image-link0.jpg (1.41 MiB) Viewed 6328 times

I thought you might like this version as it uses only CSS to create the button.

cheers,

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/
ChadAustinInc
Posts: 12
Joined: Tue May 14, 2019 12:21 pm

My gosh, Tony! You and Hopki are so kind with your time. I certainly appreciate it!

And I appreciate you taking the simplicity route with CSS.

But what I'm after may be a little complicated.

So this is a golf course tour.

The first node looks like this (this is a screen shot just showing 3 of the golf course's holes)
Image
But I want it to look like this, with this one hotspot icon for each hole (at this point):
Image

When you click on the middle hotspot (Hole 16, according to this picture) the node that follows currently looks like this, with 6 visible hotspots:
Image

But I want it to look like this, with the 6 visible hotspots looking like this:
Image

Again, thanks for taking the time to give such detailed answers. I really appreciate it.

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

Hi Chad,

No problem.

Picture #1: Are they 3 individual Point Hotspots? I presume each one has a particular link to that hole?

Picture #2: So you want each Point Hotspot that links to a hole to have the same golf ball & tee graphic?

Picture #4 Are the multi colored golf ball and tee hotspots active? When you mouse over or click on them does an action happen?

cheers,

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/
ChadAustinInc
Posts: 12
Joined: Tue May 14, 2019 12:21 pm

Hi Tony, thanks again for your help.

1. Yes, 3 individual Hotspots that link to that hole, and each Hotspot will be using the same (tee & golf ball) icon.
2. Yes (referred to above)
4. Yes, or I want them to be! See below...

Here is the working prototype 360 tour... unlike picture # 1, there is only one Hotspot (Hole 16) as this was the hole I was experimenting with.
https://chadaustin.com/hampton-heights/

I like the way this skin works (I think it's called "simplex_v6"): the thumbnail navigation, the icon navigation underneath, the thumbnails that pop-up over the hotspots with the title of the Node, the transitions. I just want to be able to use my own icons (as depicted within my mock screen shots) and labels, if possible.

Thanks again, Tony.
User avatar
Hopki
Gnome
Posts: 13004
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi Chad,
So many ways to have custom hotspots.
I'm using Pano2VR 6.0 and in the skin, I am using one hotspot template which has three hotspot images stacked on top of each other.
The images are left, right and stop.

How this works is in the hotspot description I write the name, left, right or stop.

In the skin each image has a visible logic block which states, if the hotspot description is xxxx show, of course, replace xxxx with left, right or stop.
So in node one, the left hotspot is not linked to any other node but has "stop" in the description text box.
The hotspot to the right has "right" written in its description text box.
So the stop and right arrow images will show.

You can also use tags if you need the description text box.

Regards,
Hopki
Attachments
custom_images.zip
(60.91 KiB) Downloaded 274 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/
xi4
Posts: 41
Joined: Mon Feb 04, 2019 10:00 am
Location: Украина
Contact:

Hopki, This is excellent!))) You made my day!) Thank! :D
ChadAustinInc
Posts: 12
Joined: Tue May 14, 2019 12:21 pm

Thank you for your efforts, I think I might be getting it.

I'm using the Pro version, if that matters to any of this.

However, when I'm trying to edit the skin "simplex_v6", I click on the skin editor and the canvas area is greyed out with the following message "Please use the skin configuration button to modify this skin"

So, I X out of that screen, click on the "Edit Skin Configuration" button, and I get a list with little check boxes, but that doesn't get me back to where I can edit the skin. What gives?

Thanks for all your help!!
User avatar
Tony
Posts: 1341
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Hi Chad,

Save the skin with a new name and then you can edit it.

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 Chad,
The packaged skins contain a lot of things that you may never use.
For those that do not want to mess around with the skin editor, the skin configuration button was added.
This allows you to change things just using the checkboxes.

However, the intention was for people to use the components.
Example, you open a new skin and save it to your project.
You then open the components toolbox and add say the fullscreen button. You set its position to 16px from the centre, this moves it to the right.
You then add say the information button, then set its position -16px so moves it to the left.

So your skin now has info and fullscreen buttons.
You now may want to add a hotspot, so you add hotspot with preview.

This way your new skin only has the element that you require.
You can also use the colour tool to change the colours of any of the elements to match the website it will be displayed in or match any company branding etc.

So the intention is the packaged skins get you going without any fuss.
But using components also allows you to build custom skins very quickly, again without any fuss.

But as Tony says if you really want mod the Simplex skin, then just do a save as to your directory and then you can delete the top element in the skins tree which is the grey background and message.
Regards,
Hopki
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/
Post Reply