通常要绘制表面法线,您可以设置单独的缓冲区或几何着色器来完成工作。为一个网格物体设置一个单独的缓冲区以仅仅绘制法线并不重要,并且不需要每个法线的绘制调用,所有的表面法线都将绘制在一个拉线中
既然你会这么做调试的目的,没有必要担心太多的性能,只是坚持更快的方法,让屏幕上的东西
我个人做的方式取决于网格是否有顶点或面法线,我们可以实例用网格中的每个顶点的线填充一个缓冲区,其中顶点本身的偏移量表示您需要使用以下伪代码调试的正常值
var normal_buffer = [];
//tweak to your liking
var normal_length = 10.0;
//this assumes your mesh has 2 arrays of the same length
//containing structs of vertices and normals
for(var i = 0; i < mesh.vertices.length; i++) {
//retrieving the normal associated with this vertex
var nx = mesh.normals[i].x;
var ny = mesh.normals[i].y;
var nz = mesh.normals[i].z;
//retrieving the vertex itself, it'll be the first point of our line
var v1x = mesh.vertices[i].x;
var v1y = mesh.vertices[i].y;
var v1z = mesh.vertices[i].z;
//second point of our line representing the normal direction
var v2x = v1x + nx * normal_length;
var v2y = v1y + ny * normal_length;
var v2z = v1z + nz * normal_length;
buffer.push(v1x, v1y, v1z, v2x, v2y, v2z);
}
以后可以正常进行和缓冲器连接到一个顶点缓冲区对象,并使用任何程序,你想发出一个单一的绘图调用,将提请所有网格法线
vertbuffer = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, vertbuffer);
gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(buffer), gl.STATIC_DRAW);
/* later on in your program */
gl.drawArrays(gl.LINES, 0, buffer.length/3);
的一个很酷的功能的正常的调试是,你可以使用片段着色器中的正常本身作为输出颜色来快速检查它是否指向预期的方向
是的,我意识到了正常的+位置问题。好吧,我从来没有做过几何着色器,我会研究它。谢谢。编辑:我只是意识到,是你的方法发出每一个正常绘制的平局? – Zebrafish