Node Based Shader

最新推荐文章于 2025-08-07 10:54:13 发布

iteye_20954

最新推荐文章于 2025-08-07 10:54:13 发布

阅读量83

点赞数

文章标签： Socket 数据结构

本文介绍了一种Shader模块化设计的方法，通过定义基础骨架类和可动态组合的Node，实现Shader功能的灵活配置，避免了Shader数量的爆炸性增长。同时，文章详细展示了Shader的基础类和Node的具体实现。

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

这段时间实在太懒了。往年，十个这玩意都写好了。

现在基本的数据结构已经确定了。shader的代码（骨架类）既可以单独用，也可以由Node串起来。

预计Shader的用法为

//加载一个由SimpleTrans.hlsl 为基础骨架，加上Skin, Morph两个Node动态生成的Shader.

HXShader hShader = m_ShaderMgr.load(L"SimpleTrans<Skin, Morph>");

//加载SimpleTrans.hlsl。

HXShader hShader = m_ShaderMgr.load(L"SimpleTrans");

这样用法可以防止在引擎中产生Shader爆炸，只需要写几个基础骨架，并加一些 Node, Node符合规范就可以随意组合了。

不过目前所有的额外信息都需要从.hlsl本身里解析，所以需要一定的规范，一个简单的Shader大概如下。

//一个用来演示的Shader基础类, PixelShader

///{{Declaration
//视频处理的PS
sampler2D YTextue;
sampler2D UTextue;
sampler2D VTextue;
float cTime;
struct PS_INPUT
{
float2 Texcoord : TEXCOORD0;
};
///}}

/*
///{{ParamTable //Shader的参数描述表
texture YTexture : <file="" , manager="" , width="" , height="" /> ;
float cTime : TIME ;
///}}
*/

///{{SourceCode
float4 main( PS_INPUT Input ) : COLOR0
{
//===采样输入器=====================================
float3 yuvColor;
yuvColor.x = tex2D( YTextue, Input.Texcoord ).x;
yuvColor.y = tex2D( UTextue, Input.Texcoord ).x;
yuvColor.z = tex2D( VTextue, Input.Texcoord ).x;
//==================================================
///}}

/*
///{{Socket = Name // Socket = 名字, 在这里定义一个插入点
Input
{
float3 yuvColor : YUVCOLOR;
}
Output
{
float4 RGBColor : COLOR0;
}
///}}
*/

///{{DefaultCode = Name
//默认的代码，如果Name指定的插槽没有插入Node。则该代码才会被编译进去
float4 RGBColor = float4(yuvColor,1.0);
///}}

///{{SourceCode
//==================================================
return RGBColor;
}
///}}

一个简单的Node如下

/*
///{{Slot = Description
Input
{
float4 yuvColorIn : YUVCOLOR; // 类型名字 : 语义
}

Output
{
float4 : COLOR0;
}
///}}
*/

///{{Declaration
float4 CS_YUV2RGB(float4 yuvColorIn);
///}}

///{{SourceCode
float4 CS_YUV2RGB(float4 yuvColorIn)
{
//==ColorSpace======================================
float3 delYuv = float3(-16.0/255.0 , -128.0/255.0 , -128.0/255.0);
float3 yuvColor = yuvColorIn.xyz + delYuv;
float3 matYUVRGB1 = float3(1.164, 2.018 , 0.0 );
float3 matYUVRGB2 = float3(1.164, -0.391 , -0.813 );
float3 matYUVRGB3 = float3(1.164, 0.0 , 1.596 );

float4 rgbColor;
rgbColor.x = dot(yuvColor,matYUVRGB1);
rgbColor.y = dot(yuvColor,matYUVRGB2);
rgbColor.z = dot(yuvColor,matYUVRGB3);
rgbColor.w = 1.0f;
//==================================================
return rgbColor;
}
///}}