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

旋转前:

旋转后:

相关推荐
WZF-Sang1 天前
网络基础——2
服务器·网络·c++·学习·网络编程·php
心中有国也有家1 天前
E-Brufen 技术选型全景:Flutter + 鸿蒙 + Hive CE
hive·hadoop·学习·flutter·华为·harmonyos
New农民工1 天前
射频芯片学习-ExpressLRS 对频流程分析
学习
Tom@敲代码1 天前
js学习笔记-01
javascript·笔记·学习
辞旧 lekkk1 天前
【Qt】 系统相关:事件与定时器
开发语言·qt·学习·萌新
zzzll11111 天前
如何学习AI Agent?
java·人工智能·学习·程序员·大模型
默默敲代码的徐哥儿1 天前
八股文整理——后端
java·开发语言·spring boot·后端·学习
巴巴媛6661 天前
STM32学习笔记【32.BKP + RTC】
笔记·stm32·学习
网络与设备以及操作系统学习使用者1 天前
通信的物理与逻辑双维度解析
学习·深度优先