Great! That looks good.
Another issue I have run into is that it won't let me animate another instance of #blip. Do I need to make a #blip2, #blip3, etc shape to animate this shape more than once?
motionPath = MorphSVGPlugin.pathDataToBezier("#mp1", {align:"#blip"}),
motionPath2 = MorphSVGPlugin.pathDataToBezier("#mp2", {align:"#blip"}),
motionPath3 = MorphSVGPlugin.pathDataToBezier("#mp3", {align:"#blip"});
function getBlip() {
var tl_blip = new TimelineMax({repeat:-1});
tl_blip
.to("#blip", 1, {bezier:{values:motionPath, type:"cubic", autoRotate:true}})
.to("#blip", 3, {autoAlpha: 0},0)
.to("#blip", 1, {bezier:{values:motionPath2, type:"cubic", autoRotate:true}})
.to("#blip", 3, {autoAlpha: 0},0)
.to("#blip", 1, {bezier:{values:motionPath3, type:"cubic", autoRotate:true}})
.to("#blip", 3, {autoAlpha: 0},0);
return tl_blip;
}