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轴旋转。 旋转前: ![](https://i-blog.csdnimg.cn/direct/c7e80fd8ba5144de892e1966177e7e08.png) 旋转后: ![](https://i-blog.csdnimg.cn/direct/4b6e552f280a45c7802b9e4d5c1132fe.png)

相关推荐
leiming62 分钟前
CAN 通信协议学习讲义(带图文 + C 语言代码)
c语言·开发语言·学习
星空1 小时前
RAG学习第一节
学习
知识分享小能手1 小时前
MongoDB入门学习教程,从入门到精通,MongoDB入门指南 —— 知识点详解(2)
数据库·学习·mongodb
炽烈小老头1 小时前
【 每天学习一点算法 2026/03/24】寻找峰值
学习·算法
Nan_Shu_6142 小时前
学习:Cesium (3)
学习
C羊驼3 小时前
C语言学习笔记(十五):预处理
c语言·经验分享·笔记·学习·算法
2501_918126914 小时前
学习python所有用来写ai的语句
人工智能·python·学习
weixin_443478514 小时前
flutter组件学习之对话框与提示详解
javascript·学习·flutter
lightqjx4 小时前
【前端】前端学习一之HTML从入门到精通
前端·学习·html