前面讲到已经创建了程序对象,链接到顶点着色器和片段着色器,接着继续。
const positionLoc = gl.getAttribLocation(prg, 'position');
const normalLoc = gl.getAttribLocation(prg, 'normal');
const texcoordLoc = gl.getAttribLocation(prg, 'texcoord');
const projectionLoc = gl.getUniformLocation(prg, 'projection');
const modelViewLoc = gl.getUniformLocation(prg, 'modelView');
const diffuseLoc = gl.getUniformLocation(prg, 'diffuse');
const decalLoc = gl.getUniformLocation(prg, 'decal');
const diffuseMultLoc = gl.getUniformLocation(prg, 'diffuseMult');
const lightDirLoc = gl.getUniformLocation(prg, 'lightDir');
获取属性变量位置
- const positionLoc = gl.getAttribLocation(prg,'position');
- 使用gl.getAttribLocation方法从程序对象(上篇文章中的prg)中获取名为'position'的属性变量的位置。这个属性变量在顶点着色器中用于存储顶点的位置信息。在后续渲染过程中,可以通过这个位置来设置顶点的位置数据。
- const normalLoc = gl.getAttribLocation(prg,'normal');
- 获取名为'normal'的属性变量的位置,该变量存储顶点的法线信息,用于光照计算等。
- const texcoordLoc = gl.getAttribLocation(prg,'texcoord');
- 获取名为"texcoord"的属性变量的位置,存储顶点的纹理坐标信息,用于确定如何从纹理图像中采样颜色值。
获取统一变量位置
- const projectionLoc = gl.getUniformLocation(prg,'projection');
- 使用gl.getUniformLocation方法从程序对象中获取为名'projection'的统一变量的位置。这个统一变量在顶点着色器和片段着色器中用于存储投影矩阵,它定义了将3D场景投影到2D屏幕上的方式。
- const modelViewLoc = gl.getUniformLocation(prg,'modelView');
- 获取名为“modelView”的统一变量位置,存储模型视图矩阵,用于将顶点从模型空间转换到视图空间。
- const diffuseLoc = gl.getUniformLocation(prg,'diffuse');
- 获取名为'diffuse'的统一变量位置,对应一个二维纹理采样器,用于从基本颜色中采样颜色值。
- const decalLoc = gl.getUniformLocation(prg,'decal');
- 获取名为'decal'的统一变量位置,对应一个二维纹理采样器,用于从贴花纹理中采样颜色值。
- const diffuseMultLoc = gl.getUniformLocation(prg,'diffuseMult');
- 获取名为'diffuseMult'的统一变量的位置,存储一个四维向量,用于对基本颜色纹理进行缩放。
- const lightDirLoc = gl.getUniformLocation(prg,'lightDir');
- 获取名为'lightDir'的统一变量的位置,存储光照方向向量,用于光照计算。