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
