I would like to be able to get a svg point value as the tween is updating, so I can move another svg in sync:
var curve = {
d: 'M100,300 C100,100 ' + bendAmount + ',40 ' + bendAmount + ',40'
};
TweenMax.to("#pole", force, {
attr: curve,
repeat: -1,
yoyo: true,
ease: RoughEase.ease.config({
strength: 2,
points: 20
}),
onUpdate: topper,
onUpdateParams:["{self}"]
});
function topper (tween) {
// how do I get the values of curve ?
}
I am trying to animate the circle so it attached to the top of the line.