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

旋转前:

旋转后:

相关推荐
Dovis(誓平步青云)5 分钟前
《QT学习第五篇:QSS美化界面与API绘图》
开发语言·数据库·qt·学习·时序数据库·开源智能体
数智工坊16 分钟前
周志华《Machine Learning》学习笔记--第十六章--强化学习
笔记·学习·机器学习
知南x24 分钟前
【DPDK例程学习】(1) helloworld
学习·word
Sc Turing27 分钟前
【AI学习0611】
学习
GHL28427109027 分钟前
Trae学习
学习
一锅炖出任易仙28 分钟前
创梦汤锅学习日记day31
学习·ai
MartinYeung541 分钟前
[论文学习]DP 微调 LLM 隐私防护实证研究:方法比较与洞见
网络·学习
星夜夏空9942 分钟前
STM32单片机学习(36) —— RTC
stm32·单片机·学习
Kobebryant-Manba1 小时前
学习语言模型
人工智能·学习·语言模型
憧憬成为web高手3 小时前
[HITCON 2017]SSRFme
学习