UE材质节点arctangent2解析

节省时间,网上偷的一张图看懂,看不懂再往下看吧 节省时间,网上偷的一张图看懂,看不懂再往下看吧 节省时间,网上偷的一张图看懂,看不懂再往下看吧

Arctangent2Arctangent 仅一字之差,但其用法却截然不同,我们好像学了三角函数,知道arcarctan 但是却好像不太能理解arctangent2是干嘛的??

下面简单回顾一下

1. 正切(Tan)

在三角函数中中,正切 (Tangent, tan)函数是直角三角形中对边与邻边的比值。

tan(x) 输入和输出都是一维的,它的输出在数值上跟直角三角形中的对边与邻边的长度之比相等。

t a n ( θ ) = 对边 邻边 {tan}(\theta) = \frac{\text{对边}}{\text{邻边}} tan(θ)=邻边对边

2. 反正切(Arctangent)

反正切 (Arctangent, atan)是正切函数的逆运算,用于从一个正切值计算出相应的角度值。输入通常是一个已知的比值(对边/邻边),而输出的是相应的角度值。输出和输入都是一维的

3. 反正切2(Arctangent2)

反正切2 (Arctangent2, atan2)是一种更高级的反正切运算。与 Arctangent 不同,Arctangent2 接受两个参数,分别代表三角形的对边和邻边。通过这种方式,Arctangent2 可以区分出点相对于原点的位置,从而计算出准确的角度值(包括象限信息)。

在材质编辑器中,Arctangent2 节点需要两个输入值(通常是 X 和 Y 分量),它会输出一个范围在 π 之间的角度。这种实现方式有效解决了 Arctangent 节点无法判断象限的缺陷。例如,给出坐标 (1, 1) 和 (1, -1),Arctangent 会得出相同的结果,但 Arctangent2 能够识别出它们分别位于第一和第四象限,因此能输出45度和-45度。

在UE材质编辑器中试验一下:

提示:

  • 想要像上图中这样预览窗口不是显示mesh而是整块屏幕作为一个四边形给你预览,只需要在材质编辑器左下角细节面板中,把材质域修改为后期处理 即可。

  • UE中,屏幕空间的UV坐标的U坐标跟笛卡尔坐标系方向一致,也就是向右为正,但是V坐标是向下为正,上面的材质中,我对采样到的UV坐标进行了重新映射,坐标范围变成(-1,1),原点位于屏幕正中间,并对V额外的反向了一下,因此传入arctangent2节点的坐标值跟笛卡尔坐标一致

相关推荐
九流下半13 小时前
threejs 建筑设计(室内设计)软件 技术调研之四 墙体添加真实门窗并保持原材质
材质·threejs 画墙体·threejs 墙体添加门窗
ue星空13 小时前
UE5材质系统之PBR材质
ue5·材质
哈哈地图13 小时前
Cesium材质——Material
材质·cesium
程序员_三木5 天前
Three.js资源-贴图材质网站推荐
javascript·webgl·three.js·材质·贴图
程序员_三木5 天前
React和Three.js结合-React Three Fiber
前端·javascript·react.js·前端框架·webgl·材质
九流下半8 天前
threejs 建筑设计(室内设计)软件 技术调研之二 墙体材质改变
材质·threejs墙体材质·threejs点击切换面颜色·threejs点击切换面材质
ue星空8 天前
UE材质常用节点
ue5·虚幻·材质·虚幻引擎
胡说ba道9 天前
生活小妙招之UE CaptureRT改
ue4·材质
财经科技社12 天前
三思照明匠心之作!在杀菌灯材质上下功夫
材质
程序员_三木12 天前
Three.js入门-材质详解,构建视觉真实感的核心
开发语言·javascript·webgl·three.js·材质