You are not logged in.

fade in fade out in hotspots

ramirox3

Intermediate

  • "ramirox3" started this thread

Posts: 354

Location: La Ceja, Colombia

Occupation: photographer

  • Send private message

1

Monday, February 5th 2018, 2:48am

fade in fade out in hotspots

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

Sage

Posts: 3,839

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Send private message

2

Monday, February 5th 2018, 1:19pm

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 *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

ramirox3

Intermediate

  • "ramirox3" started this thread

Posts: 354

Location: La Ceja, Colombia

Occupation: photographer

  • Send private message

3

Monday, February 5th 2018, 2:11pm

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

Sage

Posts: 3,839

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Send private message

4

Monday, February 5th 2018, 2:37pm

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 *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

ramirox3

Intermediate

  • "ramirox3" started this thread

Posts: 354

Location: La Ceja, Colombia

Occupation: photographer

  • Send private message

5

Monday, February 5th 2018, 3:06pm

great, it works *thumbup*

ramirox3

Intermediate

  • "ramirox3" started this thread

Posts: 354

Location: La Ceja, Colombia

Occupation: photographer

  • Send private message

6

Sunday, February 25th 2018, 10:07pm

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
ramirox3 has attached the following images:
  • evocar2.JPG
  • evocar3.JPG

Similar threads