How to create hotspot animation by using webGL

  • Hi all!
    I have found one krpano example here and I noticed nice hotspot animation there(when it increases and decreases and also when you hovering on it). So i wondering how it possible to create some similar hotspot animation using webGl?

  • Should not be much of a problem. The pulsating effect could be set with a timer or interval and using tween on the size. The picture on hover could be as simple as a url attribute replace. I see no problem implementing such a feature in a webGL panotour.

    Another option of course is to animate the pulsating effect with a PNG animation.

  • Should not be much of a problem. The pulsating effect could be set with a timer or interval and using tween on the size. The picture on hover could be as simple as a url attribute replace. I see no problem implementing such a feature in a webGL panotour.

    Another option of course is to animate the pulsating effect with a PNG animation.

    I'm new one in such topic, so for me a little bit difficult to understand how I can get access to that hotspot scope to be able to make some webGl manipulations with it. Cause I used to work with dom elements and their id and class attrs but here I need to use some other approach

  • Then It might be a good idea to start here : https://krpano.com/docu/xml/#top

    Here you can get a feel for the document structure and attributes.

    Then this might be interesting for you : https://krpano.com/docu/actions/#top

    The tween I was talking about is here : https://krpano.com/docu/actions/#tween

    Examples are provided.

    thanks for this resources now it will be more easier for me to understand this. And the last one question: I see that you link on resources that related with xml manupylations and krpano language but is there some way to implement such animation by using js side? or it not needed for such tasks and when we say about krpano webGl we can use only krpano language

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!