.thumb.jpg.45ad1f0654d8c8cd759c47599fe1796d.jpg)
Bezier data through onUpdateParams
Hi All, I'm tweening an object using bezier values. I'd like to send the current quadratic data out via onUpdateParams but can't seem to figure out an easy way to do it. I guess I'm looking for something like this:
var points = [{x:100, y:50}, {x:150, y:100}, {x:200, y:50}, {x:350, y:350}];
tl.to(
point,
3,
{bezier:{values:points, type:"thru", curviness:2},
ease:Expo.easeOut,
onUpdate: myFunction,
onUpdateParams:["current x:a,b,c,d and current y:a,b,c,d"]});
Obviously not correct, but ho
Actually, this is trivial.
The problem with trying to draw a path like that is that the update intervals may not be uniform. If there is a framerate drop, it can pass over some key points, causing parts of your path to be cut off or flattened.
Here's a handy little tip. The easiest way to smooth out a path is to apply an ease to the current point. I do this all the time for mouse/touch animations.
http://codepen.io/osublake/pen/JRmGQp/?editors=0010
B
