threejs纹理平铺实现地面效果

  const geometry = new THREE.PlaneGeometry(20000, 20000);      
  //纹理贴图加载器TextureLoader
  const texLoader = new THREE.TextureLoader();
  // .load()方法加载图像，返回一个纹理对象Texture
  const renderer = new THREE.WebGLRenderer();
  const texture = texLoader.load("./static/wh.jpg", () => {
    renderer.render(scene, camera);
  });
  texture.wrapS = THREE.RepeatWrapping;
  texture.wrapT = THREE.RepeatWrapping;
  // uv两个方向纹理重复数量
  texture.repeat.set(200, 200); //注意选择合适的阵列数量
  const material = new THREE.MeshLambertMaterial({
    // 设置纹理贴图：Texture对象作为材质map属性的属性值
    map: texture, //map表示材质的颜色贴图属性
  });
  const mesh = new THREE.Mesh(geometry, material);
  // 旋转矩形平面
  mesh.rotateX(-Math.PI / 2);
  // mesh.scale.set(0.2, 0.2, 0.2);
  const group = new THREE.Group();
  group.add(mesh);
  scene.add(group);