float m2m=210;
float lapa=64;
float vastakkaisenKulma=45;

float eka_x = 150;
float eka_y = 150;

void setup()
{
  size(600, 600);
  noSmooth();
  background(0);
}

void draw()
{

  fill(0);
  rect(0, 0, width, height);
  // Draw gray box
  stroke(153);
  noFill();

  ellipse(eka_x, eka_y, m2m, m2m);

  float toka_x = eka_x + sin(radians(vastakkaisenKulma))*m2m;
  float toka_y = eka_y + 0;
  ellipse(toka_x, toka_y, m2m, m2m);

  float kolmas_x = eka_x + sin(radians(vastakkaisenKulma))*m2m;
  float kolmas_y = eka_y + cos(radians(vastakkaisenKulma))*m2m;
  ellipse(kolmas_x, kolmas_y, m2m, m2m);

  float neljas_x = eka_x;
  float neljas_y = kolmas_y;
  ellipse(neljas_x, neljas_y, m2m, m2m);


  float valix = toka_x-eka_x;
  float valiy = kolmas_y-eka_y;

  rect(eka_x+lapa, eka_y, valix-(lapa*2), valiya);

  fill(120);

  text(String.format("Rungon leveys: %.2fmm", valix-(lapa*2)), 10, 10);
  text(String.format("Rungon pituus: %.2fmm", valiy), 10, 20);
  text(String.format("M2M=%.2f", m2m), 10, 30);
  text(String.format("kulma=%.2f", vastakkaisenKulma), 10, 40);

  float lapa2=lapa*2;
  ellipse(eka_x, eka_y, lapa2, lapa2);
  ellipse(toka_x, toka_y, lapa2, lapa2);
  ellipse(kolmas_x, kolmas_y, lapa2, lapa2);
  ellipse(neljas_x, neljas_y, lapa2, lapa2);
}

void mouseMoved()
{
  vastakkaisenKulma=mouseX/5.0;
  m2m=mouseY;
}