使用条带（Triangle Strip）来绘制网格

举例说明：如何生成一个3x3网格索引

假设有一个3x3的顶点网格，顶点布局如下：

0---1---2
| / | / |
3---4---5
| / | / |
6---7---8

使用 Triangle List（独立三角形）

如果我们使用独立的三角形，网格中的每个小方格都会被分割成两个三角形。我们需要重复列出顶点，这样会产生很多重复。比如，我们需要这样的索引：

[0, 3, 1, 1, 3, 4, // 第一块
 1, 4, 2, 2, 4, 5, // 第二块
 3, 6, 4, 4, 6, 7, // 第三块
 4, 7, 5, 5, 7, 8] // 第四块

使用 Triangle Strip（条带）

使用三角形条带，我们会一次性列出一行中的所有顶点，然后列出下一行的顶点，这样通过连接每行和每列的顶点形成一个连续的面。即：

1. 第一次行：从顶部行开始，从左到右列出顶点，然后从左到右列出下一行的顶点。这样，我们可以生成一条带。

第一次行:
[6, 3, 7, 4, 8, 5, 0xFFFFFFFF]

2. 原始重启：0xFFFFFFFF表示条带结束。

整个索引数组会生成如下:

std::vector<uint32_t> indices;
for (uint32_t y = 0; y < 2; y++) { // 仅有两行（3x3网格）让我用y<2
    for (uint32_t x = 0; x < 3; x++) {
        indices.push_back((y + 1) * 3 + x);
        indices.push_back(y * 3 + x);
    }
    // Primitive restart
    indices.push_back(0xFFFFFFFF);
}

具体步骤图解

直观地看，这样的操作是为了形成连续的三角形条带。给定一个3x3顶点网格，推入索引的顺序如下:

行	列	推入的索引
0	0	3, 0
0	1	4, 1
0	2	5, 2
-	-	0xFFFFFFFF - 结束条带

3x3网格:

顶点:        （顶点连接的顺序）:
0---1---2    3, 0, 4, 1, 5, 2, 0xFFFFFFFF
| / | / |
3---4---5
| / | / |
6---7---8

形成的三角形条带如下:

• (3,0,4), (0,4,1)
• (4,1,5), (1,5,2)

优势

1. 减少冗余顶点: 对于同一个网格，相同位置顶点仅列出一遍。
2. 更好的顶点缓存性能: 通过使用合适的索引序列，GPU可以更高效地利用顶点缓存。
3. 更少的索引存储和处理: 对于大规模网格（例如布料），索引条带能极大地减少存储和处理需求，提升性能。

总结

通过这种推入索引方式，我们有效地定义了一个三角形条带，减少了冗余，优化了顶点缓存，并保持了网格连接的连续性。