PROSAGA码农传奇-模型可视化-为什么我的三角形条纹必须与之前的三角条纹连接

<div class =“post-text”itemprop =“text”>
  
    使用四点值绘制矩形
     <code>
 TRIANGLE_STRIP
 </code>
    。

<code>
 TRIANGLE_STRIP
 </code>
     将使用每个三点值来制作一个三角形：

<code>
 [ABCD]
 </code>
     ，webgl将绘制三角形：ABC和BCD。
  
  
    在你的代码中：
  
   <pre>
 <code>
 initialVertices = [
 0, 0,
 0, 20,
 20, 0,
 20, 20,
];

</code>
 </pre>
  
    当我进入
     <code>
 RIGHT
 </code>
     它将创建一个这样的新顶点（例如，加上10px）：
  
   <pre>
 <code>
 [
 10, 0,
 10, 20,
 30, 0,
 30, 20,
]

</code>
 </pre>
  
    并且你的代码将子缓冲数据在缓冲区中添加新的顶点数据，因此缓冲区中的整个顶点数据是：
  
   <pre>
 <code>
 [
 0, 0,
 0, 20,
 20, 0,
 20, 20,
 10, 0,
 10, 20,
 30, 0,
 30, 20,
];

</code>
 </pre>
  
    它表示顶点数据
     <code>
 [ABCDEFGH]
 </code>
     现在。
  
  
     <code>
 TRIANGLE_STRIP
 </code>
     类型将使用每三个点绘制三角形，因此有6个三角形将绘制而不是4：
     <code>
 ABC BCD CDE DEF EFG FGH
 </code>
     ，我想你只想得到：
     <code>
 ABC BCD EFG FGH
 </code>
     三角形。
  
  
    解决：
  
  
    使用退化三角形。
  
  
    不要用
     <code>
 [ABCD]
 </code>
     直接顶点数据，你可以使用
     <code>
 [AABCDD]
 </code>
     ，6点数据制作一个矩形。
  
  
     <code>
 [AABCDD] -> AAB ABC BCD CDD , AAB and CDD
 </code>
     是退化三角形，webgl不会绘制它。
所以当你添加这样的新矩形点数据时：
     <code>
 [EEFGHH]
 </code>
     在缓冲区中，整个数据都是
     <code>
 [AABCDDEEFGHH]
 </code>
     ，webgl将使它们成为三角形：
  
  
     <code>
 AAB ABC BCD CDD DDE DEE EFG FGH GHH
 </code>
    ，
  
  
    你会找到
     <code>
 AAB CDD DDE DEE GHH
 </code>
     不会被绘制，所以你可以得到两个sperate矩形：
     <code>
 ABC BCD EFG FGH
 </code>
  
  
    希望你能理解我优秀的英语
  
</DIV>