The Outside Circle is set at 175 Pixels.
Inside Circle is Chosen from 1 to 195 Pixels.
This is the all Black Version.
Turns out that many of the animations
look better in the single color Black.
Click three example buttons to speed it up.
Change the numbers then click the clear
Refresh the page => Type in your own #'s => Click gh3
Or Change the numbers as it's Cycling then click gg2.

Choose 1 number from 1 to 195 => q3 ***
Choose 2 numbers from 1 to 500 (No Zeros) => p1 p2 *** Click Here =>
Try These Examples =>

ex#

Your browser does not support the canvas element.

Button st3() adds 1 to each of p1 and p2
Lines are drawn from the Outside Circle to the Inside
Circle Using the Formulas Below.
The Inside Circle is set at 175 Pixels.
th1 = Angle = is set at 15 degrees.
s2 = Sin(th1) *** s4 = Sin(th1) *** c2 = Cos(th1)
q3 = Inside Circle Diameter
p1 and p2 are Parameters that change the Line Positions.
Center of the Canvas is at x = 225 and y = 200

Formulas:
1) r1 = s2/1 + 175/1;
2) r2 = s4/1 + q3/1;
3) x1 = (r1*c2)/1 + 225/1;
4) y1 = (r1*s2)/1 + 200/1;
5) x2 = (r2*c3)/1 + 225/1;
6) y2 = (r2*s4)/1 + 200/1;

This is the Formula for a Line
But not used in this program.
7) r1 = 2/(sin(t)-1*cos(t))
Slope = 1
Y intercept = 2