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

旋转前:

旋转后:

相关推荐
又是进步的一天24 分钟前
一台虚拟机学习CI流程
学习·ci/cd·云原生·容器·kubernetes·devops
十月的皮皮40 分钟前
C语言学习笔记20260614-数组奇偶数调整3种方法
c语言·笔记·学习
怪我冷i1 小时前
人工智能的数学基础——学习笔记
人工智能·笔记·学习
烁3471 小时前
Oracle学习
数据库·学习·oracle
小的博客1 小时前
Oh-My-Posh安装及使用
学习·数据可视化
186******205311 小时前
新手高效学习知识体系构建指南
学习
俏皮小混子1 小时前
山东大学软件学院项目实训-创新实训-计科智伴(六)——个人博客(后端运行后真实调整)
人工智能·笔记·学习·ui
Suxing91 小时前
C语言基础分享——内存里的“左右手互搏”术:大小端
c语言·开发语言·学习
zhangrelay1 小时前
ROS2 Lyrical 入门+进阶+精通+……
linux·笔记·学习·机器人·课程设计
babe小鑫1 小时前
2026年大数据与计算机专业学习数据分析的技术价值
大数据·学习·数据分析