Esimerkki: Kierto ympäri

Komennolla: rotate(radians(kulma)); voidaan helposti sijoittaa mitä tahansa kuvioita ympyrän kehälle. Tehdään ohjelma, jossa kahdeksan punaista ympyrää sijoitetaan ympyrän kehälle.

SANALLINEN ALGORITMI
  1. Aseta ikkunan kooksi 400 px vaakaan ja 400 px pystyyn.
  2. Aseta ikkunan taustaväriksi valkoinen.
  3. Aseta viivan väriksi musta
  4. Aseta punainen täyttöväri.
  5. Siirrä origo 200 px oikealle ja 200 px alas eli siirrä origo ikkunan keskelle.
  6. Piirrä ympyrä paikkaan (100, 0), jonka korkeus ja leveys on 20.
  7. Pyöritä 45 astetta myötäpäivään.
  8. Piirrä ympyrä paikkaan (100, 0), jonka korkeus ja leveys on 20.
  9. Pyöritä 45 astetta myötäpäivään.
  10. Piirrä ympyrä paikkaan (100, 0), jonka korkeus ja leveys on 20.
  11. Pyöritä 45 astetta myötäpäivään.
  12. Piirrä ympyrä paikkaan (100, 0), jonka korkeus ja leveys on 20.
  13. Pyöritä 45 astetta myötäpäivään.
  14. Piirrä ympyrä paikkaan (100, 0), jonka korkeus ja leveys on 20.
  15. Pyöritä 45 astetta myötäpäivään.
  16. Piirrä ympyrä paikkaan (100, 0), jonka korkeus ja leveys on 20.
  17. Pyöritä 45 astetta myötäpäivään.
  18. Piirrä ympyrä paikkaan (100, 0), jonka korkeus ja leveys on 20.
  19. Pyöritä 45 astetta myötäpäivään.
  20. Piirrä ympyrä paikkaan (100, 0), jonka korkeus ja leveys on 20.
 

// Ohjelman tehnyt e-Oppi Oy
// 30.8.2017
void setup () {

     size(400,400); // ikkunan koko

     background(255); // Valkea taustaväri

     stroke(0); // Musta viivan väri

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

}

void draw() {

     translate(200,200); // Origo eli piste (0,0) on siirretty ikkunan keskelle

     ellipse(100,0,20,20); // Piirrä 1. ympyrä

     rotate(radians(45)); // Kierrä 45° myötäpäivään

     ellipse(100,0,20,20); // Piirrä 2. ympyrä

     rotate(radians(45)); // Kierrä 45° myötäpäivään

     ellipse(100,0,20,20); // Piirrä 3. ympyrä

     rotate(radians(45)); // Kierrä 45° myötäpäivään

     ellipse(100,0,20,20); // Piirrä 4. ympyrä

     rotate(radians(45)); // Kierrä 45° myötäpäivään

     ellipse(100,0,20,20); // Piirrä 5. ympyrä

     rotate(radians(45)); // Kierrä 45° myötäpäivään

     ellipse(100,0,20,20); // Piirrä 6. ympyrä

     rotate(radians(45)); // Kierrä 45° myötäpäivään

     ellipse(100,0,20,20); // Piirrä 7. ympyrä

     rotate(radians(45)); // Kierrä 45° myötäpäivään

     ellipse(100,0,20,20); // Piirrä 8. ympyrä 

}


Tässä ohjelmassa origo eli piste (0, 0) on ensin siirretty ikkunan keskelle translate(x,y)-komennolla. Ensimmäinen ympyrä on piirretty ikkunan keskikohdasta 100 pikseliä oikealle. Jonka jälkeen koordinaatistoa on kierretty 45° myötäpäivään ja piirretty uusi ympyrä. Ympyrällä on aina samat koordinaatit. Ympyrän paikka muuttuu, koska koordinaatisto kiertyy myötäpäivään. Alla on esitetty ohjelman esimerkkiajo.



Mikä olisi kierron suuruus, jos haluaisit piirtää 12 punaista ympyrää?