ShaderJoy —— 纯 shader 实现立方体绕任意轴旋转（四元数）【GLSL】

已于 2025-01-02 18:54:36 修改
阅读量1.7k 收藏 2
点赞数
分类专栏： ShaderJoy —— Shader 实例详解【重制版】 文章标签： shader glsl quaternion opengl
于 2021-02-20 14:05:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/panda1234lee/article/details/113881330
版权
该博客通过ShaderJoy展示了如何使用四元数在GLSL中实现立方体绕任意轴的旋转。讨论了四元数的基本概念，比较了矩阵、欧拉和四元数旋转的优缺点，并详细介绍了四元数旋转的核心算法，包括nlerp和slerp。最后提供了完整的GLSL代码和注释。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、效果图

球面线性插值旋转的效果

简单线性插值旋转的效果

如果感觉前两幅图不太直观的话，可以看下面这幅

 展示了在白色和灰色（二维）向量之间插值的效果，显然（nlerp）橙色和（lerp）蓝色线段的“速度”不如（slerp）绿色线段

了解本专栏 订阅专栏 解锁全文
ShaderJoy —— 超实用 GLSL 函数之 “绕任意轴旋转点”（一）
ShaderJoy 的兴趣技术杂货铺
12-13 2297
绕任意轴旋转点 以下代码中的函数的作用是返回三维点 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 —— 五种超实用的 GLSL 函数代码（二）
ShaderJoy 的兴趣技术杂货铺
12-13 1822
当我们标准化一个高斯分布的向量，我们得到一个均匀随机的单位向量【相对均匀】。换句话说，它创建的矩阵除了对角线之外都是零，对角线上的值就是你传入的值。该函数找到直线上最接近 p 点的点，然后返回到 p 点的距离。这是通过把这个点投影到直线上，然后截断它的投影，使它在端点之间。我们所做的是将两个 int 值放入一个特殊的多项式函数中，然后将其转换为浮点数，并将结果映射到 (- 1,1) 的范围内。假设我们直接将一个方框中的向量映射到一个球面上的向量，我们会得到的是。没有它，我们得到的值就不是随机的。
固定管线shader以及unity旋转四元数
Fatestay_DC的专栏
12-10 940
Shader "Custom/fg" { Properties { _Color("Main Color", Color) = (1,1,1,1) _Ambient("Ambient",Color) = (1,1,1,1) _Specular("Specular",Color) = (1,1,1,1) _emmision("Emi
在 Shader 中使用四元数
aa20274270的博客
09-08 2143
Shader 代码： vec4 quaternionMul(vec4 q, vec4 r) { vec3 qv = q.xyz; vec3 rv = r.xyz; return vec4( cross(qv, rv) + qv * r.w + q.w * rv, q.w * r.w - dot(qv, rv)); } vec4 rotate(vec4 q, vec4 p) {
shader旋转
李长江的博客
11-20 2257
本篇文章主要是教大家如何通过Shader实现UV旋转动画，实现一个旋转效果。方法就是将整个Texture改变Rotate进行旋转，不过在在编写Shader之前需要先给大家科普一个图形学知识。 一、矩阵乘法 前提：只有第一个矩阵的列数（column）和第二个矩阵的行数（row）相同时才有意义。 定义： 二、旋转矩阵 旋转矩阵的公式如下图： 其中这个x，y是纹理坐标。 Shader效果图如下： Shader "Custom/Simple" ...
如果在glsl中，通过四元数旋转一个顶点？
siwen0的博客
09-12 393
原文：How to Rotate a Vertex by a Quaternion in GLSL (*Updated*) | Geeks3DIn a vertex shader, the rotation and position are usually encoded in the model matrix and we have something like this: vec4 worldPos = ModelMatrix * InPosition; Here is another method t
GLSL立方体渲染基础演示教程
### GLSL与立方体渲染 #### 1. GLSL简介 GLSL（OpenGL Shading Language）是用于在OpenGL图形处理单元（GPU）上编程的高级着色语言。它是C语言的一个子集，专为渲染图形和处理图像而设计。GLSL允许开发者编写可以...
OpenGL立方体在世界坐标系中缩放_旋转_平移_顶点片源着色器
03-30
在这个"OpenGL立方体在世界坐标系中缩放_旋转_平移_顶点片源着色器"的项目中，我们将探讨几个核心概念。 首先，让我们从OpenGL的基础开始。OpenGL是一个跨语言、跨平台的图形库，其工作原理是通过向显卡发送指令来...
OpenGL Shader背后的数学：揭秘雪花飘落效果原理
![OpenGL Shader背后的数学：揭秘雪花飘落效果原理]...重点介绍了雪花飘落效果的实现方法，包括物理原理和雪花的渲染技巧。同时，文章还探索了高级雪花效果，并
gml:GLSL像C ++ 11的极简向量，矩阵和四元数数学库
05-20
GML GML（“ GML数学库”的递归首字母缩写）是一种GLSL，类似于C ++ 11的极简向量，矩阵和四元数数学库。 它的API是紧随GLSL之后建模的，因此易于在OpenGL程序中使用。 它提供了大多数GLSL功能以及一些其他功能。 该库不应与或。 设置 这是仅标头的模板库。 只需确保“ gml”目录位于包含路径中，并包含gml.hpp 。 # include < gml> 使用Doxygen生成完整的API文档。 提供了Doxyfile。 用法 只有三个类模板vec （向量）， mat （矩阵）和quaternion （四元数）。 所有gml类型和函数都在名称空间gml下定义（本文档中的示例省略）。 尽管向量和矩阵的大小可以是任何大小，但该库可用于较小的向量和矩阵（2-4列/行）。 为了获得最佳性能，您可能希望使用-O3 -ffast-math -
四元数和旋转矩阵相互转化的算法实现
11-27
讲述四元数和旋转矩阵之间相互转化的学术论文：首先介绍了四元数和旋转矩阵在实现向量旋转中的应用,在此基础上,根据游戏开发的实际需要,讨论了四元数和旋转矩阵之间的相互转化关系。最后,重点分析了由旋转矩阵到四元数的转换算法,并按照计算机程序设计的特殊要求设计了程序。
Unity绘制不规则多边形
08-14
点击鼠标绘制不规则多边形,并计算面积.自己复习几何的时候研究实现的一个小功能,无端被涨价了10倍...
Unity_Shader多变多边形源码
02-23
Unity_Shader多变多边形源码，科技感十足。通过GLSL转换成HLSL，适用于Unity。该shader呈现一个多边形效果，效果犹如一个科技感的视频，非常酷。
opengl 绘制多个立方体旋转
03-28
用opengl 在qt 上绘制多个立方体。并不断旋转。
Shader2.0 旋转
qq_43139546的博客
12-23 363
关于Shader2.0的旋转 Shader2.0顶点着色器的旋转方法： Shader "Hidden/TestXuanZhuan01" { Properties { //这里是设置你要显示的图片，默认是显示纯白色图片 //选择方式是将Material挂载到对象身上之后，在Materal中选择 _MainTex ("Texture", 2D) = "white" {} } Sub...
计算机图形数学相关的笔记 unity 的旋转、欧拉角、四元数、shader点旋转等 待更新。。
失业求捞！
02-05 1271
欧拉旋转 unity欧拉旋转使用的是 yxz的顺序 四元
【Unity Shader】基础知识点笔记（一）：3D数学基础
LVYSLBY的博客
05-02 409
unity shader 数学基础
Unity--四元数（Quaternion）和旋转
最新发布
m1234567q的专栏
05-24 5067
旋转，应该是三种坐标变换——缩放、旋转和平移，中最复杂的一种了。大家应该都听过，有一种旋转的表示方法叫四元数。按照我们的习惯，我们更加熟悉的是另外两种旋转的表示方法——旋转和。矩阵旋转使用了一个4*4大小的矩阵来表示绕任意轴旋转的变换矩阵，而欧拉旋转则是按照一定的坐标轴顺序（例如先x、再y、最后z）、每个轴旋转一定角度来变换坐标或向量，它实际上是一系列坐标轴旋转的组合。那么，又是什么呢？简单来说，四元数本质上是一种高阶复数，是一个四维空间，相对于复数的二维空间。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

ShaderJoy

您的打赏是我继续写博客的动力

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

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

打赏作者

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

抵扣说明：

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

余额充值