Matematiikan xy-koordinaatisto

Matematiikassa on käytössä koordinaatisto, jossa origo on ikkunan keskellä. X:n arvot kasvavat oikealle ja y:n arvot kasvavat ylös. Ohjelma, joka asettaa xy- koordinaatiston, piirtää x- ja y- akselit on seuraava. Nyt kun laitat koordinaatistoon pisteen (100, 50), niin se menee oikeaan paikkaan.

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 viivan paksuudeksi 5.
  5. Siirrä origoa 200 px oikealle ja 200 px alas eli siirrä origo ikkunan keskelle.
  6. Peilaa koordinaatiston y-akseli, jolloin y:n arvot kasvavat ylöspäin.
  7. Piirrä x-akseli eli viiva, jonka alkupiste on (-200, 0) ja loppupiste on (200, 0).
  8. Piirrä y-akseli eli viiva, jonka alkupiste on (0, 200) ja loppupiste on (0, -200).
  9. Piirrä piste paikkaan (100, 50).
 

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

     size(400,400); // Ikkunan koko

     background(255); // Taustaväri valkoinen

     stroke(0); // Viivanväri musta

     strokeWeight(5); // Viivan paksuus 5

}



void draw () {

     translate(200,200); // Origo ikkunan keskelle

     scale(1,-1); // Peilaa y-akseli

     line(-200,0,200,0); // x-akseli

     line(0,200,0,-200); // y-akseli

     point(100,50); // 100 oikealle ja 50 ylös
}


Ohjelman suoritus näyttää tältä.




Jos haluat, että origo menee aina ikkunan keskelle riippumatta siitä minkä kokoinen ikkuna on, käytä tällöin komentoa: translate(width/2,height/2);


Jos haluamme piirtää vain koordinaatiston I-neljänneksen, niin silloin asetamme translate(x,y); komennolla origon ikkunan vasempaan alareunaan. Lisäksi peilaamme y-akselin. Kokonainen ohjelma on tällöin muotoa.

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 viivan paksuudeksi 5.
  5. Siirrä origoa 0 px oikealle ja 400 px alas eli siirrä origo ikkunan vasempaan alareunaan.
  6. Peilaa koordinaatiston y-akseli, jolloin y:n arvot kasvavat ylöspäin.
  7. Piirrä x-akseli eli viiva, jonka alkupiste on (0, 0) ja loppupiste on (400, 0).
  8. Piirrä y-akseli eli viiva, jonka alkupiste on (0, 400) ja loppupiste on (0, 0).
  9. Piirrä piste paikkaan (100, 50).
 

// Ohjelman tehnyt e-Oppi Oy
// 30.8.2017

void setup () {

     size(400,400); // Ikkunan koko

     background(255); // Taustaväri valkoinen

     stroke(0); // Viivanväri musta

     strokeWeight(5); // Viivan paksuus 5

}

void draw () {

     translate(0,400); // Origo alas vasemmalle

     scale(1,-1); // Peilaa y-akseli

     line(0,0,400,0); // x-akseli

     line(0,400,0,0); // y-akseli

     point(100,50); // 100 oikealle ja 50 ylös

}


Ohjelman suoritus näyttää nyt tältä.




Jos haluat, että origo menee aina vasemapaan alareunaa riippumatta siitä minkä kokoinen ikkuna on, käytä tällöin komentoa: translate(0,height);