fade in fade out in hotspots

ramirox3 · February 5, 2018 at 2:48 AM

I have this hotspot:
<hotspot name="parche1" distorted="true" url="hotspots/1.jpg" devices="all" style="tooltip" ath="-23.3" atv="0" visible="true" scale.desktop="0.24
" alpha="0" enabled="true"
scale.tablet="0.55" scale.mobile="0.5" zoom="false" onclick="" />
and then I make it visible with:
delayedcall(6,tween(hotspot[parche1].alpha,1,0.25));
and then I make it invisible with:
delayedcall(12,tween(hotspot[parche1].alpha,0,0.25));
Question. it is possible to make the transition from alpha = 0 to alpha = 1 smoothly with a fade in fade out effect?
Thanks Ramiro

Tuur · February 5, 2018 at 1:19 PM

Hi,

not sure what you exactly want but just increase the number 0.25 to, for example, 1.
like: delayedcall(6,tween(hotspot[parche1].alpha,1,1));

Or what ever duration you like.
You could have a look at the 'tweentypes' for some 'effect' to happen.
https://krpano.com/docu/actions/#tweentypes
of course you could animate it when you can't find your needs.

Or maybe make more clear what you exactly want.

Hope it helps,
Tuur

ramirox3 · February 5, 2018 at 2:11 PM

Thanks Tuur for your response.
What I want is for the photograph to be made visible by varying its intensity from 0 to 100%,
and then when it disappears, the same thing happens, but on the contrary, it varies its intensity slowly from 100% to 0.
This project is in process
http://www.ciudadcubica.com/planou/
Thanks
Ramiro

Tuur · February 5, 2018 at 2:37 PM

ok, can you change that 0.25 to 1 or maybe to 2, and upload?
I think that will do.
You could enrich with the tweentype like
delayedcall(6,tween(hotspot[parche1].alpha,1,2,easeoutquad));

and
delayedcall(12,tween(hotspot[parche1].alpha,0,2.easeoutquad));

or any other tweentype.

Tuur

ramirox3 · February 5, 2018 at 3:06 PM

great, it works

ramirox3 · February 25, 2018 at 10:07 PM

Checking other screen sizes, I see that when moving to a smaller size the hotspots
that contain the photos do not change their size when changing screens.
I attach screenshots.
How could I solve this?
Ramiro

fade in fade out in hotspots

Participate now!

Users Viewing This Thread