Hiiren vaakasuuntainen koordinaatti saadaan selville komennolla mouseX, ja hiiren pystysuuntainen koordinaatti saadaan selville komennolla mouseY. Kokeile laittaa nämä piirtokomentoon eli tee seuraava esimerkki, mitä huomaat?

Komennot: mouseX ja mouseY, lukevat hiiren xy-koordinaatin kokonaislukuarvot ikkunan sisältä. Koska void draw ( )-lohko on ikuisessa silmukassa, niin koordinaattien lukeminen tapahtuu jatkuvasti ja lopputuloksena on peräkkäisten ympyröiden jono. Jono liikkuu täysin hiiren liikkeiden mukaan. Oheinen kuva havainnollistaa ohjelman esimerkkiajoa.



Voit kokeilla muuttaa background(255); -komennon void draw () -lohkoon ennen ellipse() -komentoa. Mikä muuttui? Kuinka saisit ympyrän koon kasvamaan hiiren liikkeiden avulla?

Kun vielä lisäät mukaan arpomiskomennot, niin lopputulos on eläväinen. Tutki, mitä seuraava koodi tekee.

void setup() {

     size(600,400); // Ikkunan koko

     background(0); // Taustaväri musta
} 

void draw() {

      float halkaisija = random(200); // Arvotaan halkaisija

      fill(random(255),random(255),random(255)); // Arvotaan täyttöväri

      ellipse(mouseX,mouseY,halkaisija,halkaisija); // Piirrä ellipsi
}