tweenmax

I have an array of control points that represent a high-order Bezier curve. How can I draw this curve using a single SVG-path? UPD: For example, I have a set of points: (x1, y1) (x2, y2) (x3, y3) (x4, y4) (x5, y5). How SVG-path will look like in the terms of C , S , Q or T ? UPD 2: SOLUTION I asked this question to depict a object path animated with TweenMax . Later I received reply on GreenSock forum . Here's CodePen example . Short answer: you can't. SVG only has built in Quadratic (2nd order) and Cubic curves (3rd order), whereas the curve you're showing is Quartic (4th order). SVG has no

I was wondering if anyone could provide some insight about how they handle leave animations in React.js. I have been using Greensock TweenMax and the enter animations work fine on componentDidMount , but I haven't found a reliable way to animate a component out. My feeling is that it should go in componentWillUnmount , but React provides no callback mechanism for you to indicate when you are ready to let go of a component. Therefore the transition animation never completes since the animations are asynchronous to React. Instead, you see a tiny fraction of a second of animation, the component

My question has already been asked a million times, but yet I can't find an answer that satisfies my needs. What I need is a function allowing me to play animations sequentially. I'm developping a website containing many CSS3 transitions and jQuery/jQueryUI animations. I have broken those animations into elementary standalone functions such as : slideUpSomething(); fadeOutSomethingElse(); showThisOtherDude(); Those functions could be anything : animationA(); animationB(); animationC(); Using callbacks or queues makes the code impossible to manage. And to be honest, I'm not good enough to