Ympyrä xy-koordinaatistossa
Haluamme piirtää ympyrän, jonka säde on 4 pisteeseen (4,5) ja ympyrän, jonka säde on 2 pisteeseen (-3,-6). Ohjelma, joka piirtää ympyrän xy-koordinaatistoon on seuraavanlainen.
Tällöin ohjelma tulostaa seuraavaa.

void setup () {
size(600,600); // Ikkunan koko
background(255); // Taustaväri valkoinen
fill(0); // Tekstin väri musta
textSize(20); // Tekstin koko 20
}
void draw () {
koordinaatisto();
ympyra(4,5,4);
ympyra(-3,-6,2);
}
void koordinaatisto () {
translate(300,300); // Origo ikkunan keskelle
scale(1,-1); // Peilaa y-koordinaatit
strokeWeight(1); // Viivan paksuus 1
stroke(200); // Viivan väri harmaa
for(int a=-10; a<=10; a++) { // Piirrä ruudukko
line(30*a,-300,30*a,300);
line(-300,30*a,300,30*a);
}
strokeWeight(2); // Viivan paksuus 2
stroke(0); // Viivan väri musta
line(-300,0,300,0); // x-askeli
line(0,-300,0,300); // y-akseli
}
void ympyra(float a, float b, float c) {
float x = map(a,-10,10,-300,300); // Skaalaa asteikolta [-10,10] asteikolle [-300,300]
float y = map(b,-10,10,-300,300); // Skaalaa asteikolta [-10,10] asteikolle [-300,300]
float r = map(c,-10,10,-300,300); // Skaalaa asteikolta [-10,10] asteikolle [-300,300]
noFill(); // Poista täyttö
strokeWeight(3); // Viivan paksuus 3
point(x,y); // Keskipiste
ellipse(x,y,2*r,2*r); // kehä
}
Tällöin ohjelma tulostaa seuraavaa.
