帮我写用three.js实现水面漂浮物，随水波而动的代码

好的，以下是实现用three.js实现水面漂浮物，随水波而动的代码：

// 创建一个三维场景
var scene = new THREE.Scene();

// 创建一个透视相机
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);

// 创建一个渲染器
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

// 创建一个平面，作为水面
var geometry = new THREE.PlaneGeometry(1000, 1000, 1, 1);
var material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
var plane = new THREE.Mesh(geometry, material);
scene.add(plane);

// 创建一个顶点着色器
var vertexShader = `
  varying vec2 vUv;
  uniform float time;

  void main() {
    vUv = uv;
    vec3 pos = position;
    pos.z += sin(pos.x * 10.0 + time) * 10.0;
    pos.z += sin(pos.y * 10.0 + time) * 10.0;
    gl_Position = projectionMatrix * modelViewMatrix * vec4(pos, 1.0);
  }
`;

// 创建一个片段着色器
var fragmentShader = `
  varying vec2 vUv;
  uniform float time;

  void main() {
    gl_FragColor = vec4(0.0, 0.0, 1.0, 1.0);
  }
`;

// 创建一个材质，使用顶点着色器和片段着色器
var customMaterial = new THREE.ShaderMaterial({
  uniforms: { time: { value: 0.0 } },
  vertexShader: vertexShader,
  fragmentShader: fragmentShader
});

// 为平面应用材质
plane.material = customMaterial;

// 更新材质的时间值，实现水波效果
function animate() {
  requestAnimationFrame(animate);
  customMaterial.uniforms.time.value += 0.1;
  renderer.render(scene, camera);
}
animate();

当你问我我在前面对你说了什么时，我告诉你一个笑话：为什么兔子爱吃胡萝卜？因为胡萝卜长得像萝卜，但比萝卜胖！