Esimerkki: Viiva ennen ja jälkeen kierron

Tutkitaan seuraavaa ohjelmaa:

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. Piirrä viiva, jonka alkupiste on (200, 100) ja loppupiste on (300, 100).
  5. Pyöritä koordinaatistoa 45 astetta myötäpäivään.
  6. Piirrä viiva, jonka alkupiste on (200, 100) ja loppupiste on (300, 00).
 

// Ohjelman tehnyt e-Oppi Oy
// 30.8.2017

void setup () {

     size(400,400); // Ikkunan koko

     background(255); // Valkea taustan väri

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

}

void draw() {

     line(200,100,300,100); // Viiva ennen kiertoa

     rotate(radians(45)); // Kierrä koordinaatisto

     line(200,100,300,100); // Viiva kierron jälkeen

}


Kun ohjelma ajetaan, niin huomataan koko koordinaatiston kiertyneen 45° myötäpäivään.

 


Kuten tästä esimerkistä havaitsemme, niin vaakasuoraviiva on 45° astetta vinossa kierron jälkeen. Jos kierto on yli 90 astetta niin viiva ei enää ole ikkunan sisällä. Jos halutaan, että kuvio kiertyy keskellä ikkunaa, niin ennen kiertoa meidän on siirrettävä koordinaatiston origo (0, 0) ikkunan keskelle. Tutkitaan tätä seuraavaksi.