Page 1 of 1

About animated hotspot possiblities

Posted: Thu Jul 18, 2019 11:50 pm
by chris15326
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

Re: About animated hotspot possiblities

Posted: Fri Jul 19, 2019 12:12 am
by Hopki
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

Re: About animated hotspot possiblities

Posted: Fri Jul 19, 2019 10:21 am
by chris15326
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 :- )

Re: About animated hotspot possiblities

Posted: Fri Jul 19, 2019 4:43 pm
by chris15326
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

Re: About animated hotspot possiblities

Posted: Fri Jul 26, 2019 6:36 pm
by Hopki
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

Re: About animated hotspot possiblities

Posted: Tue Sep 24, 2019 2:52 pm
by PLaine
Hi,

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

Thanks

Re: About animated hotspot possiblities

Posted: Fri Oct 04, 2019 11:11 pm
by Hopki
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

Re: About animated hotspot possiblities

Posted: Sat Oct 05, 2019 9:55 pm
by PLaine
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

Re: About animated hotspot possiblities

Posted: Tue Oct 08, 2019 5:22 pm
by Hopki
Hi Philippe,
Can you post your custom image?
Regards,
Hopki

Re: About animated hotspot possiblities

Posted: Mon Oct 19, 2020 12:00 pm
by amrithpq
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!

Re: About animated hotspot possiblities

Posted: Wed Oct 21, 2020 1:37 pm
by Hopki
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,