threejs添加地面

在Three.js中，添加地面通常使用的是PlaneGeometry或者TerrainGenerator。以下是简单的步骤：

1. **创建PlaneGeometry**：

   var groundMaterial = new THREE.MeshBasicMaterial({color: 0x808080}); // 地面材质
   var groundSize = 100; // 地面尺寸，可以调整
   var groundHeight = -0.5; // 地平面高度

   var groundGeo = new THREE.PlaneGeometry(groundSize, groundSize, 1, 1);
   var groundMesh = new THREE.Mesh(groundGeo, groundMaterial);
   groundMesh.position.y = groundHeight;
   scene.add(groundMesh);

2. **使用TerrainGenerator生成地形**：

   var terrainLoader = new THREE.TerrainLoader();
   terrainLoader.load('path/to/terrain.json', function(terrain) {
       terrain.scale(0.5, 0.5, 0.5); // 缩放地形大小
       scene.add(terrain);
   });

这里假设你已经有一个包含地形数据的json文件。`scale`参数用于调整地形细节。

**注意事项**：
- 如果你想自定义地面纹理，可以在创建Mesh时传递纹理材质（TextureMapping）。
- 地面的位置、旋转和缩放可以根据场景需求进行调整。