[SOLVED] Move svg based on past transformation
Hello everyone,
i started trying out GSAP a few days ago and I've been trying to create an animation involving moving a set of rectangles, but I ran into a bit of an obstacle. Imagine a row of lets say 10 rectangles (all elements in an svg). I want to swap the position of two of those. My implementation of this (which does not work properly) is the following function which calculates the distance between the elements and then uses gsap.to() to move them:
function swap(){
In that case I'd probably keep track of the updated position using variable attached to each rect:
See the Pen wvKqqrX?editors=0010 by GreenSock (@GreenSock) on CodePen
I also fired both tweens in the swap at the same time since that's what sorting does.
