【实现100个unity特效之16】unity2022之前或者之后版本实现全屏shader graph的不同方式 —— 适用于人物受伤红屏或者一些其他状态效果

已于 2024-08-07 11:39:28 修改
阅读量1.2k 收藏 31
点赞数 28
分类专栏： # 实现100个unity特效 文章标签： unity 游戏引擎 材质 贴图 游戏
于 2024-08-07 11:24:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36303853/article/details/140944267
版权

最终效果

在这里插入图片描述

文章目录

前言

今天和大家一起来学习一下unity2022版本新出的全屏shader graph，如果在2022之前想要实现全屏shader,可能还需要自己写脚本，但是在2022.2的版本之后，unity将它纳入了进来。

unity2022版本 Fullscreen shader graph

首先，请注意你的Inity版本，是不是2022.2以上，并且项目是URP项且

基本配置

紧接着我们创建一个Fullscreen shader graph
在这里插入图片描述
下面我们就要使用它了，修改URP配置，添加Full Screen Pass Renderer Feature
在这里插入图片描述
将我们shader相关的全屏材质给到Pass Material
在这里插入图片描述
这时你会发现Game视图变成了灰色
在这里插入图片描述

修改shader graph

创建极坐标节点，分离他的输出，输出的R就是中间黑四周白的渐变，然后将它通过乘幂函数进行调整，让黑色区域更大
在这里插入图片描述
我们需要将shader的Blend Mode设置为Alpha，不然看不到效果
在这里插入图片描述
效果
在这里插入图片描述

边缘效果

现在我们来创建一个泰森多边形，也叫沃洛诺伊图，将它和我们的透明度遮罩相乘，得到一个新的遮罩，然后再连接给最终的透明度通道
在这里插入图片描述

效果
在这里插入图片描述

动起来

然后我们让他动起来，这无疑用到了移动套装，时间节点乘以一个速度，然后进行偏移，之后连接给Angle offset，这样泰森多边形就动起来了
在这里插入图片描述
效果
在这里插入图片描述

优化

我们将最终的输出用Clamp节点限制一下范围0到1，避免不必要的显示错误
在这里插入图片描述

黑白过渡这里太明显了，我们先乘以一个较小的值处理
这里我乘以0.8然后Power指数改为5，感觉这样还不错
在这里插入图片描述
效果
在这里插入图片描述

科幻风

有趣的是，如果我们将泰森多边形的Cells作为输出，那么我们就会得到一个科幻风的效果
在这里插入图片描述
效果
在这里插入图片描述

制作一些变量

你可以根据自己的喜好调整这些参数，但为了更加方便的进行控制，下面我们将制作一些变量，跟着我做

颜色
在这里插入图片描述
接下来是指数部分，他影响遮罩的范围，所以定义一个float类型的变量，就叫range,默认值5
乘幂之前的这个相乘的数值，控制透明的力度，就叫他strength
在这里插入图片描述
泰森多边形的大小也做一个变量，就叫他Size
在这里插入图片描述
移动速度做一个变量，叫Speed
在这里插入图片描述
接下来是泰森多边形的输出，我们需要一个Branch分支节点来控制不同的输出，这样，控制Predicate是否为True,就可以控制输出了。我们也个他做成一个布尔类型的变量，就叫Cells
在这里插入图片描述

最终效果

在这里插入图片描述

最终节点图

在这里插入图片描述

代码控制

在这里插入图片描述
挂载
在这里插入图片描述

2022之前版本

正如前面所说，2022之前版本需要自己写脚本，好在github上已经有大佬帮我们写好了，我们不用关心怎么做的，只要会用就行。

下载 Blit Render Feature 脚本

github地址：https://github.com/Cyanilux/URP_BlitRenderFeature

复制Blit.cs脚本到我们本地
在这里插入图片描述
打不开或者嫌麻烦的，复制我下面的代码就行了，我已经复制过来了

using UnityEngine;
using UnityEngine.Rendering;
using UnityEngine.Rendering.Universal;

