ShaderGraph节点解析(八十六):DDX节点（DDX Node)详解_shader graph 屏幕空间速度线-CSDN博客

本文链接：https://blog.csdn.net/qq_40882017/article/details/149023676

一、节点功能概述

DDX 节点是 Unity Shader Graph 中用于计算屏幕空间偏导数的核心工具，专门用于像素着色器阶段。它返回输入值相对于屏幕空间 x 坐标的偏导数，即输入值在屏幕横向方向上的变化率。这一运算对于实现高级渲染效果（如法线扰动、边缘检测、动态模糊等）至关重要，其核心优势在于：

实时梯度分析：通过计算相邻像素间的变化率，捕捉图像细节与边缘
硬件加速支持：基于 GPU 的专用指令（如 HLSL 的ddx函数）高效实现
多维度兼容性：支持标量（float）到四维向量（float4）的输入类型

二、端口详解

端口名称	方向	类型	描述
In	输入	Dynamic Vector	待求导的输入值（任意维度向量）
Out	输出	Dynamic Vector	屏幕 x 方向的偏导数（∂In/∂x）

三、技术原理解析

3.1 数学定义

DDX 节点计算的是输入值 In 在屏幕空间 x 方向上的偏导数，数学表达式为：

$Out=\frac{\partial In}{\partial x}$

在离散的像素网格中，这等价于相邻像素间的差值：

$Out_{i}\approx In _{i+1} - In_{i}$

其中i为屏幕 x 方向的像素索引。

3.2 生成代码解析

节点基于 HLSL 的ddx函数实现，示例代码如下（以 float4 输入为例）：

hlsl

void Unity_DDX_float4(float4 In, out float4 Out)
{
    Out = ddx(In); // 计算屏幕x方向的偏导数
}

计算方式：GPU 通过比较当前像素与右侧相邻像素的值来估计导数，具体实现依赖硬件优化（如使用纹理过滤单元）。

3.3 与 DDY 节点的对比

DDX 计算 x 方向偏导数，而 DDY 节点计算 y 方向偏导数。两者结合可获取完整的梯度信息（如法线重建）： $\bigtriangledown In=\left (\frac{\partial In}{\partial x} ,\frac{\partial In}{\partial y} \right )$

四、应用场景与实战案例

4.1 法线扰动与细节增强

场景：基于高度图生成法线贴图（浮雕效果）

需求：通过高度图生成伪法线，增强表面细节

实现步骤：

hlsl

// 采样高度图
float height = SAMPLE_TEXTURE2D(_HeightMap, sampler_HeightMap, uv).r;

// 计算x方向高度变化率
float dx = DDXNode.Out; // 输入为height

// 计算y方向高度变化率（使用DDY节点）
float dy = DDYNode.Out; // 输入为height

// 构建法线向量（未归一化）
float3 normal = float3(-dx, -dy, _NormalStrength);

// 归一化法线
float3 finalNormal = normalize(normal);

4.2 边缘检测与轮廓高亮

场景：基于颜色梯度实现物体轮廓描边

步骤：

hlsl

// 采样基础颜色
float4 color = SAMPLE_TEXTURE2D(_MainTex, sampler_MainTex, uv);

// 计算颜色在x方向的梯度
float4 colorDx = DDXNode.Out; // 输入为color

// 计算颜色在y方向的梯度（使用DDY节点）
float4 colorDy = DDYNode.Out; // 输入为color

// 计算梯度强度（颜色变化率）
float edgeIntensity = length(colorDx.rgb + colorDy.rgb);

// 边缘高亮（强度超过阈值时显示轮廓色）
float3 finalColor = lerp(color.rgb, _OutlineColor.rgb, step(_Threshold, edgeIntensity));

4.3 屏幕空间环境光遮蔽（SSAO）

场景：基于深度梯度模拟间接光照阴影

实现：

hlsl

// 从深度纹理获取当前像素深度
float depth = SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, uv);

// 计算深度在x方向的梯度
float depthDx = DDXNode.Out; // 输入为depth

// 计算深度在y方向的梯度（使用DDY节点）
float depthDy = DDYNode.Out; // 输入为depth

// 梯度强度表示深度变化剧烈程度（边缘区域）
float edgeFactor = length(float2(depthDx, depthDy));

// 应用环境光遮蔽效果
float ao = saturate(1.0 - edgeFactor * _AOStrength);

4.4 动态模糊与速度场计算

场景：基于像素运动速度实现模糊效果

示例：

hlsl

// 当前帧世界位置
float3 worldPos = TransformObjectToWorld(IN.vertex.xyz);

// 计算世界位置在x方向的梯度
float3 worldPosDx = DDXNode.Out; // 输入为worldPos

// 估计屏幕空间x方向的速度（简化示例）
float speedX = length(worldPosDx);

// 应用动态模糊（沿速度方向采样多次）
float4 blurredColor = SampleBlur(_MainTex, uv, float2(speedX, 0));