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轴旋转。

旋转前:

旋转后:

相关推荐
艾莉丝努力练剑3 分钟前
【MYSQL】MYSQL学习的一大重点:事务(下)- InnoDB 事务隔离性原理(MVCC 视角)
android·数据库·b树·sql·学习·mysql·面试
懿路向前15 分钟前
【HarmonyOS学习笔记】2026-08-05 | 端插件卡片绑定与跨上下文判断
笔记·学习·ai编程·harmonyos
YUS云生1 小时前
大模型学习·第44天:Chroma向量数据库与RAG链式组装
数据库·学习
咸鱼翻身小阿橙14 小时前
现在这个四通道出现的问题
学习
云贝教育-郑老师16 小时前
OceanBase 是如何搞定海量数据分片(Sharding)的?
学习·oceanbase·dba
编程圈子16 小时前
电机驱动开发学习23. 保护体系与故障状态机
驱动开发·学习
别动我齐刘海17 小时前
Day6 unitree_G1人形机器人GMR—— MotionInput
c语言·c++·人工智能·学习·机器学习·机器人·github
神秘的MT18 小时前
C# WinForm Socket 服务器 + 串口转发
服务器·网络·学习·c#
zzzll111119 小时前
0基础入门大模型:一份清晰的学习路线图
人工智能·学习·chatgpt
正经人_x19 小时前
学习日记48:DenseCLIP
学习