/*
 * Blit Renderer Feature                                                https://github.com/Cyanilux/URP_BlitRenderFeature
 * ------------------------------------------------------------------------------------------------------------------------
 * Based on the Blit from the UniversalRenderingExamples
 * https://github.com/Unity-Technologies/UniversalRenderingExamples/tree/master/Assets/Scripts/Runtime/RenderPasses
 * 
 * Extended to allow for :
 * - Specific access to selecting a source and destination (via current camera's color / texture id / render texture object
 * - (Pre-2021.2/v12) Automatic switching to using _AfterPostProcessTexture for After Rendering event, in order to correctly handle the blit after post processing is applied
 * - Setting a _InverseView matrix (cameraToWorldMatrix), for shaders that might need it to handle calculations from screen space to world.
 * 		e.g. Reconstruct world pos from depth : https://www.cyanilux.com/tutorials/depth/#blit-perspective 
 * - (2020.2/v10 +) Enabling generation of DepthNormals (_CameraNormalsTexture)
 * 		This will only include shaders who have a DepthNormals pass (mostly Lit Shaders / Graphs)
 		(workaround for Unlit Shaders / Graphs: https://gist.github.com/Cyanilux/be5a796cf6ddb20f20a586b94be93f2b)
 * ------------------------------------------------------------------------------------------------------------------------
 * @Cyanilux
*/

namespace Cyan {
/*
CreateAssetMenu here allows creating the ScriptableObject without being attached to a Renderer Asset
Can then Enqueue the pass manually via https://gist.github.com/Cyanilux/8fb3353529887e4184159841b8cad208
as a workaround for 2D Renderer not supporting features (prior to 2021.2). Uncomment if needed.
*/
//	[CreateAssetMenu(menuName = "Cyan/Blit")] 
	public class Blit : ScriptableRendererFeature {

		public class BlitPass : ScriptableRenderPass {

			public Material blitMaterial = null;
			public FilterMode filterMode { get; set; }

			private BlitSettings settings;

			private RenderTargetIdentifier source { get; set; }
			private RenderTargetIdentifier destination { get; set; }

			RenderTargetHandle m_TemporaryColorTexture;
			RenderTargetHandle m_DestinationTexture;
			string m_ProfilerTag;

#if !UNITY_2020_2_OR_NEWER // v8
			private ScriptableRenderer renderer;
#endif

			public BlitPass(RenderPassEvent renderPassEvent, BlitSettings settings, string tag) {
				this.renderPassEvent = renderPassEvent;
				this.settings = settings;
				blitMaterial = settings.blitMaterial;
				m_ProfilerTag = tag;
				m_TemporaryColorTexture.Init("_TemporaryColorTexture");
				if (settings.dstType == Target.TextureID) {
					m_DestinationTexture.Init(settings.dstTextureId);
				}
			}

			public void Setup(ScriptableRenderer renderer) {
#if UNITY_2020_2_OR_NEWER // v10+
				if (settings.requireDepthNormals)
					ConfigureInput(ScriptableRenderPassInput.Normal);
#else // v8
				this.renderer = renderer;
#endif
			}

