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

旋转前:

旋转后:

相关推荐
工业HMI实战笔记39 分钟前
玩具制造HMI:注塑成型的快速换模与质量监控界面
人工智能·学习·交互·制造
你在我身后1 小时前
发展路线建议
学习
彧azz1 小时前
数据结构:关于图的学习
c语言·数据结构·笔记·学习·算法
苦猿的大模型日记1 小时前
Day57|从0学习 Claude Code(七):我没把说明书全塞给它,用到哪本才翻哪本
学习
GHL2842710902 小时前
豆包以图生图学习
学习·ai
小诗懂技术2 小时前
【硬件学习入门】--嵌入式51单片机点灯与延迟效应
学习
DevangLic2 小时前
opencode go要完蛋了吗
运维·学习
小弥儿2 小时前
GitHub今日热榜 | 2026-09-02:i-have-adhd 登顶
学习·开源
Yanjun2i3 小时前
Agent学习记录四:多工具时如何处理
人工智能·python·学习·agent