<meta charset=UTF-8>
<script src="http://spelprogrammering.nu/simple.js">
function start()
{
  math.DDDPerspective = false;
  math.rotate3D(0.2,-0.1,0);
  math.axes3D();

  a     = {x: 1, y: 0, z: -3};
  b     = {x: 3, y: 2, z: -1};
  alpha = {x: 1, y: 0, z: -1};
  beta  = {x: 3, y: 0, z: -3};
  gamma = {x: 3, y: 0, z: -1};

  math.line3D(a.x, a.y, a.z,  b.x, b.y, b.z, "blue");
  math.line3D(a.x, a.y, a.z,  gamma.x, gamma.y, gamma.z, "red");
  math.line3D(b.x, b.y, b.z, gamma.x, gamma.y, gamma.z, "red");
  math.line3D(a.x, a.y, a.z,  alpha.x, alpha.y, alpha.z, "gray");
  math.line3D(a.x, a.y, a.z,  beta.x, beta.y, beta.z, "gray");
  math.line3D(gamma.x, gamma.y, gamma.z, alpha.x, alpha.y, alpha.z, "gray");
  math.line3D(gamma.x, gamma.y, gamma.z, beta.x, beta.y, beta.z, "gray");

  math.point3D(a.x, a.y, a.z, "green");
  math.text3D(a.x-0.35, -0.1, -3.5, "p1", "green");

  math.point3D(b.x, b.y, b.z, "red");
  math.text3D(b.x-0.65, 1.5, -3.5, "p2", "red");

  math.text3D(1.6, 0.65, -3.5, "c", "blue");
  math.text3D(1.5, -0.40, -3.5, "a", "orange");
  math.text3D(2.78, 0.4, -3.5, "b", "brown");

  math.text3D(-3, 2,   -3.5, "a² + b²= c²");
  math.text3D(-3, 1.5, -3.5, "b = p2.y-p1.y");
  math.text3D(-3, 1,   -3.5, "a = ?");
}
</script>