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

旋转前:

旋转后:

相关推荐
lengxuemo8 小时前
ICC2学习笔记之Placement and Optimization
笔记·学习
温柔只给梦中人8 小时前
NLP学习:注意力机制
人工智能·学习·自然语言处理
逐影者3979 小时前
ch592f学习
学习
小满Autumn10 小时前
MVVM Light 架构笔记:定位器、命令、消息与 IoC 实践
笔记·学习·架构·c#·上位机·mvvm
蓝黑墨水10 小时前
动画角色的整个流程
学习
ZK_H11 小时前
MFC学习——简易计算器以及跨应用通信
学习·5g·mfc
踏着七彩祥云的小丑13 小时前
Go学习第1天:入门
开发语言·学习·golang·go
憧憬成为web高手13 小时前
[0CTF 2016]piapiapia
学习
imDwAaY13 小时前
贝叶斯网络到粒子滤波Python算法实现 CS188 Proj4 学习笔记
网络·人工智能·笔记·python·学习·算法