用于变形的WebGL三角形布局

Question

我通过向上或向下移动顶点来实现WebGL中的简单变形，但偶然发现了三角形布局的问题。

我正在使用three.js中的PlaneGeometry，并使用following layout作为三角形：

indices.push( a, b, d )
indices.push( b, c, d )

three.js使用的布局位于左侧。我在两者之间交替。

向上或向下移动顶点会导致左侧的图像，其中，在移动顶点后，变形会逐渐消失。蓝点代表中心顶点。 我决定使用以下代码交替使用三角形：

      if ( ( ix + iy ) % 2 === 0 ) {
        // Even segment
        indices.push( a, b, d )
        indices.push( b, c, d )
      } else {
        // Odd segment
        indices.push( a, b, c )
        indices.push( a, c, d )
      }

正如您在右侧看到的 ，它给了我更好的结果。

我有两个问题：

• 我使用的布局是否有效且名称是什么？
• 有没有更好的方法来解决这个问题？