在UE4中创建高斯模糊后期材质

最新推荐文章于 2024-07-01 17:11:35 发布
原创 最新推荐文章于 2024-07-01 17:11:35 发布 · 8.3k 阅读 · 31 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#UE4 #CustomNode #HLSL #Shaders

本篇教程来自国外一位大佬的文章，在这里我会总结下制作过程，有些不重要的地方可能会直接跳过。原文链接：

https://www.raywenderlich.com/57-unreal-engine-4-custom-shaders-tutorial

 

 

关于如何在custom node中引用.usf文件，还是移步这里：

https://blog.youkuaiyun.com/weixin_43369654/article/details/92607776

准备工作

首先在工程文件根目录创建一个Shaders的文件夹，打开shaders文件夹，创建一个名为Gaussian.usf的文件。

unreal engine shadersunreal engine shaders

unreal engine shaders

新建一个材质球，并把细节面板的Material Domain设置成postprocess。按照如图的方式连接。Round（四舍五入）保证半径总是一个整数。Gaussian Blur（高斯模糊）就是我们本次的重点了，这是一个custom node：

创建好custom node后，看细节面板：

Code：写shader代码的地方，UE4只支持HLSL

Description：命名你的自定义节点

Inputs：<

最低0.47元/天 解锁文章

200万优质内容无限畅学
[ue4]customNode实现高斯模糊
晨蓝的博客
11-30 1592
float t=0; float3 sumColor=float3(0,0,0); float weightSum=0; for(int i=-radius;i<radius;i++) { for(int j=-radius;j<radius;j++) { t=exp(-0.5 * pow(3.141 * (i/radius), 2))*exp(-0.5 * pow(3.141 * (j/radius), 2)); sumColor
UE4_后期处理_后期处理材质及后期处理体积一
Growthofnotes的博客
09-04 2898
无需任何程序员的帮助。只需将一个或多个后期处理材质指定给。
[UE4]后处理模糊，几种方法
qq173681019的博客
11-19 6913
1.高斯模糊 static const int SceneTextureId = 14; float2 TexelSize = View.ViewSizeAndInvSize.zw; float2 UV = GetDefaultSceneTextureUV(Parameters, SceneTextureId); float3 PixelSum = float3(0, 0, 0); float WeightSum = 0; for (int x = -Radius; x <=.
尝试在UE的材质节点中进行高斯模糊
主要记录了工作之余胡乱学习的知识，大部分是入门级别的内容。 主要是为了自己未来有用到时能快速上手，相当于是个备忘录。 当然，也很开心其他人可以从中找到对自己有用的信息。^_^
12-19 1万+
0. 高斯模糊基础 高斯模糊的原理已有很多文章介绍。实践上讲，就是对图像做一个卷积（通俗讲，就是采样相邻的几个像素并乘算上对应的权重）。我这里想采用的卷积核是5×5的（数据来自于这里的讨论）： { 0.01, 0.02, 0.04, 0.02, 0.01, 0.02, 0.04, 0.08, 0.04, 0.02, 0.04, 0.08, 0.16, 0.08, 0.04, 0.02, 0.04, 0.08, 0.04, 0.02, 0.01, 0.02, 0.04, 0.02, 0.0
UE4 一维高斯模糊
一个字
03-06 876
材质结构： GaussianBlur: static const int SceneTextureId = 14; float2 TexelSize = View.ViewSizeAndInvSize.zw; float2 UV = GetDefaultSceneTextureUV(Parameters, SceneTextureId); float3 PixelSum = float3(0, 0, 0); float WeightSum = 0; for (int x = -Radius; x.
高斯模糊、径向缩放模糊
今世进士尽是近视
07-26 1569
初学图形编程，开始记录 工作内容：通过学习某知名商业引擎，构建新游戏引擎，对新引擎进行简单测试。 札记： 1、移植代码大部分时间都是很枯燥的，不用想只需要重复的做，重复的做。。。。， 最多要改的地方就是编码规范，然后是在许多模块没有建立的基础上对把移植好的模块编译连接，最重要的技巧就是注释，许多设计没有建立的模块太多，只能留下空实现的函数，以后用到的时候再实现吧。 2、这次做完了Textu...
虚化场景高斯模糊
08-06
在Android开发中，实现虚化和高斯模糊通常涉及到自定义视图、像素操作以及GPU加速等技术。 首先，高斯模糊的原理是通过模拟高斯函数对图像的每个像素进行加权平均，使得周边像素的影响逐渐减弱，形成平滑的模糊效果...
美轮美奂：探索ue4中的后期处理与特效技术
# 1. 引言 ## 背景介绍 在当今的游戏开发领域，图形效果的逼真与真实感已经成为一个重要的方向。随着硬件技术的不断进步和图形处理能力的提高...本文将介绍在虚幻引擎4（Unreal Engine 4，简称UE4）中常用的后期处理
一个大屏的背景三维是ue做的，大屏嵌套到ue上时，为什么大屏页面上的css高斯模糊失效了
03-18
好的，我现在要帮用户解决在Unreal Engine中嵌套大屏页面时CSS高斯模糊失效的问题。首先，我需要理解用户的问题场景。他们可能在Unreal Engine里使用Web控件加载了一个网页，但在应用CSS的高斯模糊效果时发现没有...
[UE4]径向模糊--后期处理材质（附加给camera）
PangCoder的博客
08-07 6100
custom代码 const float2 ScreenMult = View.ViewSizeAndInvSize.xy * View.BufferSizeAndInvSize.zw; const int TexIndex = 14; const float Samples[11] = {-0.08,-0.05,-0.03,-0.02,-0.01,0,0.01,0.02,0.03,...
UE4 后期处理描边材质
05-04
UE4 后期处理描边材质，直接拷贝到资源管理器使用，可自由编辑色彩，描边范围
在UnrealEngine中用Custom节点实现高斯模糊
weixin_34050519的博客
02-03 1615
3x3高斯模糊 //input sW 分辨率宽 //input sH 分辨率高 //input NotUse 为了开启SceneTextureLookup函数而连接的节点，但是不参与逻辑 //input UV 屏幕缓存的坐标 //14是原始颜色 int tIndex=14; float4 x1y1=0.0625*SceneTextureLookup(UV+float2(-1.0f...
UE4_后期_ben_模糊和锐化滤镜
Growthofnotes的博客
06-11 1573
学习笔记，不喜勿喷，侵权立删，祝愿生活越来越好！本篇教程主要介绍后期处理的简单模糊和锐化滤镜效果，学习之前首先要回顾下上节课介绍的屏幕扭曲效果：这是全屏效果，然后又介绍了几种蒙版，方形蒙版，圆形边缘蒙版，角滤镜三种蒙版效果。忘记的同学需要去复习下知识点。
关于 ue unreal 虚幻 在编辑器editor未运行情况下 部分材质出现模糊 看不清的问题 的另外一种解决方案猜想
ljason1993的博客
08-13 2650
关于编辑器材质模糊的另外一种问题的想法，可以试试
ue4 后期处理景深_UE4虚幻引擎 Cel着色材质教程卡通阴影
weixin_39608398的博客
12-30 2041
UE4虚幻引擎 Cel着色材质教程卡通阴影作者：汤美Tommy Tran由于基于物理的渲染，虚幻引擎4的开发非常容易。该软件可近似估算光线与材料的相互作用方式，从而产生逼真的图像。但是，如果要开发具有风格外观的游戏，则需要探索其他技术。实现风格化外观的一种方法是使用cel着色材质(也称为卡通着色材质)。该技术模仿了卡通和动漫中通常使用的阴影。您可以在诸如Jet Set Radio，《塞尔...
UE4_材质_材质节点_Fresnel
Growthofnotes的博客
07-01 3087
菲涅尔（Fresnel）这一术语用于说明你看到的光线如何根据视角的变化以不同的强度反射。例如，你站在水池边，低头看脚下的水，你会发现水面的反射不是特别强烈。随着你抬起头，使你的视线与水池中的水面平行，你会开始发现水面越来越波光粼粼。水和玻璃都表现出很强的菲涅尔倾向，即视线垂直于表面时，它们看起来相对透明，视线未垂直于表面时，它们会反射更多光线。从正面看时，相框中的玻璃是透明的，从侧面看时，玻璃中的反光会更明显。在虚幻引擎中，菲涅尔（Fresnel） 材质表达式会根据表面法线与摄像机方向的点积来计算衰减。
UE4材质初探
热门推荐
痞子龙3D编程
09-15 1万+
UE4的材质表面上看起来很简单，可是到了用的时候却总是没有办法实现好的效果。所以特意对文档进行阅读，初步了解了一下主要知识点。 当前使用的UE4版本：4.8.0。 UE4中的材质有很多用途，可以用于光照、延迟渲染、粒子系统等等。由于暂时不会用到，目前只做了最基础的材质使用的研究，也就是说是Materia Type为Surface的情况。材质的最终输出节点上的可用项会随着功能选择的不同而
【UE4】径向模糊 RadialBlur（PC and Mobile）
Bob__yuan的博客
06-20 3775
效果示例   图片为百度上找的 径向模糊 的示例图（网游中常见的轻功，向前飞的时候，屏幕会变得模糊，给玩家一种 冲刺加速 的感觉，这种模糊是从屏幕中心，沿着一圈圈同心圆向外传递的，这就是径向模糊 Rdial Blur）。 实现方法   首先需要在 UE4 中创建一个 Material（UE4 中的材质都是创建一个 Material，然后用的时候用这个材质创建 Instance，这样调整 Instance 不会修改原始 Material吗，就像类的实例化，然后分别调整每个实例。）。   创建 Materi
【Shader】屏幕后处理-高斯模糊
Zok93
02-05 599
Shader "Gaussian Blur" { Properties { _MainTex ("Base (RGB)", 2D) = "white" {} _BlurSize ("Blur Size", Float) = 1.0 } SubShader { CGINCLUDE #include "Unity
ue5背景模糊为什么会把文本模糊
最新发布
06-01
<think>嗯，用户问的是UE5中背景模糊效果导致文本也被模糊的原因和解决方法。首先，我需要回忆一下UE5中的渲染流程，特别是UI和后期处理的效果如何相互作用。背景模糊通常属于后期处理效果，比如使用Post ProcessVolume中的景深或者高斯模糊。而UI元素，比如文本，一般是渲染在屏幕最上层的，按理说不应该被后期处理影响。但用户遇到了问题，说明可能有哪里配置不对。可能的原因有几个。首先，渲染顺序的问题。UE的默认渲染流程中，后期处理效果是在整个场景渲染之后应用的，包括UI。如果UI元素被错误地归类到场景的渲染层中，就会被模糊处理。比如，如果文本控件被放在3D场景中的某个Actor上，而不是作为UMG的屏幕空间UI，那么它可能会被后期处理影响。这时候需要检查UI的渲染层级设置，确保它是在屏幕空间而不是世界空间。其次，材质或控件的混合模式设置不正确。如果文本控件使用的材质有自定义的混合模式，可能会绕过默认的UI渲染路径，导致被后期处理捕获。这时候需要检查UMG中的控件材质，确保它们使用的是适合UI的混合模式，比如Translucent或者UI。另外，景深或模糊效果的半径设置过大也可能导致问题。即使UI在正确的层级，如果模糊半径覆盖了整个屏幕，可能会意外影响到UI元素。调整模糊半径到合适的范围，或者使用遮罩层限制模糊区域，可能有助于解决问题。 还有一种可能是UI控件的渲染目标设置错误。如果UI被渲染到场景的RenderTarget而不是屏幕的BackBuffer，后期处理效果会应用到这些Render Target上，导致模糊。需要确认UMG的渲染设置是否正确，是否设置为屏幕空间而非其他空间。 解决方案方面，首先应该检查UI的渲染层级和空间设置。确保文本控件是在屏幕空间的UMG中，而不是世界空间。然后调整后期处理体积的优先级，可能降低其影响范围，或者使用排除层将UI层从后期处理中排除。此外，可以尝试使用自定义深度模板值来区分UI元素和场景元素，在后期处理材质中通过模板测试来跳过UI部分。可能还需要参考UE5的官方文档，比如UMG最佳实践和后期处理设置，看看有没有相关的建议。比如引用[4]提到UMG的最佳实践，可能涉及如何正确设置UI控件以避免渲染问题。引用[2]提到的自定义深度模板值，可以用来标记UI元素，然后在后期处理中根据模板值排除它们，这样就不会被模糊影响了。 另外，用户可能需要调整模糊效果的实现方式。比如使用单独的后期处理体积，只影响特定区域，而不是整个屏幕。或者将背景模糊效果应用到一个中间渲染目标，然后将其与UI层合成，确保UI文本保持清晰。总结起来，关键点在于渲染顺序、层级设置、混合模式、后期处理排除以及可能的模板测试。需要一步步排查这些可能性，找到具体导致问题的原因，再针对性地调整设置。</think>在UE5中，背景模糊效果导致文本被模糊的常见原因及解决方案如下： ### 一、核心原因分析 1. **渲染层级冲突** UE5的后期处理效果（如高斯模糊）默认作用于整个场景层，包括$ZOrder$值未正确设置的UI元素。若文本控件未声明为$Screen Space$层级，可能被误判为场景元素[^4]。 2. **材质混合模式错误** 使用$Translucent Material$或$Alpha Compositing$的文本控件，可能因材质设置错误导致被后期处理捕获。例如混合模式未设置为$UI$专用通道[^2]。 3. **景深范围覆盖** 当背景模糊的$Focal Distance$设置过大时，可能覆盖到UI层。例如$Gaussian Blur Radius$超过屏幕尺寸的50%会导致边缘模糊扩散[^1]。 ### 二、解决方案步骤 #### 方法1：调整UI渲染层级 ```cpp // 在UMG控件蓝图中设置 TextBlock->SetRenderTransformPivot(FVector2D(0.5,0.5)); TextBlock->SetClipping(EWidgetClipping::ClipToBounds); TextBlock->SetZOrder(999); // 确保最高层级 ``` 通过$SetZOrder$强制文本渲染在后期处理通道之后，需配合项目设置中开启$Render UMG After Post-Processing$选项[^4]。 #### 方法2：使用自定义深度模板 1. 为文本控件添加$Custom Depth Stencil Value$： ```python # 在材质编辑器中 SetCustomDepthStencilValue(255) # 标记为特殊值 ``` 2. 修改后期处理材质，添加深度测试条件： $$ \text{if}(StencilValue == 255) \rightarrow \text{DiscardPixel} $$ 此方法可精准排除指定UI元素[^2]。 #### 方法3：分离渲染通道 1. 创建独立的$Render Target$用于背景模糊 2. 使用$Scene Capture Component$捕获背景层 3. 通过$Material Function$将模糊后的背景与UI层合成： $$ FinalColor = lerp(BlurredBG, UIText, UITextAlpha) $$ 该方法消耗更多性能，但能彻底隔离效果[^1]。 ### 三、验证流程 1. 在编辑器启用$Visualize Buffer>Post Process Input0$查看模糊作用域 2. 使用$Stat GPU/Stat SceneRendering`命令分析渲染管线 3. 通过$Systrace工具`监控UI元素的绘制时序[^5]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值