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轴旋转。 旋转前: ![](https://i-blog.csdnimg.cn/direct/c7e80fd8ba5144de892e1966177e7e08.png) 旋转后: ![](https://i-blog.csdnimg.cn/direct/4b6e552f280a45c7802b9e4d5c1132fe.png)

相关推荐
列星随旋5 小时前
线段树和树状数组的学习
学习·算法
辰海Coding6 小时前
MiniSpring框架学习-整合 IoC 和 MVC(NPC)
学习·spring·mvc
threelab7 小时前
Three.js 加载 3D Tiles 瓦片数据 | 三维可视化 / AI 提示词
开发语言·前端·javascript·人工智能·3d·着色器
知识分享小能手8 小时前
Flask入门学习教程,从入门到精通,数据库操作 — 知识点详解与案例代码(4)
数据库·学习·flask
wubba lubba dub dub7509 小时前
第四十八周学习周报
学习
生成论实验室9 小时前
用事件关系网络重新理解AI(三):激活函数、微调与元学习
人工智能·学习·算法·语言模型·可信计算技术
辰海Coding10 小时前
MiniSpring框架学习-为什么一个请求访问 /helloworld,最后能调用到某个 Controller 方法?原始 MVC实现
java·学习·程序人生·spring·mvc
凉、介10 小时前
深入理解 ARMv7-A|异常/中断处理
笔记·学习·嵌入式·arm
wxytxdy10 小时前
通过猜数字游戏学习Shell脚本的分支、循环编写
linux·学习
我想我不够好。10 小时前
观察对方打野的动向,预判下一次gank的时机
学习