首先要能够把场景创建出来
后面引用three.js水的方法
// 水流
// 控制水流大小
const waterGeometry = new THREE.PlaneGeometry(300, 300);
water = new Water(waterGeometry, {
textureWidth: 512,
textureHeight: 512,
// 纹理图片
waterNormals: new THREE.TextureLoader().load(
"textures/waternormals.jpg",
function (texture) {
texture.wrapS = texture.wrapT = THREE.RepeatWrapping;
}
),
sunDirection: new THREE.Vector3(),
sunColor: 0xffffff,
waterColor: 0x001e0f,
distortionScale: 3.7,
fog: scene.fog !== undefined,
});
water.rotation.x = -Math.PI / 2;
scene.add(water);
添加循环
water.material.uniforms["time"].value += 1.0 / 60.0;