Question

我是WebGL的新手，并且会在我的函数中添加网格线。我在这里试过了重心坐标方法：

这没有用。此外，当我尝试编译着色器时，未定义本文中描述的fwidth函数。

在webgl中将网格线添加到函数曲面的最简单方法是什么？我没有使用THREE.js，而是宁愿在没有库的情况下对其进行编码。

谢谢，星

Answer 1

为了那篇文章的目的，重心坐标只是将（1,0,0）指定给三角形的第一个顶点，将（0,1,0）指定给第二个，将（0,0,1）指定给第三个顶点。

然后绘制线框，它基本上就是这样：

if(any(lessThan(attr_bcoords, vec3(0.012)))){
    color = vec4(0.0, 0.0, 0.0, 1.0); // black
}

fwidth版本更好，因为它会绘制反锯齿线。