Sie sind nicht angemeldet.

using built-in tweener

makc

Anfänger

  • »makc« ist der Autor dieses Themas

Beiträge: 4

  • Nachricht senden

1

Dienstag, 7. November 2017, 21:53

using built-in tweener

hello,

I see that krpano has some tweening code in it, but no straightforward way to access it? it seems it only works on variables that were created in krpano, and also only calls krpano actions on update / complete events, so I have to write this:

Quellcode

 
1
2
3
4
5
6

krpano.actions[ 'ourTransitionAction'.toLowerCase () ] = function () { ... }
...
krpano.set ('ourTransitionProgress', 0);
krpano.actions.tween ('ourTransitionProgress', 1,
	0.6, // = transition time, seconds
	krpano.tweentypes.easeoutquad, null, 'ourTransitionAction');


which is ugly. But, since the code is already there, I want to avoid using another tweening lib. Is there cleaner way to access this functionality?

Thanks.

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

2

Montag, 13. November 2017, 23:07

Hi,

right - the tweening works only on krpano variables, but the 'updatecall' and 'donecall' parameters can be also JS-functions.

Btw - the 'tweentype' parameter is a string, e.g. 'easeoutquad' - krpano.tweentypes.easeoutquad would be wrong.

Here a tween function that could be used to tween the property of an JS object:

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11

function mytween(obj, propname, destvalue, time, tweentype, updatecall, donecall)
{
  var varname = "mytweens." + propname;
  krpano.set(varname, obj[propname]);
  function update()
  {
    obj[propname] = krpano.get(varname);
    if (updatecall != null) updatecall();
  }
  krpano.actions.tween(varname, destvalue, time, tweentype, donecall, update);
}

It first creates a krpano variable with the current value and then tweens that variable.
In the update function the object property will be set to the tweened value and optonally the updatecall callback function be called.
And when done the donecall callback function.

Best regards,
Klaus

Ähnliche Themen