Esimerkki: Hiiren painike värittää

Tehdään ohjelma joka piirtää ympyröiden jonon siten, että ympyrän väri muuttuu aina kun painetaan hiiren vasen painike pohjaan.

// Ohjelman tehnyt: e-Oppi Oy
// 30.1.2017
void setup() {
size(600,400); // Ikkunan koko
background(255); // Valkea taustan väri
}
void draw() {
int x = mouseX;
int y = mouseY;
if (mousePressed == true) { // Jos hiiren painike pohjassa, niin aseta
fill(255,0,0); // punainen väri
} else { // muutoin (jos ei ole pohjassa) aseta
fill(255,255,0); // keltainen väri
}
ellipse(x,y,80,80); // Piirrä ellipsi
}


Ohjelmassa on ehtolause if (mousePressed == true). Tämä tarkoittaa, että jos hiiren vasen painike on pohjassa eli true, niin silloin täytä punaisella värillä, muutoin täytä keltaisella värillä. Toinen huomioitava asia on muuttujien x ja y käyttö. On järkevää määritellä kaksi kokonaisluku muuttujaa x ja y, johon voidaan tallentaa hiiren xy-koordinaatit. Koska muuttujat ovat void draw ( ) -lohkon sisällä, koordinaattien lukeminen tapahtuu ikuisessa silmukassa. Ohjelman esimerkkiajo näyttää tältä.


Tämä sama ohjelma voitaisiin kirjoittaa hieman toisella tavalla eli käyttämällä hiirenpainalluksille omia lohkoja void mousePressed () ja void mouseReleased (). Nämä lohkot suoritetaan vain silloin kun hiiren vasen painike on pohjassa tai ei ole pohjassa.

// Ohjelman tehnyt: e-Oppi Oy
// 30.1.2017
void setup() {
size(600,400); // Ikkunan koko
background(255); // Valkea taustan väri
fill(255,255,0); // Alussa väri on keltainen
}
void draw() {
int x = mouseX;
int y = mouseY;
ellipse(x,y,80,80); // Piirrä ympyröitä
}
void mousePressed () { // Hiiren vasen painike pohjassa
fill(255,0,0); // aseta väriksi punainen
}
void mouseReleased () { // Hiiren vasen painike ei ole pohjassa
fill(255,255,0); // aseta väriksi keltainen
}