[THREE JS] Squelette humain (sphères et cylindres)

var playerTool = {
 drawPoint: function(x, y, z) {
  var geometry = new THREE.SphereGeometry( 0.25, 32, 32 );
  var material = new THREE.MeshBasicMaterial( {color: 0xffff00} );
  var sphere = new THREE.Mesh( geometry, material );
  sphere.position.x = x;
  sphere.position.z = y;
  sphere.position.y = z;
  sphere.receiveShadow = true;
  
  return sphere;
 },
 drawLine: function(x, y, z, size, rotations) {
  var geometry = new THREE.CylinderBufferGeometry( 0.25, 0.25, size, 32 );
  var material = new THREE.MeshBasicMaterial( {color: 0x00ffff} );
  var cylinder = new THREE.Mesh( geometry, material );
  cylinder.position.x = x;
  cylinder.position.y = y;
  cylinder.position.z = z;
  cylinder.receiveShadow = true;
  
  if(!isNaN(rotations.y)) { cylinder.rotation.x = rotations.y; }
  
  var group = new THREE.Group();
  group.add( cylinder );
  
  if(!isNaN(rotations.x)) { group.rotation.y = rotations.x; }
  
  return group;
 },
 getLength: function(xa, ya, za, xb, yb, zb) {
  return Math.sqrt( Math.pow(xb - xa , 2) + Math.pow(yb - ya , 2) + Math.pow(zb - za , 2) );
 },
 getRotations: function(xa, ya, za, xb, yb, zb, size) {
  var dx = xb - xa;
  var dy = yb - ya;
  var dz = zb - za;
  
  return {
   x: Math.asin(dy / size),
   y: Math.asin(dx / size)
  };
 },
 getPosition: function(xa, ya, za, xb, yb, zb) {
  return { x: ((xa + xb) / 2), y: ((ya + yb) / 2), z: ((za + zb) / 2) };
 }
};