![v2-affdd469c56bf97f66880d9e958aeb06_1440w.jpg?source=172ae18b](http://img-01.proxy.5ce.com/view/image?&type=2&guid=c31d1711-8c2e-eb11-8da9-e4434bdf6706&url=https://pic2.zhimg.com/v2-affdd469c56bf97f66880d9e958aeb06_1440w.jpg?source=172ae18b)
后处理效果,在游戏画面表现中,是很常用的,Bloom是其中之一。
在我当前项目的实践中,美术在调节战斗场景表现的过程中,提出了两个需求:
- 希望让场景中远景有较强的bloom效果,但是近景尽量少受到Bloom影响,且能自由调节
无bloom效果
![v2-0c00105f94321daabc57ab638bfba6a8_b.jpg](http://img-02.proxy.5ce.com/view/image?&type=2&guid=c31d1711-8c2e-eb11-8da9-e4434bdf6706&url=https://pic1.zhimg.com/v2-0c00105f94321daabc57ab638bfba6a8_b.jpg)
全局bloom效果,可以看到,远景和近景,包括近景的Cube,都呈现较强的Bloom效果
![v2-be634f4de66faa05eeecba3e0fe37a3e_b.jpg](http://img-03.proxy.5ce.com/view/image?&type=2&guid=c31d1711-8c2e-eb11-8da9-e4434bdf6706&url=https://pic3.zhimg.com/v2-be634f4de66faa05eeecba3e0fe37a3e_b.jpg)
基于深度的Bloom强度调节,对比可见,远景Bloom强度不变,中景略低,近景几乎没有
![v2-e09b4b3687c6393f8a4d98c54cf3fc5c_b.jpg](http://img-03.proxy.5ce.com/view/image?&type=2&guid=c31d1711-8c2e-eb11-8da9-e4434bdf6706&url=https://pic1.zhimg.com/v2-e09b4b3687c6393f8a4d98c54cf3fc5c_b.jpg)
结果上,这是美术希望得到的场景效果,美术可以根据深度自由调节Bloom强度
- 希望对某些攻击的刀光,特效等,强化Bloom效果(特别是将近景Bloom调弱的情况下),达到突出打击感的效果
这个需求的本质,就是希望针对单个物体(我们的需求主要是特效)调节其Bloom强度,例如:左cube不受Bloom影响,中cube受一点影响,右cube受强影响
![v2-5461e8fb6737193424d2e2a2bc3f0944_b.jpg](http://img-03.proxy.5ce.com/view/image?&type=2&guid=c31d1711-8c2e-eb11-8da9-e4434bdf6706&url=https://pic1.zhimg.com/v2-5461e8fb6737193424d2e2a2bc3f0944_b.jpg)
以上是结果展示,我来简单说下解决思路和方法。
- 需求一:希望让场景中远景有较强的bloom效果,但是近景尽量少受到Bloom影响,且能自由调节
这个需求的解决思路比较简单,核心是两点:
- 获取渲染的深度图
- 将调节的曲线和深度映射,计算出最终的效果
以下是我基于Unity 官方PostProcessing V2做的扩展
![v2-486e332be1663d35e02ed0d3d923df6c_b.gif](http://img-01.proxy.5ce.com/view/image?&type=2&guid=c31d1711-8c2e-eb11-8da9-e4434bdf6706&url=https://pic1.zhimg.com/v2-486e332be1663d35e02ed0d3d923df6c_b.gif)
想要在shader中获取深度图,需要开启camera的depth开关
camera
第二步,将根据深度映射的curve,转换未一张lut贴图,在Shader中取值
![v2-09b2ea60a12012406779020eb529eca1_b.jpg](http://img-01.proxy.5ce.com/view/image?&type=2&guid=c31d1711-8c2e-eb11-8da9-e4434bdf6706&url=https://pic2.zhimg.com/v2-09b2ea60a12012406779020eb529eca1_b.jpg)