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

旋转前:

旋转后:

相关推荐
一尘之中4 小时前
从C语言底层设计到系统架构评估:软件架构知识体系全景
学习·系统架构·ai写作
GISer_Jing4 小时前
Three.js着色器编译机制深度解析
javascript·webgl·着色器
星夜夏空995 小时前
FreeRTOS学习(4)——内存映射
数据库·学习·mongodb
不羁的木木5 小时前
ArkWeb实战学习笔记05-综合实战:构建混合应用
笔记·学习·harmonyos
橙橙笔记6 小时前
Python的学习第一部分
python·学习
bush46 小时前
嵌入式linux学习记录二
linux·运维·学习
元气少女小圆丶8 小时前
SenseGlove Nova 2+Unity开发笔记1
笔记·学习·unity
nashane8 小时前
HarmonyOS 6学习:应用退出动画优化实战——从“闪退“到优雅退出的完美蜕变
学习·华为·harmonyos
-To be number.wan9 小时前
算法日记 | 暴力枚举
学习·算法
SNKXD_110 小时前
2026品牌运营团队AI营销培训:TOP5轻量化课程适配常态化技能升级学习
大数据·人工智能·学习