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

旋转前:

旋转后:

相关推荐
a1117766 小时前
2FA 验证码生成器(github登录验证 app)
笔记·学习
我的xiaodoujiao7 小时前
API 接口自动化测试详细图文教程学习系列32--Allure测试报告2
python·学习·测试工具·pytest
你想知道什么?8 小时前
线性回归-学习笔记
笔记·学习·线性回归
鱼毓屿御8 小时前
从「只会聊」到「边想边做」的跃迁
前端·学习·react.js
AOwhisky10 小时前
Python 学习笔记(第十五期)——运维自动化(下·后篇):堡垒机实战——paramiko高阶篇
运维·python·学习·云原生·自动化·运维开发
minglie111 小时前
zynq中linux系统的自动登录和免密登录
学习
茯苓gao12 小时前
嵌入式开发笔记:Qt信号槽机制深度解析——从原理到实战的全方位指南
开发语言·笔记·嵌入式硬件·qt·学习
我想我不够好。13 小时前
监控学习 7.23 1.5hour
学习
泰勒朗斯15 小时前
Helicopter FBI-405尾电机版本设置
学习
minglie116 小时前
香橙派zero3配个iic屏显示ip
linux·学习