			public override void Execute(ScriptableRenderContext context, ref RenderingData renderingData) {
				CommandBuffer cmd = CommandBufferPool.Get(m_ProfilerTag);
				RenderTextureDescriptor opaqueDesc = renderingData.cameraData.cameraTargetDescriptor;
				opaqueDesc.depthBufferBits = 0;

				// Set Source / Destination
#if UNITY_2020_2_OR_NEWER // v10+
				var renderer = renderingData.cameraData.renderer;
#else // v8
				// For older versions, cameraData.renderer is internal so can't be accessed. Will pass it through from AddRenderPasses instead
				var renderer = this.renderer;
#endif

				// note : Seems this has to be done in here rather than in AddRenderPasses to work correctly in 2021.2+
				if (settings.srcType == Target.CameraColor) {
					source = renderer.cameraColorTarget;
				} else if (settings.srcType == Target.TextureID) {
					source = new RenderTargetIdentifier(settings.srcTextureId);
				} else if (settings.srcType == Target.RenderTextureObject) {
					source = new RenderTargetIdentifier(settings.srcTextureObject);
				}

				if (settings.dstType == Target.CameraColor) {
					destination = renderer.cameraColorTarget;
				} else if (settings.dstType == Target.TextureID) {
					destination = new RenderTargetIdentifier(settings.dstTextureId);
				} else if (settings.dstType == Target.RenderTextureObject) {
					destination = new RenderTargetIdentifier(settings.dstTextureObject);
				}

				if (settings.setInverseViewMatrix) {
					Shader.SetGlobalMatrix("_InverseView", renderingData.cameraData.camera.cameraToWorldMatrix);
				}

				if (settings.dstType == Target.TextureID) {
					if (settings.overrideGraphicsFormat) {
						opaqueDesc.graphicsFormat = settings.graphicsFormat;
					}
					cmd.GetTemporaryRT(m_DestinationTexture.id, opaqueDesc, filterMode);
				}

				//Debug.Log($"src = {source},     dst = {destination} ");
				// Can't read and write to same color target, use a TemporaryRT
				if (source == destination || (settings.srcType == settings.dstType && settings.srcType == Target.CameraColor)) {
					cmd.GetTemporaryRT(m_TemporaryColorTexture.id, opaqueDesc, filterMode);
					Blit(cmd, source, m_TemporaryColorTexture.Identifier(), blitMaterial, settings.blitMaterialPassIndex);
					Blit(cmd, m_TemporaryColorTexture.Identifier(), destination);
				} else {
					Blit(cmd, source, destination, blitMaterial, settings.blitMaterialPassIndex);
				}

				context.ExecuteCommandBuffer(cmd);
				CommandBufferPool.Release(cmd);
			}

			public override void FrameCleanup(CommandBuffer cmd) {
				if (settings.dstType == Target.TextureID) {
					cmd.ReleaseTemporaryRT(m_DestinationTexture.id);
				}
				if (source == destination || (settings.srcType == settings.dstType && settings.srcType == Target.CameraColor)) {
					cmd.ReleaseTemporaryRT(m_TemporaryColorTexture.id);
				}
			}
		}

		[System.Serializable]
		public class BlitSettings {
			public RenderPassEvent Event = RenderPassEvent.AfterRenderingOpaques;

			public Material blitMaterial = null;
			public int blitMaterialPassIndex = 0;
			public bool setInverseViewMatrix = false;
			public bool requireDepthNormals = false;

			public Target srcType = Target.CameraColor;
			public string srcTextureId = "_CameraColorTexture";
			public RenderTexture srcTextureObject;

			public Target dstType = Target.CameraColor;
			public string dstTextureId = "_BlitPassTexture";
			public RenderTexture dstTextureObject;

			public bool overrideGraphicsFormat = false;
			public UnityEngine.Experimental.Rendering.GraphicsFormat graphicsFormat;

			public bool canShowInSceneView = true;
		}

		public enum Target {
			CameraColor,
			TextureID,
			RenderTextureObject
		}

		public BlitSettings settings = new BlitSettings();
		public BlitPass blitPass;

		public override void Create() {
			var passIndex = settings.blitMaterial != null ? settings.blitMaterial.passCount - 1 : 1;
			settings.blitMaterialPassIndex = Mathf.Clamp(settings.blitMaterialPassIndex, -1, passIndex);
			blitPass = new BlitPass(settings.Event, settings, name);

#if !UNITY_2021_2_OR_NEWER
		if (settings.Event == RenderPassEvent.AfterRenderingPostProcessing) {
			Debug.LogWarning("Note that the \"After Rendering Post Processing\"'s Color target doesn't seem to work? (or might work, but doesn't contain the post processing) :( -- Use \"After Rendering\" instead!");
		}
#endif

			if (settings.graphicsFormat == UnityEngine.Experimental.Rendering.GraphicsFormat.None) {
				settings.graphicsFormat = SystemInfo.GetGraphicsFormat(UnityEngine.Experimental.Rendering.DefaultFormat.LDR);
			}
		}

