Kohteen liikuttelu hiirellä

mouseX	Lukee hiiren vaaka- eli x-koordinaatin arvon.
mouseY	Lukee hiiren pysty- eli y-koordinaatin arvon.

Hiiren koordinaatit voidaan lukea mouseX- ja mouseY- komennoilla. Koordinaatistoa voidaan liikutella myös hiiren avulla. Samalla kaikki kuviot koordinaatiston mukana liikkuvat. Tutkitaan seuraavaa esimerkkiä.

SANALLINEN ALGORITMI
Aseta ikkunan kooksi 400 px vaakaan ja 400 px pystyyn. Aseta punainen täyttöväri. Tyhjennä tausta ja väritä se valkoiseksi. Ota koordinaatisto muistiin. Liikuta koordinaatistoa hiirellä. Piirrä ympyrä origoon. Ympyrä liikkuu koordinaatiston mukana. Palauta koordinaatisto muistista.

// Ohjelman tehnyt e-Oppi Oy

// 30.8.2017

void setup() {

     size(400, 400);  // Ikkunan koko

     fill(255,0,0);  // Punainen täyttöväri

}



void draw() {

     background(255); // Tyhjennä tausta

     pushMatrix(); // Koordinaatisto muistiin

     translate(mouseX, mouseY);  // Liikuta koordinnatistoa hiirellä

     ellipse(0, 0, 50, 50);  // Piirrä ympyrä

     popMatrix();  // Palauta koordinaatisto

}

Lisää toinen ympyrä, mutta eri paikkaan. Laita ympyrä juuri ennen popMatrix(); komentoa. Mitä tapahtui? Entä, jos siirrät toisen ympyrän popMatrix(); komennon jälkeen. Mikä muuttui?