About animated hotspot possiblities

Q&A about the latest versions
Post Reply
User avatar
chris15326
Posts: 37
Joined: Wed May 15, 2019 11:29 am

Hey there! :mrgreen:

So far I understood that we can't load simply animated png's or animated gif's for an animated hotspot.

We need to use the timer mechanics shown inside of the tutorial "Creating Animated Point Hotspots -- Pano2VR", right?

And when this is true, basically animated hotspot in pano2vr can only consist out of object transformations like enlarging something or transform a shape or figure by playing around with its x or y value.

Basically the following is the maximum possible, right? : https://londonrevolution.net/WIP/timer/markers.html

Thanks for your time and answer

With kind regards
Chris
User avatar
Hopki
Gnome
Posts: 13005
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi Chris,
Not true, you use an external loader to display animated GIF or PNG.
So add the animated image to the project as an asset, then point the external image loader to it.
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/
User avatar
chris15326
Posts: 37
Joined: Wed May 15, 2019 11:29 am

Sounds interesting! SInce I already got a set of animated png's this would be the easiest way for me now. Either way I want to learn the animation progress but for the sake of missing time right now this would be an awesome shortcut. I will test this later and if it works I will post it here as well for others :- )
User avatar
chris15326
Posts: 37
Joined: Wed May 15, 2019 11:29 am

I added the external image loader but I only can find the option to link a URL, how can I make it point to an asset?

When I add the path of the image directly as image it works but not with the external image loader :o

The image loader solution would be amazing since I can save it as component

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

Hi Chris,
You enter the file path to the image in the URL field.
As an example in Pano2VR 6, we have an add assets section at the bottom of the Advanced Tab of the HTML5 output.
So you would use this for your image and when you click Create All, it will place your image in a folder called assets.
So the path in the external loader will be, assets/imagename.jpg.
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/
PLaine
Posts: 59
Joined: Thu Jun 15, 2017 3:56 pm

Hi,

Please, is there any example anywhere? I'm not sure to have completely understood.

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

Hi,
Please see the attached project.
Note, under the Advanced tab of the HTML5 output you will see the two images.
This creates a folder in the output folder called assets and places the images in the folder.

The external loader has its URL set to assets/cat.jpg so displays the cat image.
The two text boxes have set value actions to swap out the images in the external loader.
Regards,
Hopki
Attachments
external_loader.zip
(18.1 KiB) Downloaded 344 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/
PLaine
Posts: 59
Joined: Thu Jun 15, 2017 3:56 pm

Hi Hopki,

Many thanks for this template. It works fine with my .gif!
...but what if I want to use this animated gif as custom hotspot image? The gif is greyed when I try to choose a 'custom image' in 'point hotspot' tab.

Kind regards

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

Hi Philippe,
Can you post your custom image?
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/
amrithpq
Posts: 13
Joined: Thu Oct 08, 2020 1:50 pm

Hopki wrote: Fri Jul 19, 2019 12:12 am Hi Chris,
Not true, you use an external loader to display animated GIF or PNG.
So add the animated image to the project as an asset, then point the external image loader to it.
Regards,
Hopki

Hi Hopki,
Sorry to hijack this post but could you make a small video of how to load a gif or animated svg for point hotspot.
I am really new and i dont know what external image loader is. where to actually add the assets?
even screenshots are good , thanks in advance!
User avatar
Hopki
Gnome
Posts: 13005
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi,
There is information about the external image loader: https://ggnome.com/doc/props-extern-image/
But the steps are:
1) Add the image to assets as found under the Advanced tab in the HTML5 output. All image added this way will have the path "assets/image.gif" as an example.
2) Add the external image loader, the URL will be "assets/image.gif" and that's it.
The good thing with the external image loader is you can change the image with an action.
As an example, if it is displaying image1.gif, you can have a button with the action, Mouse Click, Set Value, image2.gif, the external loader.
On click, it will swap out the image.
Regards,
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