ninmorfeo Posted January 18, 2020 Share Posted January 18, 2020 Is there any way to stop the elements that move on the path in a certain position? In the example in question, I would like the squares at the end of the animation to be positioned equidistantly on the bezier curve. I could divide the length of the curve by the number of elements but I don't know how to stop them. See the Pen KKwGBwy by Ninmorfeo (@Ninmorfeo) on CodePen Link to comment Share on other sites More sharing options...
ZachSaucier Posted January 18, 2020 Share Posted January 18, 2020 Hey ninmorfeo, Good question. The end property is perfect for this sort of thing: See the Pen povxZrK?editors=0010 by GreenSock (@GreenSock) on CodePen Check out the MotionPathPlugin docs for more details and other properties. They're not too thorough at this point but we're working on improving them. Another resource that may help you understand how to work with motion paths is this helper function that animates the drawing of a line to specific anchor points. 3 Link to comment Share on other sites More sharing options...
ninmorfeo Posted January 18, 2020 Author Share Posted January 18, 2020 thanks a lot Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now