<meta charset="utf-8" />
<script src="http://spelprogrammering.nu/simple.js">
function start()
{
  translate(-140, -290);

  save();
  translate(500, 400);
  ring(0, 0, 100, 2, "black");
  circle(0, 0, 4, "black");
  circle(160, 0, 4, "black");

  translate(100+60, 0);
  ring(0, 0, 60, 2, "black");
  restore();

  save();
  translate(500, 400);
  rotate(180);
  translate(350, 0);
  rotate(180);
  arrow(0, 0, 0, 350);
  restore();
  restore();

  text(480,440,20, "A");
  text(480+160,440,20, "B");

  save();
  translate(290, 440);
  text(0,0,20, "v");
  text(13,5,15, "A");
  text(15,-20,10, "in");
  restore();

  save();
  translate(290+600, 440);
  text(0,0,20, "v");
  text(13,5,15, "B");
  text(15,-20,10, "in");
  restore();

  save();
  translate(500+160+350, 400);
  rotate(180);
  arrow(0, 0, 0, 350);
  restore();
  restore();

  // Nästa

  translate(0, 250);

  save();
  translate(500, 400);
  ring(0, 0, 100, 2, "black");
  circle(0, 0, 4, "black");
  circle(160, 0, 4, "black");

  translate(160, 0);
  ring(0, 0, 60, 2, "black");
  restore();

  text(480,440,20, "A");
  text(480+160,440,20, "B");

  save();
  translate(290+300-30, 300-10);
  text(0,0,20, "m");
  text(15,5,15, "A");
  restore();

  save();
  translate(290+300+3, 300-10);
  text(0,0,20, "≠");
  restore();

  save();
  translate(290+300+30, 300-10);
  text(0,0,20, "m");
  text(15,5,15, "B");
  restore();

  save();
  translate(250, 440);
  text(0,0,20, "v  = ?", "green");
  text(13,5,15, "A", "green");
  text(15,-20,10, "ut", "green");
  restore();

  save();
  translate(290+500, 440);
  text(0,0,20, "v  = ?", "green");
  text(13,5,15, "B", "green");
  text(15,-20,10, "ut", "green");
  restore();

  save();
  translate(500, 400);
  rotate(180);
  arrow(0, 0, 0, 350, false, 2, "green");
  restore();
  restore();

  save();
  translate(500+160, 400);
  arrow(0, 0, 0, 350, false, 2, "green");
  restore();
  restore();

}

</script>