Baklap

Oh my! This is exactly what i meant! Thanks a lot!

Hi, thanks again! I see what you mean but what if i make the path messy? https://codepen.io/GoldenNathan/pen/MWReJVB I still want the arrow tip to always be focused on the "hello world". If it's not possible thats also okay, i can make a less impressive path for the arrows and customize the rotate function so that it will align perfectly along the path. But my end goal was to make the path randomized and have the arrow always point towards the hello world no matter how long or weird the path gets

Hi! Thank you! And thank you for the quick response. This is not exactly what im looking for, maybe i explained it wrong. I want it so that the tip of this arrow is always pointing towards the div in the center regardless of the path it follows. Basically making it lock on to a target div or a set of coordinates on the page. Bedankt voor de hulp :p!

Hi! I've been trying to use the motion path to get an object to float around my div in the center. Im only running into this issue where my designer wants the arrow to point at the center at all times. https://codepen.io/GoldenNathan/pen/zYXqRVL I've tried making a second gsap to arrow that can rotate the object on the line at certain intervals but i have no clue when the intervals exactly happen? Also id think it would be much easier to lock the arrow to the div in the middle. In the first loop you can kinda see what i mean to accomplish because it's pretty good but now imagine i want to do this with 10 arrows with randomized patterns. The result would look so cool but im just stuck on this one thing. I found this option: MotionPathPlugin.pointsToSegment But the documentation on it is kinda poor and i dont know how to get it work and if it would even fullfill my needs. If someone could clarify or help me out in any way shape or form i'd much appreciate it