TextureShader shader;
model = model_head;
for (int i = 0; i < model->nfaces(); i++) {
    Vec4f screen_coords[3];// 投影轉換後的座標
    for (int j = 0; j < 3; j++) {
        screen_coords[j] = shader.vertex(i, j);
    }
    // 先忽略PixelShader，現在要的是線框，不是像素著色
    // triangle(screen_coords, shader, device); 
    drawTriangleLine(screen_coords, black);// 類似gl.LINE的線段繪製
}

struct LineShader : public IShader {
    // Vertex Shader: 處理座標投影轉換
    virtual Vec4f vertex(int iface, int nthvert) ...

    // Pixel Shader: 處理P點的像素顏色, Vec3f bar為重心座標alpha, beta, gamma
    virtual bool fragment(Vec3f bar, UI32& color) {
        float offset = 0.01; //容許的誤差範圍
        if (bar[0] <= offset || bar[1] <= offset || bar[2] <= offset) 
            color = 0x000000; // 黑色線框
        else 
            color = 0xFFFFFF; // 物體原本的顏色,這裡用白色代替
        return false;
    }
};

struct WireframeShader : public IShader {
    Vec2f screen_coords[3];
    Vec3f wire_color = Vec3f(0, 0, 0); // 黑色線框
    Vec3f fill_color = Vec3f(1, 1, 1); // 物體顏色, 這裡先用白色代替 
    float width = 0.5; // 線框寬度
    // Vertex Shader
    virtual Vec4f vertex(int iface, int nthvert) {
        // ...處理座標轉換省略
        // 紀錄這片三角形投影後的三個頂點,
        // 作用的地方是光柵時的螢幕座標系, Clip Space /w->NDC->Screen Space
        screen_coords[nthvert] = proj<2>(pos / pos[3]);
        return pos;
    }
    // Pixel Shader: 最短邊距法線段繪製
    virtual bool fragment(Vec3f bar, UI32& color) {
        float d = getMinDistToEdge(bar);

        if (d < width) c = wire_color;
        else c = fill_color;
        
        color = rgb2hex(c[0] * 255, c[1] * 255, c[2] * 255);// 0~1轉換成0~255
        return false;
    }
    
    float getMinDistToEdge(Vec3f bar) {
        float dist[3];
        auto getLength = [&](Vec2f& v) {return std::sqrt(v.x * v.x + v.y * v.y); };
        // 透過三個頂點與重心座標回推掃描線p點，proj<2>:將Vec3捨棄z值轉換為Vec2
        // P = A*alpha + B*beta + C*gamma
        Vec2f p = proj<2>(
            screen_coords[0] * bar[0] + 
            screen_coords[1] * bar[1] + 
            screen_coords[2] * bar[2]);

        Vec2f v0 = screen_coords[2] - screen_coords[1];
        Vec2f v1 = screen_coords[2] - screen_coords[0];
        Vec2f v2 = screen_coords[1] - screen_coords[0];
        // v1,v2外積取得三角形面積，原本要在乘上的1/2，不過後續的運算會消掉
        float area = abs(v1.x * v2.y - v1.y * v2.x);

        // area*alpha:因為重心座標即為為a,b,c三區域佔總體的面積比值
        // 可以直接將整體面積(Area)乘上a,b,c重心座標來取得各塊區域面積
        // 再透與三塊面積取高，得出p點與各邊界的距離d為
        dist[0] = area * bar[0] / getLength(v0);
        dist[1] = area * bar[1] / getLength(v1);
        dist[2] = area * bar[2] / getLength(v2);

        return min(dist[0], min(dist[1], dist[2]));
    }
};

struct WireframeShader : public IShader {
    Vec2f screen_coords[3];
    Vec3f wire_color = Vec3f(0, 0, 0); // 黑色線框
    Vec3f fill_color = Vec3f(1, 1, 1); // 物體顏色, 這裡先用白色代替 
    float width = 2; // 線框寬度
    // Vertex Shader 同上
    virtual Vec4f vertex(int iface, int nthvert)...

    // Pixel Shader: 反鋸齒的最短邊距法繪製
    virtual bool fragment(Vec3f bar, UI32& color) {
        float d = getMinDistToEdge(bar);
        // 對線框寬度的+/-1邊界進行平滑
        // 帶入最短距離d得出width邊界所對應的線框顏色的強度 I
        // 如果d<=width-1，那I就一定是1
        float I = smoothstep(width - 1, width + 1, d);
        // 進行Alpha blending，將線框與物體顏色照比例混合
        Vec3f c = wire_color * I + fill_color * (1.0 - I);
        color = rgb2hex(c[0] * 255, c[1] * 255, c[2] * 255);
        return false;
    }
    float smoothstep(float edge0, float edge1, float x) {
        // Scale, bias and saturate x to 0..2 range
        x = clamp((x - edge0) / (edge1 - edge0), 0.0, 2.0);
        return  exp2(-2 * x * x);
    }
    float clamp(double d, double min, double max) {
        const double t = d < min ? min : d;
        return t > max ? max : t;
    }
    float getMinDistToEdge(Vec3f bar)...
};