javascript - 两张脸上的纹理

Question

我正在尝试创建具有纹理的菱形形状。我已经创建了我想要的几何体，但现在我在将纹理应用到钻石上时遇到了困难。

它似乎在脸上裂开了，我不太清楚为什么。我对 Three.js 还很陌生，所以任何帮助都会很棒。是什么原因导致此问题以及如何解决它？

这是我的jsfiddle:https://jsfiddle.net/7fjLar4b/

geometry = new THREE.PlaneGeometry();
geometry.vertices = [
  new THREE.Vector3(1, 0, 0),
  new THREE.Vector3(2, 1, 0),
  new THREE.Vector3(1, 2, 0),
  new THREE.Vector3(0, 1, 0)
];
geometry.faces = [
  new THREE.Face3(1, 2, 3),
  new THREE.Face3(3, 0, 1)
];
texture = loader.load("https://i.imgur.com/am2LQon.jpg")

material = new THREE.MeshBasicMaterial({map: texture});
mesh = new THREE.Mesh(geometry, material);
scene.add(mesh);

Answer 1

第一个面的顶点顺序

geometry.faces = [
  new THREE.Face3(2, 3, 1),
  new THREE.Face3(3, 0, 1)
];