虚幻4 添加变量控制UI的渲染，详细教程。

最新推荐文章于 2023-09-24 01:22:06 发布

西瓜伯爵大王

最新推荐文章于 2023-09-24 01:22:06 发布

阅读量4.3k

点赞数 3

分类专栏：虚幻4 文章标签：虚幻4 unreal engine

本文链接：https://blog.youkuaiyun.com/lqpgfz/article/details/51636162

版权

本文提供了一种在虚幻4中通过添加变量来控制UI渲染的详细教程。首先，你需要更新UI的shader，涉及的文件包括Engine_Updating中的多个Shaders。接着，修改代码，在SlateCore的头文件和DrawElements.h中添加新的变量。之后，你需要遍历所有构造FSlateVertex的地方，传递新的参数。最后，通过UMG将该变量暴露给编辑器，实现UI元素禁用状态的灰度调整。

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

首先更改UI的shader。

结构体：

Engine_Updating\Engine\Shaders\SlateShaderCommon.usf

struct VertexToPixelInterpolants
{
	float4 Position : SV_POSITION;
	float4 Color : COLOR0;
	float4 ClipOriginAndPos : TEXCOORD0;
	float4 ClipExtents : TEXCOORD1;
	float2 MaterialTexCoords : TEXCOORD2;
	float4 TextureCoordinates[NUM_SLATE_TEXCOORDS] : TEXCOORD3;
	<span style="background-color: rgb(255, 102, 102);">float DisableValue:TEXCOORD4;</span>
};

VertexShader:

Engine_Updating\Engine\Shaders\SlateVertexShader.usf

VertexToPixelInterpolants Main(
	in float4 InTextureCoordinates : ATTRIBUTE0,
	in float2 InMaterialTextureCoordinates : ATTRIBUTE1,
	in float2 InPosition : ATTRIBUTE2,
	in float2 InClipOrigin : ATTRIBUTE3,
	in float4 InClipExtents : ATTRIBUTE4,
	in float4 InColor : ATTRIBUTE5,
	<span style="color:#ff6666;">in float InDisableValue : ATTRIBUTE6</span>
#if USE_SLATE_INSTANCING
	, in float4 InstanceParam : ATTRIBUTE7
#endif
	)
{
	VertexToPixelInterpolants VOut = (VertexToPixelInterpolants)0;

	float4 WorldPosition = float4(InPosition.xy,0,1);

#if (!(ES2_PROFILE || ES3_1_PROFILE)) || USE_MATERIALS
	InColor.rgb = sRGBToLinear(InColor.rgb);
#endif

	float4 FinalVertexColor = InColor FCOLOR_COMPONENT_SWIZZLE;

	VOut.MaterialTexCoords = InMaterialTextureCoordinates;
	VOut.ClipOriginAndPos = float4(InClipOrigin, InPosition.xy);
	VOut.ClipExtents = InClipExtents;
	VOut.Color = FinalVertexColor;
	VOut.TextureCoordinates[0] = InTextureCoordinates;
	<span style="color:#ff6666;">VOut.DisableValue = InDisableValue;</span>

PixelShader:

Engine_Updating\Engine\Shaders\SlateElementPixelShader.usf

#if DRAW_DISABLED_EFFECT
	//desaturate
	float3 LumCoeffs = float3( 0.3, 0.59, .11 );
	float Lum = dot( LumCoeffs, OutColor.rgb );
<span style="color:#ff0000;

最低0.47元/天解锁文章