Page 2 of 2

Re: SVG images as popups instead of JPG or PNG

Posted: Mon Oct 14, 2019 8:10 pm
by xi4
I tried both options - it did not help. I have version 6.0.4, maybe this is the problem?

Re: SVG images as popups instead of JPG or PNG

Posted: Tue Oct 15, 2019 5:30 pm
by Hopki
Hi xi4,
Attached project made with Pano2VR 6.0.
V6 can do this, to recap you want to display an animated GIF as a hotspot?
And depending on screen size adjust the size of the text.

Firstly
I have saved the animated GIF, hotspot.gif, to the project by using the assets add file feature as found under the HTML5's output Advanced Tab.
This means the file path to the file will be: assets/hotspot.gif.

In the skin editor, you will see a Hotspot Template, "ht_node" and an External Image Loader, "External Image Loader". The External Image Loader has the path to show the GIF, assets/hotspot.gif.

So on output, you will see the GIF animating.

In the skin, there is also a text box "Tooltip", this has the placeholder $(hs) to display the title of the hotspot.
The text box has a visible logic block:
Mouse Over Parent, = true, AND
hotspot title: $(hs), ≠, (blank)
Visible: true.

As the text box is a child of the Hotspot Template, when you mouse over the template the text box will show because of Mouse Over Parent.
There is also another condition which is "hotspot title: $(hs), ≠, (blank)".
This is so if the hotspot does not have a title then the text box will not show as there is no text to display.

For the size change, I am using a Scaling Logic Block in the Hotspot Template.
In my project, I have set it so if the player width is => 768 the scale it down to 0.6, in both X and Y.
This scales both the hotspot and text box.
But you could just add this to the text box so the hotspot image does not change but the text box does.
Regards,
Hopki

Re: SVG images as popups instead of JPG or PNG

Posted: Thu Oct 24, 2019 5:07 am
by NumbSkull
Hopki wrote: Tue Oct 15, 2019 5:30 pm animated GIF as a hotspot?
This is great! I just logged on to browse the forums for this. Thanks!