Call out, Info, URL, Image and Video point hotspots

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
User avatar
Hopki
Gnome
Posts: 13600
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Here is another callout project that uses the Hotspot Custom Properties.

callout.gif
callout.gif (1.34 MiB) Viewed 424141 times

As the point hotspot centers in the player the "call out" activates.

How does it work?
The Hotspot has a Custom Property which adds a Hotspot Variable to the skin, this is a true/false variable set to false.

1.png
1.png (81.43 KiB) Viewed 424141 times

The variable has a variable logic block that when the point hotspot is within 35% of the centre of the player it will change to true.
In the skin is a Hotspot Template which has a few elements, rectangles and text boxes, that make up the call-out point hotspot you see in the output.

Each element has actions to change its Scale, the text boxes their Alpha.
The actions use a Variable Changed Source Action with an action filter to make sure the correct action is triggered when it should.
The call out builds when the variable is true and collapses when it is false.
Here is the first action from the element, Rectangle "info_1,

2.png
2.png (155.32 KiB) Viewed 424141 times

There is also a second action that changes the scale back when the variable is false.
Each action has a delay, so one element at a time build up when the variable is true, and it deconstructs when it is false.

The Text boxes have the actions to open the required elements to show a URL, Image or Video.
Regards,
Attachments
project.zip
(2.89 MiB) Downloaded 4561 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/
NancyW
Posts: 11
Joined: Thu Jul 10, 2025 9:58 am

Hi Hopki,

How to I flip the callout instead of rotating? I want the words to be on the left. Must be simple but I can't seem to figure it.
User avatar
Tony
Posts: 1425
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

NancyW wrote: Fri Aug 01, 2025 9:11 pm How to I flip the callout instead of rotating? I want the words to be on the left. Must be simple but I can't seem to figure it.
Hi Nancy,

Maybe I can help. What you need to do is modify the following ht_video_file element properties;

video_file_2_video_file
video_file_3_video_file
video_title_file
play_video_title

video_file_2_video_file is currently set at:
Current Position: x: 0 y:-117 | Anchor = left centred | Appearance Scaling: > Center: = left centered
New Position: x: 0 y:-117 | Anchor = right centred | Appearance Scaling: > Center: = right centered

video_file_3_video_file is currently set at:
Current Position: x: 20 y:-118 | Anchor = left centred
New Position: x: 20 y:-118 | Anchor = right centred.

video_title_file is currently set at:
Current Position: x: 30 y:-145 | Anchor= top/left
New Position: x: 30 y:-145 | Anchor = top/right
Current Text: Align: Horizontal: = Left
New Text: Align: Horizontal: = Right

play_video_title is currently set at:
Current Position: x: 30 y:-115 | Anchor= top/left
New Position: x: 30 y:-115 and the Anchor = top/right
Current Text: Align: Horizontal: = Left
New Text: Align: Horizontal: = Right

I've attached a new skin with a left version.

Tony
Attachments
skin-left.ggsk
(15.32 KiB) Downloaded 325 times
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/
NancyW
Posts: 11
Joined: Thu Jul 10, 2025 9:58 am

Thank you, Tony!
User avatar
Tony
Posts: 1425
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Hi Martin,

I've been playing with this example and I'm a bit confused about the use of the Custom Property "Callout Trigger".

I've tried setting one or more to True and it doesn't seem to have changed anything? Can you provide some more information on what it does?

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/
User avatar
Hopki
Gnome
Posts: 13600
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi Tony,
The hotspot callout effect triggers when there is a variable change detected.
The variable in question is callout_hotspot, the Hotspot Custom property.
Of course, if the variable changes to true or false, the change is detected and will trigger the action.

For example, under the ht_info hotspot temple, there is info_1, this is the bar that expands vertically.
This has two actions, one to expand it up and the other to collapse it down.
So the correct action is used, to expand or collapse, there is an action filter that is looking at the hotspots custom property. This has a variable logic block that changes it to true when in the correct position, so a variable changed is detected and only the action to expand it is triggered. When the hotspot moves out of position, the variable changes again and now only the action to collapse the line can be triggered.

Make senses?
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: 1425
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Hopki wrote: Thu Aug 14, 2025 12:16 pm Make senses?
Absolutely, I'd been struggling with the reverse direction and this resolves it perfectly. Nicely done.

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/
Post Reply