		public override void AddRenderPasses(ScriptableRenderer renderer, ref RenderingData renderingData) {
			if (renderingData.cameraData.isPreviewCamera) return;
			if (!settings.canShowInSceneView && renderingData.cameraData.isSceneViewCamera) return;

			if (settings.blitMaterial == null) {
				Debug.LogWarningFormat("Missing Blit Material. {0} blit pass will not execute. Check for missing reference in the assigned renderer.", GetType().Name);
				return;
			}

#if !UNITY_2021_2_OR_NEWER
		// AfterRenderingPostProcessing event is fixed in 2021.2+ so this workaround is no longer required

		if (settings.Event == RenderPassEvent.AfterRenderingPostProcessing) {
		} else if (settings.Event == RenderPassEvent.AfterRendering && renderingData.postProcessingEnabled) {
			// If event is AfterRendering, and src/dst is using CameraColor, switch to _AfterPostProcessTexture instead.
			if (settings.srcType == Target.CameraColor) {
				settings.srcType = Target.TextureID;
				settings.srcTextureId = "_AfterPostProcessTexture";
			}
			if (settings.dstType == Target.CameraColor) {
				settings.dstType = Target.TextureID;
				settings.dstTextureId = "_AfterPostProcessTexture";
			}
		} else {
			// If src/dst is using _AfterPostProcessTexture, switch back to CameraColor
			if (settings.srcType == Target.TextureID && settings.srcTextureId == "_AfterPostProcessTexture") {
				settings.srcType = Target.CameraColor;
				settings.srcTextureId = "";
			}
			if (settings.dstType == Target.TextureID && settings.dstTextureId == "_AfterPostProcessTexture") {
				settings.dstType = Target.CameraColor;
				settings.dstTextureId = "";
			}
		}
#endif

			blitPass.Setup(renderer);
			renderer.EnqueuePass(blitPass);
		}
	}
}

新增或空白阴影图Blank Shader Graph或者lit Shader Graph其实都可以
在这里插入图片描述
其实这一步跟前面类似，不过这里只是添加我们自己定义了URP配置脚本
在这里插入图片描述
配置材质
在这里插入图片描述
如果我们想要全屏效果，不希望它受处理效果的影响，您可以选择After Rendering Transparents（在渲染后处理效果后） ，但我们这里选择After Rendering Opaques （渲染不透明后），因为我希望它受到后处理效果影响
在这里插入图片描述

修改配置shader graph
在这里插入图片描述
连线参考和前面一样即可

不使用shader graph

当然如果你不想使用shader graph实现全屏效果也是可以的，可以参考我之前的文章：
【unity小技巧】受伤屏幕闪红、死亡动画、死亡黑屏效果

参考

https://www.bilibili.com/video/BV1gX4y1q72t/
https://www.youtube.com/watch?v=mCpRxFP2J1c
https://www.youtube.com/watch?v=hqz4TnvC3fQ

完结

赠人玫瑰，手有余香！如果文章内容对你有所帮助，请不要吝啬你的点赞评论和关注，你的每一次支持都是我不断创作的最大动力。当然如果你发现了文章中存在错误或者有更好的解决方法，也欢迎评论私信告诉我哦！

好了，我是向宇，https://xiangyu.blog.csdn.net

一位在小公司默默奋斗的开发者，闲暇之余，边学习边记录分享，站在巨人的肩膀上，通过学习前辈们的经验总是会给我很多帮助和启发！如果你遇到任何问题，也欢迎你评论私信找我， 虽然有些问题我也不一定会，但是我会查阅各方资料，争取给出最好的建议，希望可以帮助更多想学编程的人，共勉~
在这里插入图片描述

