<html>
  <head>
    <title>Box by faces</title>
    <script type="text/javascript" src="nt3d.js"></script>
    <script type="text/javascript">
      function box_by_faces(size) {
        var origin = [0,    0,    0   ];
        var x      = [size, 0,    0   ];
        var y      = [0,    size, 0   ];
        var z      = [0,    0,    size];
        var xy     = [size, size, 0   ];
        var xz     = [size, 0,    size];
        var yz     = [0,    size, size];
        var xyz    = [size, size, size];
      	return [].concat(
      	  nt3d.quad(origin, y, xy, x), // bottom (near xy face)
      	  nt3d.quad(origin, x, xz, z), // near xz face
      	  nt3d.quad(origin, z, yz, y), // near yz face
      	  nt3d.quad(y, yz, xyz, xy),   // far xz face
      	  nt3d.quad(x, xy, xyz, xz),   // far yz face
      	  nt3d.quad(z, xz, xyz, yz));  // top (far xy face)
      }
      var params = [["Size", 1]];
    </script>
  </head>
  <body onload="nt3d.framework(box_by_faces, params)">
    <h1>Box by faces</h1>
    <p>Make a box by the most straightforward method: specify the six faces.</p>
  </body>
</html>