[nt3d] / box_by_rotation.html

<html>
  <head>
    <title>Box by rotation</title>
    <script type="text/javascript" src="nt3d.js"></script>
    <script type="text/javascript">
      function box_by_rotation(size) {
        var origin = [0,    0,    0   ];
        var x      = [size, 0,    0   ];
        var y      = [0,    size, 0   ];
        var xy     = [size, size, 0   ];
        var xy_face = nt3d.quad(origin, y, xy, x);
      	return [].concat(
      	  xy_face,
      	  nt3d.rotate_about_origin(xy_face, nt3d.unit([1,1,1]),  2*Math.PI/3), // yz
      	  nt3d.rotate_about_origin(xy_face, nt3d.unit([1,1,1]), -2*Math.PI/3), // xz
      	  nt3d.rotate(xy_face, [0.5, 0, 0.5], [0, 1, 0], Math.PI), // far xy (top)
      	  nt3d.rotate(xy_face, [1, 1, 0], nt3d.unit([-1, -1, 1]),  2*Math.PI/3),  // far yz
      	  nt3d.rotate(xy_face, [1, 1, 0], nt3d.unit([-1, -1, 1]), -2*Math.PI/3)); // far xz
      }
      var params = [["Size", 1]];
    </script>
  </head>
  <body onload="nt3d.framework(box_by_rotation, params)">
    <h1>Box by rotation</h1>
    <p>Make a box by specifying one face, then copy-rotating it five times.</p>
  </body>
</html>
Commit	Line	Data
1e62819c SW	1	<html>
	2	<head>
	3	<title>Box by rotation</title>
	4	<script type="text/javascript" src="nt3d.js"></script>
	5	<script type="text/javascript">
ec5f883d	6	function box_by_rotation(size) {
1e62819c SW	7	var origin = [0, 0, 0 ];
	8	var x = [size, 0, 0 ];
	9	var y = [0, size, 0 ];
	10	var xy = [size, size, 0 ];
	11	var xy_face = nt3d.quad(origin, y, xy, x);
	12	return [].concat(
	13	xy_face,
	14	nt3d.rotate_about_origin(xy_face, nt3d.unit([1,1,1]), 2*Math.PI/3), // yz
	15	nt3d.rotate_about_origin(xy_face, nt3d.unit([1,1,1]), -2*Math.PI/3), // xz
	16	nt3d.rotate(xy_face, [0.5, 0, 0.5], [0, 1, 0], Math.PI), // far xy (top)
	17	nt3d.rotate(xy_face, [1, 1, 0], nt3d.unit([-1, -1, 1]), 2*Math.PI/3), // far yz
	18	nt3d.rotate(xy_face, [1, 1, 0], nt3d.unit([-1, -1, 1]), -2*Math.PI/3)); // far xz
	19	}
	20	var params = [["Size", 1]];
	21	</script>
	22	</head>
	23	<body onload="nt3d.framework(box_by_rotation, params)">
	24	<h1>Box by rotation</h1>
	25	<p>Make a box by specifying one face, then copy-rotating it five times.</p>
	26	</body>
	27	</html>