Ellispse

Ellipse is similiar to Arc but also very different in how the coordinates work. Ellipse there are 3 sets of Coordinates. The first set like in Circle sets the Center of the image. The second set if for the width and the height. And the last is all about the amount of rotation you use.

Now lets begin. I am using a 400x400 background for this tutorial. The first set is about centering your ellipse image. I like something simple to start off with and that is why we will be using a simple and easy center. How about 200 over and 200 down which will bring it in the center of the background. Now for the width and height. When you put the coordinates for width and height you have to figure in that it is for twice the amount. Lets say for example that we put in 50 for width and 60 for height which in actuality it would be 100 wide and 120 high. Here is the reason why, we are measuring from the center as the starting point and it would be 50 left of it and 50 right of it as well as 60 above and 60 below. That's not so difficult is it? Now for the last set, the rotation. Let's say we want a complete rotation which would be 0,360. The 0 is the starting point and the 360 brings it home. The Rotation only moves clockwise. Below you will see a Rotation Graph.

You can start anywhere on the graph and end it anywhere.

Here is an example where I used the 400x400 background and these coordinates. 200,200 (center) 50,50 (width & height) 0,360 (rotation). Remember, for width and height times it by 2. On the example I drew lines show 50 height and 50 width from center by using these coordinates and Line. 250,200 200,200 and 200,250 200,200. Look below to the right.

Now let's try something off center of the background. For the right side how about 300,300 for the center and 40, 190 for width and height and last 45,310 for rotation? The coordinates would look like this: 300,200 40,190 45,310. Below is what is would look like. And on the left we are using these coordinates: 100,200 40,190 45,210. I used a fill color so that you would be able to see the ellipse better.

Let's try something different. Try these coordinates: 200,200 for Center, 20,180 for width and height, last 90,270 for rotation. Look below.

It is 40 wide and 360 height. Remember 20 x 2 = 40 and 180 x 2 = 360 measured from Center.

Web Counters