SVG images as popups instead of JPG or PNG

Special forum to share and discuss skins for Pano2VR and Object2VR
xi4
Posts: 34
Joined: Mon Feb 04, 2019 10:00 am
Location: Украина
Contact:

Re: SVG images as popups instead of JPG or PNG

Post by xi4 » Mon Oct 14, 2019 8:10 pm

I tried both options - it did not help. I have version 6.0.4, maybe this is the problem?

User avatar
Hopki
Gnome
Posts: 9651
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Re: SVG images as popups instead of JPG or PNG

Post by Hopki » Tue Oct 15, 2019 5:30 pm

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
Attachments
animatedGIF.zip
(514.18 KiB) Downloaded 22 times

User avatar
NumbSkull
Posts: 6
Joined: Thu Oct 03, 2019 2:51 pm

Re: SVG images as popups instead of JPG or PNG

Post by NumbSkull » Thu Oct 24, 2019 5:07 am

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!

Post Reply

Who is online

Users browsing this forum: Bing [Bot], Google [Bot] and 3 guests