Difference between revisions of "Asymptote: Drawing"

(See also:)
(Dots)
 
(21 intermediate revisions by 11 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 9: Line 9:
 
<tt>
 
<tt>
 
dot((0,0));
 
dot((0,0));
 +
</tt>
 +
 +
You can fix certain attributes to this dot, such as color:
 +
 +
<tt>
 +
dot((0,0),blue);
 
</tt>
 
</tt>
  
 
<asy>
 
<asy>
dot((0,0));
+
dot((0,0),blue);
 
</asy>
 
</asy>
  
You can fix certain attributes to this dot, such as color:
+
==Circles==
 +
 
 +
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.
  
<tt>
+
This code produces:
dot((0,0),green);
 
</tt>
 
  
 
<asy>
 
<asy>
dot((0,0),green);
+
draw(circle((0,0),5));
 
</asy>
 
</asy>
  
Now let's draw a path, or a line segment.
+
Once again, we can fix certain attributes to this code:
  
<tt>draw((0,0)--(5,5));</tt>
+
<tt>draw(circle((0,0),5),red+linewidth(1));</tt>
  
 
<asy>
 
<asy>
draw((0,0)--(5,5));
+
draw(circle((0,0),5),red+linewidth(1));
 
</asy>
 
</asy>
  
Once again, we can set certain attributes, such as color and linewidth, both at the same time.
+
And we can fill the inside:
  
<tt>draw((0,0)--(5,5),green+linewidth(1));</tt>
+
<tt>filldraw(circle((0,0),5),green,red+linewidth(1));</tt>
  
 
<asy>
 
<asy>
draw((0,0)--(5,5),green+linewidth(1));
+
filldraw(circle((0,0),5),green,red+linewidth(1));
 
</asy>
 
</asy>
  
Now if this diagram is too large, we can size it to be smaller:
+
==Ellipse==
 +
 
 +
Another rounded figure we can create is the ellipse.
 +
 
 +
<tt>draw(ellipse((0,0),5,3));</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:
 +
 
 +
<asy>
 +
draw(ellipse((0,0),5,3));
 +
</asy>
  
<tt>
+
Once again, we can fix attributes and fill the inside.
size(100);
 
draw((0,0)--(5,5),green+linewidth(1));</tt>
 
  
 
<asy>
 
<asy>
size(100);
+
filldraw(ellipse((0,0),5,3),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:
+
==Unit- Paths==
 +
 
 +
There are several useful pre defined paths for drawing things like unit squares, unit circles, etc. Just use the unit- paths!
 +
 
 +
You can use the
 +
 
 +
<tt>unitsquare</tt>
 +
<tt>unitcircle</tt>
 +
 
 +
paths for 2D. A list of Unit- paths for 3D can be found in the "Definitions": section of [[Asymptote: 3D graphics]]
  
<tt>
+
Here is the <tt>unitsquare</tt> command:
draw((0,0)--(5,5)--(5,0)--cycle);</tt>
 
  
 +
<tt>draw(unitsquare);</tt> yields
 
<asy>
 
<asy>
draw((0,0)--(5,5)--(5,0)--cycle);
+
draw(unitsquare);
 
</asy>
 
</asy>
  
Note that this uses the cycle command, meaning the path returns to its original point, in this case (0,0).
+
And the <tt>unitsphere</tt> command.(Note: you have to import the three module for this to work.)
==See also:==
 
[[Asymptote: Drawing part 2]]
 
  
[[Asymptote (vector graphics language)]]
+
<tt>import three;
 +
draw(unitsphere,pink);</tt>
 +
yields
 +
<asy>import three;
 +
draw(unitsphere,pink);</asy>
 +
 
 +
Since the unit- variables are paths, you can assign pen, fill them, and define other paths as them:
 +
 
 +
 
 +
<tt>path u=unitcircle;</tt>
 +
<tt>pen p=red+dashed;</tt>
 +
<tt>draw(u,p);</tt>
 +
 
 +
yields
 +
 
 +
<asy>
 +
path u=unitcircle;
 +
pen p=red+dashed;
 +
draw(u,p);
 +
</asy>

Latest revision as of 19:22, 24 May 2023

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));

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

dot((0,0),blue);

[asy] dot((0,0),blue); [/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]

Unit- Paths

There are several useful pre defined paths for drawing things like unit squares, unit circles, etc. Just use the unit- paths!

You can use the

unitsquare 
unitcircle 

paths for 2D. A list of Unit- paths for 3D can be found in the "Definitions": section of Asymptote: 3D graphics

Here is the unitsquare command:

draw(unitsquare); yields [asy] draw(unitsquare); [/asy]

And the unitsphere command.(Note: you have to import the three module for this to work.)

import three; draw(unitsphere,pink); yields [asy]import three; draw(unitsphere,pink);[/asy]

Since the unit- variables are paths, you can assign pen, fill them, and define other paths as them:


path u=unitcircle;
pen p=red+dashed;
draw(u,p);

yields

[asy] path u=unitcircle; pen p=red+dashed; draw(u,p); [/asy]