threejs实现飞机圆周运动

Three.js是一个用于创建和渲染3D图形的JavaScript库。要实现飞机的圆周运动，可以按照以下步骤进行：

1. 创建场景(Scene)、相机(Camera)和渲染器(Renderer)：

   const scene = new THREE.Scene();
   const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
   const renderer = new THREE.WebGLRenderer();
   renderer.setSize(window.innerWidth, window.innerHeight);
   document.body.appendChild(renderer.domElement);

2. 创建飞机模型：

   const geometry = new THREE.PlaneGeometry(1, 1);
   const material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
   const plane = new THREE.Mesh(geometry, material);
   scene.add(plane);

3. 设置飞机的初始位置和旋转：

   plane.position.set(0, 0, 0); // 设置飞机的初始位置
   plane.rotation.set(0, 0, 0); // 设置飞机的初始旋转角度

4. 创建一个圆周路径：

   const radius = 5; // 圆周半径
   const center = new THREE.Vector3(0, 0, 0); // 圆心位置
   const angle = 0; // 初始角度
   const speed = 0.01; // 运动速度

   function updatePlanePosition() {
     angle += speed;
     const x = center.x + radius * Math.cos(angle);
     const y = center.y + radius * Math.sin(angle);
     plane.position.set(x, y, 0);
   }

5. 在动画循环中更新飞机的位置：

   function animate() {
     requestAnimationFrame(animate);
     updatePlanePosition();
     renderer.render(scene, camera);
   }
   animate();

这样，飞机就会围绕圆心进行圆周运动了。