git.scottworley.com Git - nt3d/blob - medusa.html

   1 <html>
   2   <head>
   3     <title>Medusa</title>
   4     <script type="text/javascript" src="nt3d.js"></script>
   5     <script type="text/javascript">
   6       function finger(params, finger_crosssection, ring_num, ring_radius, finger_angle) {
   7         var path = [];
   8         var twirl_amplitute = Math.cos((ring_num * 2 * Math.PI) / params.finger_twirl_period);
   9         var twirl_angle = twirl_amplitute * params.finger_twirl_distance / (ring_radius * 2 * Math.PI);
  10         for (var finger_point = 0; finger_point <= params.finger_points; finger_point++) {
  11           var finger_progress = finger_point / params.finger_points;
  12           var angle = (finger_angle + twirl_angle * finger_progress) * 2 * Math.PI;
  13           var r = ring_radius;
  14           var x = r * Math.cos(angle);
  15           var y = r * Math.sin(angle);
  16           var z = params.finger_height * finger_progress;
  17           path.push([x, y, z]);
  18         }
  19         return nt3d.extrude(path, finger_crosssection, [0, 0, 1], nt3d.pathnormals_from_point(path, [0, 0, 0]));
  20       }
  21       function medusa(params) {
  22         var finger_crosssection = nt3d.circle(params.finger_radius, params.finger_faces);
  23         var fingers = [];
  24         for (var ring_num = 0; ring_num < params.num_rings; ring_num++) {
  25           var ring_radius = params.first_ring_radius + ring_num * params.ring_spacing;
  26           var num_fingers = Math.round((ring_radius * 2 * Math.PI) / params.finger_spacing);
  27           for (var finger_num = 0; finger_num < num_fingers; finger_num++) {
  28             var finger_angle = finger_num / num_fingers;
  29             fingers = fingers.concat(finger(params, finger_crosssection, ring_num, ring_radius, finger_angle));
  30           }
  31         }
  32
  33         return fingers;
  34       }
  35       var params = [["first_ring_radius", 20],
  36                     ["num_rings", 4],
  37                     ["ring_spacing", 10, "Space Between Rings"],
  38                     ["finger_spacing", 10],
  39                     ["finger_radius", 3],
  40                     ["finger_faces", 3],
  41                     ["finger_points", 20],
  42                     ["finger_twirl_distance", 50],
  43                     ["finger_twirl_period", 2, "Finger Twirl Period (1=same, 2=alternating)"],
  44                     ["finger_height", 100]];
  45     </script>
  46   </head>
  47   <body onload="nt3d.framework(medusa, params)">
  48     <h1>Medusa</h1>
  49     <p>An artsy thing.</p>
  50   </body>
  51 </html>