Leaderboard

My suggestion would be to use a 'snap'. You can get your current X position by using `this.x` in your `onCubeDrag()` function. From there you should be able to math the difference for what the 90deg snap should be. If I have time this morning I'll see if I can fork your pen and dive into the details a little deeper.

@pointC and @mikeL Thanks for pointing out the mistake I made in understanding drawSVG.. I vote to rename it to drawStrokes or something The tutorial really helped me out. I made a new svg, which was much simpler and it worked flawlessly afterwards. Thanks again!

Hi @adimension, Welcome to the GreenSock Forum. This is a case for SVG and ClipPath and the convenient GreenSock morphSVG ... Some weeks ago ... Happy tweening ... Mikel

Its very difficult to give general advice on complex UI animations like that without having some understanding of your level of experience and what you have tried. This is why CodePen is so helpful, it gives us a clear starting point in directing you . Directions on using GSAP with CodePen can be found here: I would definitely suggest that you try just getting something follow the mouse on hover first. This demo from @Sahil illustrates a very popular effect that has some similarities to what you want to do. Perhaps it can help you get started. mouseover the little arrow in the bottom left corner.

Thanks Jonathan, will do