I have a point $P$ situated on the circumference of a circle with radius $r=2$ (as shown here) and the circle rotates along the x-axis by $180^°$ to the right.
If the circle rotates by that amount, it should travel $2\pi$ units (half its circumference) to the right, and as a result of the rolling motion, the point $P$ should move up by $4$ (its diameter) units.
I tried to make this an animation in desmos, but instead of the circle traveling $2\pi$ units, it seems to travel only $\pi$ units after rotating $180^°$
And if I do try to move it $2\pi$ units, the point $P$ instead of moving up comes back down.
I've been stuck here for so long, I really can't seem to figure out what I did wrong, is it the animation or am I getting the maths wrong? I believe that the latter is more unlikely.
It would be really helpful if someone looked at the animation here and told me what's going on.