如何使用THREE.WaterShader和MirrorMesh旋转THREE.PlaneBufferGeometry

Question

在this example中，我们有一个带有WaterShader和Water Normals纹理的THREE.PlaneBufferGeometry。如果您尝试删除第119行的旋转，则平面会按预期旋转，但着色器和法线不再正常工作，但它们会失真。

如何旋转而不失真？是否可以在WaterShader.js文件中进行更改？

Answer 1

我设法解决了我的问题..因为我认为在WaterShader.js文件中有一些东西要改变。在vertexShader（第24行），您需要更改第34行：

function savedSearch(e){
       applySearch1("ColumnA");
       applySearch2("ColumnB");
       applySearch3("ColumnC");
       applySearch4("ColumnD");
       applySearch5("ColumnE");
       applySearch6("ColumnF");
}

到

worldPosition = mirrorCoord.xyz 

问题解决了！