Shader GLSL 3D旋转函数

已于 2024-06-13 09:43:13 修改
阅读量317 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： OpenGL Shader 编程 文章标签： Shader 3D Matrix
于 2024-05-24 16:45:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Kennethdroid/article/details/139178744
本文深入探讨了在Shader中使用GLSL实现3D物体旋转的函数，讲解了如何通过矩阵变换来完成3D空间中的旋转操作，并结合numpy进行数值计算。适合对3D图形编程和GLSL感兴趣的读者。 
mat4 rotationMatrix(vec3 axis, float angle) {
   
   
    axis = normalize(axis);
    float s = sin(angle);
了解本专栏 订阅专栏 解锁全文 超级会员免费看
ShaderJoy —— 超实用 GLSL 函数之 “绕任意轴旋转点”（一）
ShaderJoy 的兴趣技术杂货铺
12-13 2480
绕任意轴旋转点 以下代码中的函数的作用是返回三维点 p 绕轴 ax 旋转 ro 角度的后的三维点 p' 。这个旋转以原点为中心。值得注意的是 ax 必须标准化（normalized）。 下图说明了该函数的作用。p' 是返回值。 vec3 erot(vec3 p, vec3 ax, float ro) { return mix(dot(ax, p)*ax, p, cos(ro)) + cross(ax, p)*sin(ro); } 原理详解 mix(dot(ax,...
ShaderJoy —— 纯 shader 实现立方体绕任意轴旋转（四元数）【GLSL】
ShaderJoy 的兴趣技术杂货铺
02-20 1920
效果图 球面线性插值旋转的效果 简单线性插值旋转的效果 基础知识 四元数是什么呢？简单来说，四元数本质上是一种高阶复数，是一个四维空间，相对于复数的二维空间。一个复数由实部和虚部组成，即 ，i 是虚数单位，有。而四元数其实和我们学到的这种是类似的，不同的是，它的虚部包含了三个虚数单位，i、j、k，即一个四元数可以表示为。 我们现在已知一个四元数可以表示为 ，现在就来回答这样一个简单的式子是怎么和三维旋转结合在一起的。为了方便，我们下面使用 ，其中 v 是向量，w 是实...
glsl-y-rotate:生成旋转矩阵的GLSL模块
05-18
glsl-y-rotate 生成旋转矩阵的GLSL模块。 推荐使用 。 用法 2D（垫子2） #pragma glslify : rotate = require(glsl - y - rotate) const float DEG_TO_RAD = 3.141592653589793 / 180.0 ; void main( void ) { vec2 pos = vec2 ( 1.0 , 0.0 ); pos = rotate( 45.0 * DEG_TO_RAD) * pos; } 3D（mat3） #pragma glslify : rotateX = require(glsl - y - rotate / rotateX) #pragma glslify : rotateY = require(glsl - y - rotate / rotateY)
3D-glsl-rotate.zip
09-17
3D-glsl-rotate.zip,带矩阵的glsl旋转函数：2d和3d（带x/y/z便利函数）。,3D建模使用专门的软件来创建物理对象的数字模型。它是3D计算机图形的一个方面，用于视频游戏，3D打印和VR，以及其他应用程序。
GLSL——旋转、平移和缩放
m0_67555362的博客
10-12 2839
shader 矩阵旋转、平移、缩放
GLSL绘制旋转的地球
liji_digital的博客
03-05 1210
直接上代码：h文件：#ifndef MAINWINDOW_H #define MAINWINDOW_H #include <QOpenGLWidget> #include <QOpenGLFunctions> #include <QOpenGLTexture> #include <QOpenGLShader> #include <QOpenG...
卜若的代码笔记-webgl系列-第二十二章：glsl的应用(二)>利用shader让图像旋转
qq_37080133的博客
09-22 390
1 在上一章中，我们发现了一个奇怪的bug，我们的图像居然是反的！！卧槽？？这怎么能忍？主要原因是我没有分配正确的uv，这其实并不重要，我只需要然fragShader里面的uv坐标旋转一下就行啦~ 旋转公式： float s = sin(coe)*(v_TexCoord.x-0.5)+cos(coe)*(v_TexCoord.y-0.5); ...
ShaderJoy —— 五种超实用的 GLSL 函数代码（二）
ShaderJoy 的兴趣技术杂货铺
12-13 2027
当我们标准化一个高斯分布的向量，我们得到一个均匀随机的单位向量【相对均匀】。换句话说，它创建的矩阵除了对角线之外都是零，对角线上的值就是你传入的值。该函数找到直线上最接近 p 点的点，然后返回到 p 点的距离。这是通过把这个点投影到直线上，然后截断它的投影，使它在端点之间。我们所做的是将两个 int 值放入一个特殊的多项式函数中，然后将其转换为浮点数，并将结果映射到 (- 1,1) 的范围内。假设我们直接将一个方框中的向量映射到一个球面上的向量，我们会得到的是。没有它，我们得到的值就不是随机的。
ShaderJoy —— 转圈圈的进度条（等片缓冲ing）【GLSL】
ShaderJoy 的兴趣技术杂货铺
01-20 1727
效果图 核心设计思路 一、绘制圆环 我们可以通过将两个半径不同的圆进行相减来得到圆环 /// @note 圆环 float mask = Circle(uv, vec2(0., 0.), 0.5, 0.01); mask -= Circle(uv, vec2(0., 0.), 0.35, 0.01); 二、营造旋转 将 uv 坐标换算到极坐标的角度（并重新映射到 0.-1.） float angle = atan(uv.y, uv.x)...
glsl着色器学习 （十一）旋转
最新发布
localhost
09-04 542
0,0,1]三维向量表示X,Y,Z三个分量，这里表示按照Z轴旋转。是一样的，都是变化矩阵，只是将缩放矩阵替换成旋转矩阵。是将给定的矩阵，按照给定的轴旋转后返回。
OpenGL 着色器基础 - 旋转平移调试
04-18
本资源是本人相关博客内容的相关代码，包含了全部的VS2015 工程文件、环境配置、OpenGL工具库、源码及注释。博客地址： https://blog.youkuaiyun.com/xiongyuanxy/article/details/89356061 因为博客比较长，偏重相机原理介绍，所以特地上传代码给学习OpenGL的同学使用。代码已经编译调试通过。Debug模式和Release模式的依赖库都配置好了，可以作为其他OpenGL开发的起始程序。 操作说明： 程序开始后，可以拖动鼠标左键和右键进行视角旋转。中键负责平移，滚轮负责缩放。 着色器部分，只包含最简单的顶点着色器和片元着色器。 本例中使用OpenGL传统管线渲染了坐标轴和屏幕文字，用于输出参考信息，确认着色器的正确性，方便初学者学习着色器。每行代码都有注释，请认真理解。
04-初始OpenGL ES-用GLSL简单实现一个三角形金字塔旋转的案例
lyz0925的博客
04-16 733
** 前言** 实现OpenGS 实现三角形金字塔旋转的案例有两种方法，一种是用GLKit框架实现，一种是用GLSL来实现。 两种实现方式的区别： GLKit 封装了GLSL的代码，提供了一些常用的方法。用起来相对比较简单，但是GLKit只能在屏幕上只支持3个光源和2个纹理的渲染。 GLSL可以自由发挥，没有GLKit的限制。但是GLSL需要自己实现顶点着色器和片元着色器的渲染工作。相对比...
探索高效旋转：glsl-rotate开源项目深度解析
gitblog_01166的博客
08-30 655
探索高效旋转：glsl-rotate开源项目深度解析 在图形处理和3D渲染的世界中，旋转操作是不可或缺的一部分。今天，我们将深入探讨一个强大的开源项目——glsl-rotate，它为开发者提供了在GLSL中进行2D和3D旋转的便捷工具。 项目介绍 glsl-rotate是一个专门为GLSL（OpenGL Shading Language）设计的旋转函数库。它提供了2D和3D旋转矩阵的实现，并且包括...
glsl 图片旋转不变形
qf6877的博客
07-31 1001
shader 脚本里面图片纹理需要旋转时，步骤如下： 1、把坐标中心移到屏幕中间， 2、把xy坐标校正成比例一致 3、图片旋转 4、把xy坐标返回成原比例 3、再把坐标平移到原位置 假如说没有xy比例校正容易出现图片旋转后拉伸情况，shader toy 的代码如下 vec2 rotate2D(vec2 _st, float _angle, float aspt){ _st -= 0.5; _st.x = _st.x * aspt; _st = mat2(cos(_a...
GLSL矩阵变换详解（二、旋转变换、平移变换以及QMatrix4x4）
liji_digital的博客
02-25 1万+
本篇博客展示4个例子，都是关于旋转变换、平移变换和QMatrix的操作。在QT的帮助中，提到QMatrix是行主序。而opengl的矩阵是列主序的。乍一看，将QMatrix传入shader之前，qmatrix需要做转置处理。但是在实际的尝试中，我发现矩阵不应转置。我们从前面的博客 Qt结合GLSL贴出纹理（二、采用QOpenGLShaderProgram和QOpenGLTexture）出发，在那篇...
四、 OpenGL ES GLSL图片倒置的翻转解决方案（6种）
lin1109221208的博客
07-31 2694
在OpenGL ES 案例04：GLSL加载图片案例中，我们发现加载的图片是倒置的，如下图所示 倒置的原因很简单，主要是由于纹理坐标的原点（0，0）是在左下角，而屏幕的坐标原点（0，0）是在左上角，形成倒置图形的过程如图所示 下面介绍几种纹理倒置的解决方案 方案一：图形顶点翻转180°，纹理保持原状 图形顶点利用旋转矩阵旋转180°，如图所示 在自定义的顶点着色器中实现顶点数据的翻转180°，需要将顶点 * 旋转矩阵，得到新的顶点坐标，在赋值给内建变量gl_Position attribute v
Unity中Shader旋转矩阵（四维旋转矩阵）
楠溪泽岸的博客
12-22 2890
在上篇文章中，我们推算出了Shader物体旋转所使用的二维旋转矩阵。在这篇文章中，我们来推算得到四维旋转矩阵。
Three.js-着色器（glsl内置函数）
damadashen的博客
07-15 6158
Threejs中着色器（glsl内置函数）的介绍及使用，利用内置函数实现各种图形及效果。
Unity&Shader案例篇—旋转、平移和缩放
热门推荐
Just do IT
07-25 1万+
一、前言      在Unity中通过控制物体的Transform可以很容易的对物体进行旋转、平移和缩放，得到一些简单的动画效果。但是有个不好的地方是，一旦这个物体上有碰撞体的话，会跟环境发生碰撞。我就就想能不能在不麻烦特效动画那边的情况下，自己用Shader去处理一些基于模型顶点或贴图的dong动画效果。如图所示是我完全使用Shader处理处理的顶点的xuan旋转、平移和缩放，另外还有两个是贴...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

字节流动

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值