Javascript 使用Three.js层次结构（Three.Group（））围绕对象旋转

因此，我有以下javascript代码：

var group = new THREE.Group();

  var staffGeometry = new THREE.BoxGeometry(0.5, 6, 0.5);
  var staffMaterial = new THREE.MeshBasicMaterial( {color: 0x00ff00} );
  var staffCube = new THREE.Mesh( staffGeometry, staffMaterial );
  staffCube.position.x = -21;
  staffCube.position.y = 1;
  staffCube.position.z = -19;
  group.add(staffCube);
  //scene.add( staffCube );

  var geometry = new THREE.TorusKnotGeometry( 10, 3, 100, 16 );
  var material = new THREE.MeshBasicMaterial( { color: 0xffff00 } );
  var torusKnot = new THREE.Mesh( geometry, material );
  torusKnot.position.x = -21;
  torusKnot.position.y = 4.8;
  torusKnot.position.z = -19;
  torusKnot.scale.set(0.08, 0.08, 0.08);
  group.add(torusKnot);
  //scene.add( torusKnot );

  var ballGeometry1 = new THREE.IcosahedronGeometry(0.5);
  var ballMaterial1 = new THREE.MeshBasicMaterial( {color: 0x00ff00} );
  var ball1 = new THREE.Mesh(ballGeometry1, ballMaterial1);
  ball1.position.x = -22.5;
  ball1.position.y = 4.5;
  ball1.position.z = -20.5;

  group.add(ball1);
  //scene.add(ball1);

  var ballGeometry2 = new THREE.IcosahedronGeometry(0.5);
  var ballMaterial2 = new THREE.MeshBasicMaterial( {color: 0x00ff00} );
  var ball2 = new THREE.Mesh(ballGeometry2, ballMaterial2);
  ball2.position.x = -22;
  ball2.position.y = 6.5;
  ball2.position.z = -20;
  group.add(ball2);
  //scene.add(ball2);

  scene.add(group);

THREE.Group（）试图利用层次结构。我似乎找不到任何关于THREE.Group的有用示例或文档，所以我甚至不确定是否正确使用了hierarchy。我的目标是将工作人员安排到位，并通过层次结构使其他组件的工作更容易进行

主要是，我想让ball1和ball2绕着工作人员转。我不知道如何在小组内访问它们，以便它们可以使用taurusKnots位置（工作人员负责人）进行转换，在taurusKnots Y上旋转，然后再转换回

任何关于利用hierarchy with three.js来实现这一点的帮助都将非常棒！正如我所说的，我在网上能找到的只是说要使用Group（）进行层次结构，但关于如何访问成员以及如何实际使用您建立的层次结构，我没有说什么，也找不到（至少是我）