The Outside Circle is set at 175 Pixels. The Inside Circle is Chosen from 1 to 195 Pixels.
Choose 1 number from 1 to 195 =>
q3 ***
Choose 2 numbers from 1 to 500 (No Zeros) =>
p1
p2 *** Click Here =>
Try These Examples =>
Your browser does not support the canvas element.
When you see a design you like write down the Parameters.
Click Here to the static page and type in the Parameters.
Button st3() adds 1 to each of p1 and p2
Refresh the Page to Stop the Animation and Choose another Example Button.!
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