Ohjelma, joka havainnolistaa murtolukujen yhteenlaskua

void setup () {
  size(400,200);  // Ikkunan koko
  background(255);  // Taustaväri valkoinen
  fill(0);  // Tekstin väri musta
  textSize(20);  // Tekstin koko 20
  strokeWeight(3); // Viivan paksuus 3
}

void draw () {
  text(2,10,20);
  line(10,28,20,28);
  text(7,10,50);
  text("+",23,33);
  text(1,40,20);
  line(40,28,50,28);
  text(3,40,50);
  text("=",57,33);
  text(2*3,80,20);
  line(80,28,100,28);
  text(7*3,80,50);
  text("+",102,33);
  text(1*7,120,20);
  line(120,28,140,28);
  text(7*3,120,50);
  text("=",142,33);
  text(2*3+1*7,160,20);
  line(160,28,180,28);
  text(7*3,160,50);
}

Tällöin ohjelma tulostaa seuraavaa.

Ohjelmassa on se puute, että jos me haluamme tulostaa jonkin toisen murtolukujen yhteenlaskun, niin joudumme paljon muuttamaan koodia. On parempi käyttää muuttujia. Luvun 2 tilalle laitamme muuttujan a, luvun 7 tilalle laitamme muuttujan b, luvun 1 tilalle laitamme muuttujan c ja luvun 3 tilalle laitamme muuttujan d. Eli kahden murtoluvun yhteenlasku voidaan laskea kaavalla.
[[$ \frac{a}{b}+\frac{c}{d}=\frac{ad}{bd}+\frac{bc}{bd}=\frac{ad+bc}{bd} $]]​

Sama ohjelma, muuttujien avulla kirjoitettuna on seuraava.

void setup () {
  size(400,200);  // Ikkunan koko
  background(255);  // Taustaväri valkoinen
  fill(0);  // Tekstin väri musta
  textSize(20);  // Tekstin koko 20
  strokeWeight(3); // Viivan paksuus 3
}

void draw () {
  int a = 2;
  int b = 7;
  int c = 1;
  int d = 3;
  text(a,10,20);
  line(10,28,20,28);
  text(b,10,50);
  text("+",23,33);
  text(c,40,20);
  line(40,28,50,28);
  text(d,40,50);
  text("=",57,33);
  text(a*d,80,20);
  line(80,28,100,28);
  text(b*d,80,50);
  text("+",102,33);
  text(c*b,120,20);
  line(120,28,140,28);
  text(b*d,120,50);
  text("=",142,33);
  text(a*d+c*b,160,20);
  line(160,28,180,28);
  text(b*d,160,50);
}

Kokeile muuttaa muuttujien a,b,c ja d tilalle jokin muu luku. Kuinka muuttaisit koodia, jos haluat laskea murtolukujen vähennys, kerto tai jakolaskun.