We've seen how to draw circles of different sizes. However, the circles were always centered at the origin.
In this lesson we are going to focus on how to specify the center of the circle to position it at different places on the canvas.
When we write a program to show some shapes, those shapes are displayed in a small box and that is called the canvas. It is of size 300x300 pixels and the point (0, 0) is at the center of the canvas.
You may be wondering what is pixels. Just like we measure length of physical objects in centimeters and inches, we measure things shown on the screen in pixels. Pixels are the dots that make up the screen. Our canvas is a square with 300 pixels length.
Here is an interactive demonstration to see how changing
y changes the position of a circle. Change the sliders to change the position of the circle or click on any position to move the circle there.
We can specify the center of the circle using the
c = circle(x=50, y=0, r=50) show(c)
Let us try to draw two circles next to each other.
c1 = circle(x=-50, y=0, r=50) c2 = circle(x=50, y=0, r=50) show(c1, c2)
Wasn't that simple? Let's try some exercises now.
Draw three circles in a row as shown in the figure.
Draw three circles in a column as shown in the figure.
Draw grid of circles as shown in the figure.
Draw four circles as shows in the figure below.
Draw five circles as shows in the figure below.
Draw three circles with bottom point of each circle touching at the origin. The three circles will have radius of 25, 50 and 75 respectively.
Draw three circles with bottom point of each circle touching at the bottom most point of the canvas. The three circles will have radius of 50, 100 and 150 respectively.