diff --git a/svg.html b/svg.html index 24f5e8a..34fbd0e 100644 --- a/svg.html +++ b/svg.html @@ -272,7 +272,7 @@ var morph4 = KUTE.fromTo('#startpath2', { path: '#startpath2' }, {
morphPrecision
value (1-10) would be required, assuming performant hardware are powering the displays. For small displays you can get quite comfortable with almost any value, including the default value.lineto
path commands are best for performance.showMorphInfo:true
tween option to check how the values required for the morph change with every new option value, but never forget to disable it after you have optimized the morph to your liking, this option enables a function that detects the best index for points rotation that is very expensive and delays the animation for quite some time..to()
and .fromTo()
methods, but the ones that use the second method will start faster, because the values have been prepared already and for the first method the processing of the two paths happens on tween start delaying the animation, so keep that in mind when working with syncing multiple tweens, the .to()
based morph will always start later. Of course this assumes the you cache the tween objects first and start the animation later, if not (you start the animation on object creation), both methods will be delayed.