Bjarne Skov

Thanks mvaneijgen My blood pressure just went through the roof. Bjarne

Hi there Suddenly, many of my code pens don't work any longer. Uncaught ReferenceError: gsap is not defined https://codepen.io/GreenSock/pen/aYYOdN I'm clueless

Hi Jack After I learned this "convertCoordinates" thing, I became quite fascinated with it. I realize now that I'm exaggerating it and am attempting to use it where it's not suitable. I'm sure there are other ways that the MotionPathPlugin can solve this. Bjarne

Hi Rodrigo The green "Arch" is created with drawSVG. If I omit the "redRadius" below and replace it with the "Arch", no coordinates are converted. var p = MotionPathPlugin.convertCoordinates(redRadius, piston, armTip); So it's probably a new feature I'm requesting or I'll have to find another way to solve the problem. Bjarne

Hi there. Below is a cheat solution that looks like what I'm trying to achieve. It's the redRadius which is running the show. I've just set the stroke-opacity:0. It'd be nice if it was possible to convertCoordinates from the green arch to the lines of the surrounding square. But so fare I've had no luck. Hope someone can help. Thanks Bjarne

Hi GreenSock, Pure magic. That is by far the most clever thing I've seen this week. I had no idea that such a thing as "gsap.utils.snap" existed! Finally, that magic number 1.618 materializes Thanks a lot . Bjarne

I have a path, named "Bottom" whose endpoint is manipulated via the convertCoordinates method. I'd like to print out the precise length at all times. "MotionPathPlugin.getLength" and "getTotalLength" only give the initial length. Thanks Bjarne

Hi akapowl, Concatenation?? - I simply had to look that word up. Your level of teaching is awesome. You don't just demonstrate that you master these advanced technics, you also provide links to further reading and learning. It feels very liberating now to have these powerful tools in my toolbox, although it will take time to digest it all. I think I've just taken a microscopic quantum leap forward. Thanks Bjarne

Hi Rodrigo, That piston thing was indeed my inspiration. I've modified the CodePen so it looks like what I tried to achieve, but it's a cheat solution. It looks like I'm drawing the green arch while rotating the redRadius, but it has been there all the time. I'm just hiding it behind a rectangle, which I push outwards with the convertCoordinates method. Right now I don't think it's possible to control the endpoint of an arch with the convertCoordinates method.

Is it possible to control the endpoint of an arc with the . convertCoodinates method? I'm quite fascinated with the powerful convertCoodinates method and with the help of "akapowl" I finally found out how it works. I'd like that the endpoint of the green arc at all times is at the endpoint of the redRadius. Any help is appreciated. Bjarne

Hi there. I'm trying to make it look like when rotating the "redRadius" it pushes the green line, here called "Left" outwards. The green lines x1 and x2 should constantly be vertical above and below the tip of the redRadius. Tried some eases to no avail. Help would be greatly appreciated. Thanks