glsl着色器学习 (十一)旋转

旋转和缩放是一样的,都是变化矩阵,只是将缩放矩阵替换成旋转矩阵

修改矩阵如下:

javascript 复制代码
// 创建一个单位矩阵
const rotationMatrix = mat4.create();
// 按照Z轴顺时针旋转30°并返回
mat4.fromRotation(rotationMatrix,  -(Math.PI / 180) * 30, [0, 0, 1]);

gl.uniformMatrix4fv(matrixUniformLocation, false, rotationMatrix);

fromRotation是将给定的矩阵,按照给定的轴旋转后返回。

0,0,1三维向量表示X,Y,Z三个分量,这里表示按照Z轴旋转。

旋转前:

旋转后:

相关推荐
凌云若寒42 分钟前
BarTender提示#807错误:无法在拥有其他许可证的Licensing Service上激活节点锁定的 Professional 版许可证 的解决办法
运维·服务器·前端·学习·软件需求
爱吃苹果的日记本2 小时前
离散数学第七课
学习·离散数学
迪丽热爱2 小时前
多媒体应用31-914(计算机硬件与体系结构)
学习
dadaobusi2 小时前
学习:BPU
学习
ab1237682 小时前
OpenCV 学习笔记
笔记·opencv·学习
磁场转动100万匹3 小时前
Hive 学习第一天:搞懂它是什么,并搭好可用的环境
hive·hadoop·学习
dadaobusi4 小时前
RDMA最新进展
学习
我命由我123454 小时前
金融租赁极简理解
经验分享·学习·职场和发展·金融·求职招聘·职场发展·学习方法
辣知4 小时前
辣知·化智75 道德经带给现代人的智慧
学习
小黄人软件4 小时前
aipy 智能体学习2:源码运行执行轨径主干
学习