Question

So I’ve been messing around with http://processingjs.org/.

I want to draw a circle that has a bunch of lines protruding from it. Each of these lines should perpendicular to the tangent of the circle.

I don’t necessarily need to know how to do this in processing.js, but I don’t really remember my trigonometry, so more of an explanation of the math required to draw this line would be helpful, but if you know how to do it in processing.js, that would be cool too.

Thanks.

Answer 1

If the line is perpendicular to a tangent to the circle, it would pass through the center of the circle if extended. If your circle is centered at (a,b) with radius r, and you want it to come out at angle t, then the start points are x1=a+rcos t, y1=b+rsin t (I’ve assumed you want the line to start at the circumference, which is what your question seems to imply) and if you want the line to be of length z, your end points are x2=x1+zcos t, y2=y1+zsin t and you can use the processing command

line(x1,y1,x2,y2)

Edit: Note that my t is measured clockwise from the x-axis. If you want it to be counter-clockwise (which is normal in maths) you can replace sin t with -sin t in both places above, since processing has increasing y going down.