榆林免费做网站建立公司网站的好处

---

前言

在Shader中，我们经常对顶点进行旋转变换。我们在这篇文章中了解一下旋转使用的旋转矩阵。

---

一、旋转矩阵的原理

我们先在2D平面下，了解2D原理

1、我们以原点为中心，旋转坐标轴θ度

我们需要求的就是坐标系旋转后，P点在旋转后坐标系中的位置。

因为，我们旋转物体时，我们是围绕着一个轴旋转。
旋转后，我们需要求的就是物体顶点围绕该轴旋转后的坐标位置。
这里我们的 P 点就像 模型的顶点一样，得到P点的位置，就相当于得到了模型顶点在旋转后的位置。

• 旋转前 P₁(2,3)
• 旋转后 P₂ (?,?)
  

2、求 P_2x：

• 求 P_2x 可以化为求 OB + BC
  

• 求OB：
  

• 求BC：
  

• P_2x = OB + BC
  P_2x = OB + BC = cos(θ)P_1x + sin(θ)P_1y

3、求P_2y:

• 求P_2y可以化为求 OC - AC
  
• 求OC：
  
• 求AC:
  
• P_2y = OC - AC
  P_2y = OC - AC = cos(θ)P_1y - sin(θ)P_1x

4、最后得到 P₂点 的点阵

这个点阵就是我们旋转矩阵的核心

• P_2x = OB + BC = cos(θ)P_1x + sin(θ)P_1y
• P_2y = OC - AC = cos(θ)P_1y - sin(θ)P_1x

5、该点阵可以拆分为以下两个矩阵相乘的结果

因为，我们该点阵目前是在二维平面旋转。所以，可以认为我们是围绕 z 轴在旋转。

• M_rotate就是我们的旋转矩阵
• P₁ 就是我们旋转前的点
  

---

二、在Shader中，使用该旋转矩阵实现围绕 z 轴旋转

1、在属性面板定义 float 变量作为旋转的角度θ

_Angle(“Angle”,Float) = 0

2、在常量缓冲区申明该变量

CBUFFER_START(UnityPerMaterial)
float _Angle;
CBUFFER_END

3、在 顶点着色器 定义旋转矩阵

float2x2 M_rotate = float2x2
(
cos(_Angle),sin(_Angle),
-sin(_Angle),cos(_Angle)
);

4、用旋转矩阵乘以顶点的 xy 实现围绕z轴旋转

v.vertexOS.xy = mul(M_rotate,v.vertexOS.xy);

5、效果

围绕x轴旋转 和 围绕y轴旋转，我们可以修改 .xy 来实现。

三、测试代码

//平移变换
//缩放变换
//旋转变换
Shader "MyShader/URP/P3_5_5"
{Properties{_Translate("Translate(XYZ)",Vector) = (0,0,0,0)_Scale("Scale(XYZ)",Vector)= (1,1,1,1)_Angle("Angle",Float) = 0}SubShader{Tags{"PenderPipeline"="UniversalPipeline""RenderType"="Opaque""Queue"="Geometry"}Pass{HLSLPROGRAM#pragma vertex vert#pragma fragment frag#include "Packages/com.unity.render-pipelines.core/ShaderLibrary/Color.hlsl"#include "Packages/com.unity.render-pipelines.universal/ShaderLibrary/Core.hlsl"#include "Packages/com.unity.render-pipelines.universal/ShaderLibrary/Lighting.hlsl"struct Attribute{float4 vertexOS : POSITION;};struct Varying{float4 vertexCS : SV_POSITION;};CBUFFER_START(UnityPerMaterial)float4 _Translate;float4 _Scale;float _Angle;CBUFFER_ENDVarying vert (Attribute v){Varying o;//平移变换float4x4 M_Translate = float4x4(1,0,0,_Translate.x,0,1,0,_Translate.y,0,0,1,_Translate.z,0,0,0,1);v.vertexOS = mul(M_Translate,v.vertexOS);//缩放交换float4x4 M_Scale = float4x4(_Scale.x,0,0,0,0,_Scale.y,0,0,0,0,_Scale.z,0,0,0,0,1);v.vertexOS = mul(M_Scale,v.vertexOS);//旋转变换float2x2 M_rotate = float2x2(cos(_Angle),sin(_Angle),-sin(_Angle),cos(_Angle));v.vertexOS.xy = mul(M_rotate,v.vertexOS.xy);o.vertexCS = TransformObjectToHClip(v.vertexOS.xyz);return o;}half4 frag (Varying i) : SV_Target{return 1;}ENDHLSL}}
}