Opengl ES 线的三角化

Vec2f d = p1 + thickness * normal;

如果是直线这么处理就可以了,但是如果有多段线，我们还需要计算交点的地方

首先我们先求出 t
Vec2f t = ( (p2-p1).normalized() + (p1-p0).normalized() ).normalized()
其次 在求出m
Vec2f m = Vec2f( -t.y, t.x )
最后再求出d的长度
float d = thickness / miter.dot( normal )

根据上述获得内容就能得到想要的所有顶点,然后根据这些顶点构建三角面片即可

代码大致如下：

void trianglePolyLine( const Vec2f &p0, const Vec2f &p1, const Vec2f &p2, const Vec2f &p3 , PosArray &<span style="font-family:'courier new', courier, monospace;">mesh</span>)
    {
        if(p1 == p2) return;
        
        Vec2f line = (p2 - p1).normalize();
        
        Vec2f normal = Vec2f(-line.Y, line.X).normalize();
        
        Vec2f tangent1 = (p0 == p1) ? line : ((p1-p0).normalize() + line).normalize();
        Vec2f tangent2 = (p2 == p3) ? line : ((p3-p2).normalize() + line).normalize();
        
        Vec2f miter1 = Vec2f(-tangent1.Y, tangent1.X);
        Vec2f miter2 = Vec2f(-tangent2.Y, tangent2.X);
        
        
        float length1 = radius / normal.dotProduct(miter1);
        float length2 = radius / normal.dotProduct(miter2);
        
        if(true) {
            PUSH(p1 - length1 * miter1);
            PUSH(p2 - length2 * miter2 );
            PUSH(p1 + length1 * miter1);
            PUSH(p2 + length2 * miter2 );
        }
    }

  for(int i = 0;i<vertexes.size();++i) {
                int a = ((i-1) < 0) ? 0 : (i-1);
                int b = i;
                int c = ((i+1) >= vertexes.size()) ? vertexes.size()-1 : (i+1);
                int d = ((i+2) >= vertexes.size()) ? vertexes.size()-1 : (i+2);
                
                trianglePolyLine( vertexes[a], vertexes[b], vertexes[c], vertexis[d],<span style="font-family:'courier new', courier, monospace;">mesh</span> );
            }