Piste xy-koordinaatistossa
Haluamme piirtää pisteet (4,3), (-5,7), (-6,-3) ja (5,-8) matematiikan xy-koordinaatistoon. Kaikkein järkevintä on tehdä oma aliohjelma pisteestä ja matematiikan xy-koordinaatistosta, joilloin näitä voidaan kutsua void draw ()-lohkosta. Katsotaan tästä esimerkki.
Tällöin ohjelma tuostaa

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();
piste(4,3);
piste(-5,7);
piste(-6,-3);
piste(5,-8);
}
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 piste(float x, float y) {
float x2 = map(x,-10,10,-300,300); // Skaalaa asteikolta [-10,10] asteikolle [-300,300]
float y2 = map(y,-10,10,-300,300); // Skaalaa asteikolta [-10,10] asteikolle [-300,300]
strokeWeight(10); // Viivan paksuus 10
point(x2,y2); // Piirrä piste
}
Tällöin ohjelma tuostaa
