Joining points on the hypotrochoid. Compare this with that of joining lines on the circle.

/2024/12/04/heart5.html

and the earlier version of the hypotrochoids line joining:

/2024/12/04/joining-points-hypotrochoid-explore.html









	First we get one of the point on the hypotrochoid:

            const { x: x1, y: y1 } = getPointOnHypotrochoid(i, totalPoints);

	then we get another point on the hypotrochoid jumping further by "skip" steps:

            const { x: x2, y: y2 } = getPointOnHypotrochoid((i + skip) % totalPoints, totalPoints);

	then we join the two point:

            ctx.moveTo(x1, y1);
            ctx.lineTo(x2, y2);