Esimerkki: Kaksi hiiriosoitinta yhtä aikaa

Tehdään ohjelma, joka piirtää kahta eriväristä viivaa yhtä aikaa. Se onnistuu translate(x,y)- komennolla. Ohjelma on seuraavanlainen.

SANALLINEN ALGORITMI
  1. Aseta ikkunan kooksi 800 px vaakaan ja 800 px pystyyn.
  2. Aseta ikkunan taustaväriksi valkoinen
  3. Aseta asetus: poista reunaviiva.
  4. Aseta täyttöväriksi keltainen.
  5. Määritellään kokonaislukumuuttuja x ja sijoitetaan siihen muistiin tämän hetkinen hiiren vaakakoordinaatti.
  6. Määritellään kokonaislukumuuttuja y ja sijoitetaan siihen muistiin tämän hetkinen hiiren pystykoordinaatti.
  7. Jos hiiren painike on pohjassa, niin
  8. Aseta punainen täyttöväri.
  9. Piirrä punainen ympyrä, jonka halkaisija on 20, paikkaan (x,y).
  10. Siirrä origoa 100 px oikealle ja 50 px alas.
  11. Aseta sininen täyttöväri.
  12. Piirrä sininen ympyrä, jonka halkaisija on 20, paikkaan (x,y). Sininen ympyrä piirretään eri paikkaan kuin punainen ympyrä, koska origo on eri paikassa.
 

// Ohjelman tehnyt e-Oppi Oy

// 30.8.2017

void setup () {

     size(800,800); // Ikkunan koko voi olla mikä tahansa

     background(255); // Taustaväri valkoinen

     noStroke(); // Ei reunaviivaa

}

void draw () {

     int x = mouseX; // Lue hiiren x-koordinaatti

     int y = mouseY; // Lue hiiren y-koordinaatti

     if (mousePressed == true) { // Jos hiiren painike on pohjassa

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

         ellipse(x,y,20,20);  // Piirrä ympyrä ennen siirrosta

         translate(100,50); // Siirrä koordinaatisto

         fill(0,0,255);  // Sininen väri

         ellipse(x,y,20,20); // Piirrä ympyrä siirroksen jälkeen

     }

}

Ohjelmaan on lisätty ehtolause. Jos hiiren painike on pohjassa (true), niin silloin piirrä kahta eriväristä ympyrää kahteen eri paikkaan. Punainen ympyrä on hiiren oikea paikka, sininen on hiiren siirretty paikka. Aja ohjelma, paina hiiren painike pohjaan ja liikuta hiirtä. Kuinka lisäisit kolmannen ympyrän eri paikkaan?