Difference between revisions of "Asymptote: Drawing"

(See also:)
m
(8 intermediate revisions by 6 users not shown)
Line 1: Line 1:
 
{{asymptote}}
 
{{asymptote}}
  
This is one of the most basic of asymptote elements.
+
==Dots==
  
 
Let us start off with the most basic of this basic command: drawing a dot.
 
Let us start off with the most basic of this basic command: drawing a dot.
Line 25: Line 25:
 
</asy>
 
</asy>
  
Now let's draw a path, or a line segment.
+
==Circles==
  
<tt>draw((0,0)--(5,5));</tt>
+
In this article,
 +
<tt>draw(circle((0,0),5));</tt>
 +
 
 +
We see that the first '''draw()''' command creates the circle, which uses the '''circle()''' command. How this works is that the circle() command produces a path in which the draw() command draws. Within the circle command, we see the center point is located at the cartesian plane point (0,0), and it has a radius of 5.
 +
 
 +
This code produces:
  
 
<asy>
 
<asy>
draw((0,0)--(5,5));
+
draw(circle((0,0),5));
 
</asy>
 
</asy>
  
Once again, we can set certain attributes, such as color and linewidth, both at the same time.
+
Once again, we can fix certain attributes to this code:
  
<tt>draw((0,0)--(5,5),green+linewidth(1));</tt>
+
<tt>draw(circle((0,0),5),red+linewidth(1));</tt>
  
 
<asy>
 
<asy>
draw((0,0)--(5,5),green+linewidth(1));
+
draw(circle((0,0),5),red+linewidth(1));
 
</asy>
 
</asy>
  
Now if this diagram is too large, we can size it to be smaller:
+
And we can fill the inside:
  
<tt>
+
<tt>filldraw(circle((0,0),5),green,red+linewidth(1));</tt>
size(100);
 
draw((0,0)--(5,5),green+linewidth(1));</tt>
 
  
 
<asy>
 
<asy>
size(100);
+
filldraw(circle((0,0),5),green,red+linewidth(1));
draw((0,0)--(5,5),green+linewidth(1));
 
 
</asy>
 
</asy>
  
We can also create multiple paths with one line, if we want a triangle or a square, for example:
+
==Ellipse==
 +
 
 +
Another rounded figure we can create is the ellipse.
 +
 
 +
<tt>draw(ellipse((0,0),5,3));</tt>
  
<tt>
+
In this case, the (0,0) is the center of the ellipse, the 5 is the length of the major axis and the 3 is the length of the minor axis. This results in:
draw((0,0)--(5,5)--(5,0)--cycle);</tt>
 
  
 
<asy>
 
<asy>
draw((0,0)--(5,5)--(5,0)--cycle);
+
draw(ellipse((0,0),5,3));
 
</asy>
 
</asy>
  
Note that this uses the cycle command, meaning the path returns to its original point, in this case (0,0).
+
Once again, we can fix attributes and fill the inside.
==See also:==
 
[[Asymptote: Drawing part 2]]
 
  
[[Asymptote (Vector Graphics Language)]]
+
<asy>
 +
filldraw(ellipse((0,0),5,3),green,red+linewidth(1));
 +
</asy>

Revision as of 19:25, 11 June 2021

Asymptote (Vector Graphics Language)
Getting Started - Basics - Drawing - Labeling - Filling - Useful functions - Examples - Macros and Packages

Help - Reference - Advanced Asymptote - 3D Graphics - CSE5 Package - How to

Dots

Let us start off with the most basic of this basic command: drawing a dot.

To draw a dot, simply write the following code:

dot((0,0));

[asy] dot((0,0)); [/asy]

You can fix certain attributes to this dot, such as color:

dot((0,0),green);

[asy] dot((0,0),green); [/asy]

Circles

In this article, draw(circle((0,0),5));

We see that the first draw() command creates the circle, which uses the circle() command. How this works is that the circle() command produces a path in which the draw() command draws. Within the circle command, we see the center point is located at the cartesian plane point (0,0), and it has a radius of 5.

This code produces:

[asy] draw(circle((0,0),5)); [/asy]

Once again, we can fix certain attributes to this code:

draw(circle((0,0),5),red+linewidth(1));

[asy] draw(circle((0,0),5),red+linewidth(1)); [/asy]

And we can fill the inside:

filldraw(circle((0,0),5),green,red+linewidth(1));

[asy] filldraw(circle((0,0),5),green,red+linewidth(1)); [/asy]

Ellipse

Another rounded figure we can create is the ellipse.

draw(ellipse((0,0),5,3));

In this case, the (0,0) is the center of the ellipse, the 5 is the length of the major axis and the 3 is the length of the minor axis. This results in:

[asy] draw(ellipse((0,0),5,3)); [/asy]

Once again, we can fix attributes and fill the inside.

[asy] filldraw(ellipse((0,0),5,3),green,red+linewidth(1)); [/asy]