github unity 图片切换效果_Unity_SeparableSubsurface

v2-e5b78237e2c8b24a8ccef67506b6e37f_1440w.jpg?source=172ae18b

(PS这里读者得具备一定的CommandBuffer的使用经验)用过Unity的都知道,引擎本身不具备次表面 眼睛 毛发 布料等复杂视觉效果的材质提供。最近因为某些需求就在Unity里面实现了一个基于屏幕空间的次表面。特此来分享一下。如果不清楚次表面的可以看下面链接。

洛城:角色渲染技术——皮肤​zhuanlan.zhihu.com
v2-1fbe4cd96904b7977ac017ec66c4663d_180x120.jpg


首先呢本SSS的算法来自Iryouku的GitHub开源项目"Separable SSS"。接下来我就来分享一下我在Unity的实现。第一呢根据作者源代码他的计算是每次高斯模糊的时候加权一个颜色叠加官方的HDPipeline这个操作是放到ComputeShader计算的,但是就我测试这个计算消耗并不是很大几乎可以忽略不计,所以我这里就直接使用了一个静态C#来实现。

v2-4c25b410871a595ca8469edc84499fa3_b.jpg

v2-f12b8c88adb6e08ca0df7796db2d05e0_b.jpg

接着就是把作者的SSS的Shader部分在Unity内的重现。我这里做了封装cginc(比较直观且不会杂乱多。。)。以下是cginc的部分(注意这里的参数_MainTex,这个是后面C#部分传递进来的一个参数)。

v2-6c9248168bd20c2be95e59936cdfa411_b.jpg

然后是SSS的Shader计算部分(分了两个Pass,第一个Pass算XBlur第二个算YBlur),其次就是这里开启了Stencil。

v2-725aebb1e3e33e6ff47b10da650ce3dd_b.jpg

至此Shader部分的计算基本完成。剩下C#部分。因为作者这个算法是屏幕空间的次表面那也就代表他其实是一个后期全屏幕特效。这里我使用的是CommandBuffer来进行摄像机的后期处理而不是直接的OnImageRender,好处是这也能拿到Stencil(顺便安利一下Unity的Stencil在延迟渲染下貌似并没有什么作用,所以如果要做延迟次表面就得去修改引擎的延迟渲染文件。下面放个一个大佬的实现。支持延迟渲染和延迟Stencil。)

MaxwellGengYF/Unity-Human-Skin-Shader-PC​github.com
v2-761ee85d0872588a35d3406ebe8805d5_ipico.jpg

首先我们新建一个PropertiCommon的C#文件里面内容如此。

v2-1929b6f4679a2d96bc4802cb7ee9e852_b.jpg

v2-7482a9bc2099adf968027781ac31a128_b.jpg

v2-3c0d3bf33c5a405e6b962b93bbc11825_b.jpg

这里这个DrawMesh的意义是为了在摄像机前画一个和屏幕一样尺寸大小模型以此来渲染全屏幕后期效果。后面的这些CustomBlit是整理后比较适合做自定义后期的一些函数(PS.这两个内容来自Git的Well大佬)。接着就可以创建挂在摄像机实现最终效果的C#组件了。内容如下图。

v2-4c16f190f4f9445388a4b64f1a43a228_b.jpg

v2-05358219dfe06b63a7235f66a51ba77b_b.jpg

最后把这个组件挂在到摄像机(注意渲染路径需使用向前渲染),然后随便从哪儿找一个Shader吧Stencil的内容输出为如下图所示,播放即可实现SSS效果。

v2-bdf8dc90da9dbe68e77cb31cec4e7126_b.jpg

到现在实现的功能包括了后期屏幕空间特效和Stencil优化(PS一下因为Forward在GBuffer之后所以如果厂家有延迟渲染的内容可能会出现SSS计算的遮挡问题,正在修复...)。未来可能会加入前向渲染的带透射的皮肤材质或者是基于后期的透射,也计划增加同屏不一样的SSS颜色处理。说了这么多是时候上源代码了,各位支持支持(第一次传Git)。

https://github.com/haolange/UnityCharacterRender_SeparableSubsurfaceScatter​github.com

最后的最后来一串效果展示,奇数张是不带SSS的,偶数张是带SSS的(不要在意那个眼睛。简单扔上去的不是很好看,以后有空做个EyeShader)。

v2-71e0a202c452c4fde649435aeaaa5988_b.jpg

v2-db853013584d22fde9ddbbec7bce6215_b.jpg

v2-98f6d38747e1968e360d37a8d5275556_b.jpg

v2-9570237a1926b845960890ddc000e516_b.jpg

v2-5b60fe1dc23393a79de8f1eade88ea95_b.jpg

v2-a2c4185a4117124914bd9a0bb3a5c29d_b.jpg
https://github.com/haolange/Unity_ScreenSpaceTechStack​github.com
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值