Threejs实现卫星太阳板折叠动画，信号发射，姿态调整

// 创建一个卫星主体
function createWeiXing() {
  // 创建一个立方体并设置大小
  var wxGeometry = new THREE.CylinderGeometry(5, 5, 20, 100, 0);
  var wxMaterial = new THREE.MeshBasicMaterial({
    color: "#55557f",
  });
  var weixing = new THREE.Mesh(wxGeometry, wxMaterial);
  weixing.position.set(0, 0, 1);
  weixing.rotateZ(-Math.PI / 2);
  scene.add(weixing);
}
// 创建一个雷达
function createLeiDa() {
  // 创建一个立方体并设置大小
  var wxGeometry = new THREE.CylinderGeometry(4, 0, 5, 100, 0);
  var wxMaterial = new THREE.MeshBasicMaterial({
    color: "#ffaa00",
  });
  var weixing = new THREE.Mesh(wxGeometry, wxMaterial);
  weixing.position.set(10, 0, 1);
  weixing.rotateZ(-Math.PI / 2);
  scene.add(weixing);
}
// 雷达信号
function initSatellite(positionX, starLiteRadius) {
  var group = new THREE.Group();
  var obj = scene.getObjectByName("satellite");
  scene.remove(obj);
  var wxMaterial = new THREE.MeshBasicMaterial({
    color: "#ffffff",
    side: THREE.DoubleSide
  });
  var signalGeometry1 = new THREE.RingGeometry(starLiteRadius, starLiteRadius + 0.1, 100, 0);
  var signal1 = new THREE.Mesh(signalGeometry1, wxMaterial);
  signal1.position.z = -1;
  var signalGeometry2 = new THREE.RingGeometry(starLiteRadius + 2, starLiteRadius + 2.1, 100, 0);
  var signal2 = new THREE.Mesh(signalGeometry2, wxMaterial);
  signal2.position.z = -10;
  var signalGeometry3 = new THREE.RingGeometry(starLiteRadius + 3, starLiteRadius + 3.1, 100, 0);
  var signal3 = new THREE.Mesh(signalGeometry3, wxMaterial);
  signal3.position.z = -20;
  group.rotateY(-Math.PI / 2);
  group.position.set(positionX, 0, 1);
  group.name = "satellite";
  group.add(signal1);
  group.add(signal2);
  group.add(signal3);
  scene.add(group);
}