PlaneGeometry对角线问题THREE.js

Question

我在使用PlaneGeometry创建网格时遇到问题。我使用了MeshBasicMaterial，起初我有几何定义：

var geometry = new THREE.PlaneGeometry(width, height);

之后，当我生成Mesh时，一切正常。但是在某些元素中，我必须在创建网格之前更改几何顶点，所以我遵循：

geometry.dynamic = true; 
geometry.verticesNeedUpdate = true;
$.each(newVertices, function(index, value) {
  geometry.vertices[index].x = value.x;    
  geometry.vertices[index].y = value.y;    
  geometry.vertices[index].z = value.z;    
});

geometry.computeFaceNormals();

最后创建Mesh，很好。但是当创建这个几何体时，它看起来就像对角线一样破碎，你可以在图片上看到，黑色是我创建的网格，白色纹理看起来像对角线破碎。

哪里可能有问题？

修改 我发现，这是因为几何体是三角形的，而我的材料是方形的。所以当我改变顶点坐标时，会损坏材质。是否可以将几何图形更改为方形？或者如何解决这个问题？