【unity小技巧】受伤屏幕闪红、死亡动画、死亡黑屏效果
向宇
01-27 1729
【unity小技巧】受伤屏幕闪红、死亡动画、死亡黑屏效果
Unity之ASE+ShaderGraph+VFX入门到精通 目录
TxNet
05-19 2058
这里是ASE+ShaderGraph+VFX从入门到精通专栏的目录，不停更新中，有问题随时留言或者私信。
unity 3D模型受伤红闪(简单做法，不改shader文件)
ihghj的博客
07-12 563
shader standard 来的，记得勾上Emission。
Unity URP Fullscreen 全屏特效 绘制全屏四边面并重建世界空间位置
u013584271的博客
10-23 2125
在URP中我们可以插入自己的RenderFeature来实现一些特殊的效果。 首先我们需要创建两个C#类，分别继承ScriptableRendererFeature、ScriptableRenderPass。 这里我创建了TestRenderFeature 和TestPass。 我在TestRenderFeature的Create方法中初始化TestPass，在AddRenderPasses中调用renderer.EnqueuePass(_testPass);执行相关的渲染操作。 TestRenderFea
Unity可编程渲染管线系列（十一）后处理（全屏特效）
公众号：壹种念头，知乎：放牛的星星
08-13 1502
目录1 后处理栈（Post-Processing Stack）1.1 Asset1.2 默认栈1.3 渲染栈2 渲染目标2.1 渲染到纹理2.2 Blitting2.3 隔离深度纹理3 ...
推荐一款强大的Unity全屏效果渲染工具：Blit Renderer Feature
最新发布
gitblog_00313的博客
08-15 625
推荐一款强大的Unity全屏效果渲染工具：Blit Renderer Feature URP_BlitRenderFeatureBlit Render Feature for Universal RP's Forward Renderer. Set specific source/destination via camera source, ID string or RenderTexture ...
unity--shader graph--特效场景的建立
m0_67817307的博客
05-04 1505
unity特效场景的建立
【Unity Shader Graph风沙】用Shader Graph制作风沙效果
qq_45360148的博客
06-14 1015
最近在做一个和天气有关的项目，需要做一个风沙效果，用Shader往往能节约很多性能开支，我看到站内有一个用ASE做风沙的帖子，但由于本人习惯用ShaderGraph，便写了一个ShaderGraph版本的风沙。最后附上完整的Shader和参数设置（参数设置需要根据具体情况具体设置，区别会很大，笔者的设置完全仅供参考）首先是考虑风沙的流动性，这里的2D材质可以是任意的，主要看自身需要什么类型的效果。接下来使用噪点图将沙砾模拟出来，风沙的基础部分就完成了。接下来为了增强效果，可以加上波纹扰动。
《Unity Shader 入门精要》笔记之高斯模糊
qq_59871555的博客
06-13 1885
在单个Pass中实现高斯模糊可能需要较大的计算量，特别是当高斯核（kernel）较大时。这可能导致性能下降，尤其是在移动设备或性能受限的平台上。
Unity3d屏幕特效-摄像机特效插件-Camera Filter Pack
04-17
超强大的unity滤镜插件，雾效、模糊、色调等等
屏幕出血.unitypackage
12-14
Unity ASE连接的第一视角流血受伤受攻击屏幕流血效果Shader ，可以控制受伤是否显示血屏幕开关，闪烁，边缘发光，叠加颜色。
Unity之ASE实现全屏风沙效果
TxNet
06-29 3439
最近在做一个沙漠环境的2D游戏，里面需要加一个风沙的全屏特效，本来我们是用粒子特效实现的，但是后面发现，粒子数量有点多，性能消耗很大。而且由于是全屏风沙，当粒子特效面积过大，叠层过多时，引起的overdraw的增加，会使cpu压力更大。甚至最后导致我们游戏切换前后台时会卡死。 所以，我们最后打算用shader来实现一个风沙效果，虽然不能完全模拟粒子的效果，但是基本还原90%的风沙效果。不仔细看基本无法察觉。 .........
Unity 屏幕特效 之 基础知识简介，屏幕灰度特效实现
仙魁XAN
11-29 929
Unity 屏幕特效 之 基础知识简介，屏幕灰度特效实现 目录 Unity 屏幕特效 之 基础知识简介，屏幕灰度特效实现 一、前言： 二、函数介绍 三、Graphics.Blit()函数 四、MonoBehaviour.OnRenderImage(RenderTexture,RenderTexture) 函数 五、Shader 脚本模板（仅供参考） 六、屏幕特效示例 七、示...
Unity第一视角流血受伤受攻击屏幕流血效果
qq_36494783的博客
12-14 6849
第一人称视角游戏，玩家在受到攻击时候就会掉血，屏幕上闪烁红色的血液效果，那么这个是怎么实现呢？使用Unity 实现了一个简易版本的效果。 UnityASE连接的第一视角流血受伤受攻击屏幕流血效果Shader ，可以控制受伤是否显示血屏幕开关，闪烁，边缘发光。 这是Unity第一人称游戏受伤屏幕效果参考图： 这是实际制作出的效果图： 可以更换流血贴图，有一个中心遮罩（边缘显示，中间虚化过度显示），是否开启受伤效果，叠加颜色，受伤闪烁频率。 节点如图所示： 大体思路就是： 1：通过Mask获取UV节点的上
UnityShader实例15:屏幕特效之Bloom
热门推荐
lupeng的博客
09-21 3万+
Bloom,又称“全屏泛光”，是游戏中常用的一种镜头效果，是一种比较廉价的“伪HDR”效果（如下右图）；使用了Bloom效果后，画面的对比会得到增强，亮的地方曝光也会得到加强，画面也会呈现一种朦胧，梦幻的效果，婚纱摄影中照片处理经常用到这种类似处理效果。Bloom效果一般用来近似模拟HDR效果，效果也比较相向，但实现原理却完全不同。本例将实现一个适合移动平台使用的bloom屏幕特效。
UnityShader之屏幕特效基础
diaodengzhi0861的博客
12-05 725
1、什么是屏幕特效 我们这里讲的屏幕特效技术，指的是在渲染完整个场景后得到的屏幕图象的基础上，再对这个屏幕图像做一系列处理，实现出屏幕特效，使用这种技术可以为屏幕画面增添各种风格的艺术效果，比如泛光、景深、模糊等等。 2、unity实现屏幕特效的原理 如上所述，要实现屏幕特效，首先要抓取渲染完整个场景得到的屏幕图像，在unity中，提供了OnRenderImage函数，方便我...
unity如何制作屏幕闪红的效果？
qq_20179331的博客
05-17 1222
unity如何制作屏幕闪红的效果？
【OpenGL】Shader实例分析（九）- AngryBots中的主角受伤特效
stalendp的专栏
11-07 2万+
AngryBots是Unity官方的一个非常棒的例子，很有研究价值。好久之前就研究过，由于例子的内容丰富，一时间不知道从哪入手写文章分析。这一段时间研究shader技术比较多一些，就从shader的这一方面开始吧。首先分析其中的一个屏幕特效：当主角受到攻击时会出现的全屏效果（postEffect），效果如下
unity shader可视化工具——Shader Graph
Poggio742的博客
02-13 1万+
Shader Graph是可以实时通过可视化界面的节点连接来实现着色器的创建及编辑的可编程式渲染管线工具。
Unity Shader Graph与VFX Graph实现过程字符生成教程
本知识点将聚焦于标题《ProcCharVfx：使用Unity Shader Graph和VFX Graph生成过程字符》中提到的内容，探讨在Unity中使用Shader Graph和VFX Graph生成过程字符的相关技术。 ### Unity Shader Graph Shader Graph是...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

向宇it

创作不易，感谢你的鼓励

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值