glsl着色器学习 (十二)平移

平移和旋转、缩放是一样的,替换成平移矩阵即可;

// 创建一个单位矩阵
const translateYMatrix = mat4.create();

// 沿着Y轴向下平移1个单位
mat4.fromTranslation(translateYMatrix, [0, -1, 0]);

// 设置矩阵
gl.uniformMatrix4fv(matrixUniformLocation, false, translateYMatrix);

平移前:

glsl着色器学习 (十二)平移_第1张图片

平移后:

glsl着色器学习 (十二)平移_第2张图片

你可能感兴趣的:(着色器,学习)