Esimerkki: Suoran yhtälö y = kx + b

Suoran yhtälö y = kx + b voidaan piirtää for-silmukalla. Silmukan avulla voidaan käydä läpi x:n arvot nopeasti. Kun laitamme laskukaavan y = kx + b silmukan sisälle, niin saamme laskettua y:n arvot. Kun piirrämme pisteitä esimerkiksi ellipse(x,y,1,1); komennolla, niin saamme aikaiseksi suoran xy-koordinaatistoon.

SANALLINEN ALGORITMI
  1. Aseta ikkunan kooksi 400 px vaakaan ja 400 px pystyyn.
  2. Aseta ikkunan taustaväriksi valkoinen.
  3. Aseta viivan paksuudeksi 3.
  4. Aseta reunaviivan väriksi musta.
  5. Siirrä origo 200 oikealle ja 200 alas eli siirrä origo ikkunan keskelle.
  6. Peilaa y-akseli, jolloin y:n arvot kasvavat ylös.
  7. Piirrä viiva pisteiden (-200,0) ja (200,0) välille, jolloin muodostuu x-akseli.
  8. Piirrä viiva pisteiden (0,200) ja (0,-200) välille, jolloin muodostuu y-akseli.
  9. Määrittele desimaalilukumuuttuja k ja anna sille arvo -1.
  10. Määrittele desimaalilukumuuttuja b ja anna sille arvo 0.
  11. Aseta viivan väri punaiseksi.
  12. Määrittele for-silmukka (Määrittele kokonaislukumuuttuja x, joka saa alkuarvon -200. Toista niin kauan kun x on pienempi kuin 200. Kasvata muuttujaa x yhdellä).
    1. Määrittele desimaalilukumuuttuja y ja sijoita siihen arvo, jonka saat laskutoimituksesta: k*x+b.
    2. Piirrä ympyrä, jonka halkaisija on 1 paikkaan (x,y).
 

// Ohjelman tehnyt e-Oppi Oy
// 30.9.2017

void setup () {

     size(400,400); // Ikkunan koko

     background(255); // Taustaväri valkoinen

     strokeWeight(3); // Viivan paksuus 3

}

void draw () {

     stroke(0); // Viivanväri musta

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

     scale(1,-1); // Peilaa y-akseli eli muodosta xy-koordinaatisto

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

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

     float k = -1; // Kulmakerroin (kokeile muuttaa tämä)

     float b = 0; // Vakiotermi, Voit antaa arvoja väliltä [-200,200]

     stroke(255,0,0); // Viivanväri punainen

     for (int x = -200; x < 200; x++) {

          float y = k*x+b;

          ellipse(x,y,1,1);

     }

}



Kokeile muuttaa kulmakeroimen k arvoa, esimerkiksi: k = 2; k = 0.5; k = -0.1; tai k = -3; Mitä havaitset?