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

旋转前:

旋转后:

相关推荐
sulikey8 小时前
个人Linux操作系统学习笔记6 - 操作系统与进程初识
linux·笔记·学习·操作系统·进程
unicorn318 小时前
学习学习学习
学习
XGeFei9 小时前
【Fastapi学习笔记(3)】——资源的层级关系、安全性-幂等性、Field、工厂函数
笔记·学习·fastapi
星恒随风10 小时前
Python 基础语法详解(一):从表达式、变量到数据类型
开发语言·笔记·python·学习
tedcloud12311 小时前
cc-switch评测:多AI Coding Agent管理工具详解
数据库·人工智能·sql·学习·自动化
胡图图不糊涂^_^12 小时前
测试BUG篇
学习·bug·测试
humors22114 小时前
学习方法的系统梳理与实践应用
学习·学习方法
爱讲故事的14 小时前
操作系统第一讲复习:为什么学习操作系统,以及操作系统到底在做什么?
linux·开发语言·windows·学习·ubuntu·c#
胡图图不糊涂^_^16 小时前
测试用例篇——设计测试用例的方法
笔记·学习·测试用例·判定表法·正交法生成用例测试·等价类·边界值
Fanfanaas16 小时前
C++ 继承
java·开发语言·jvm·c++·学习·算法