产品手册后处理
阅读本文大概需要 20 分钟
本文概述了后处理的定义，后处理都有哪些功能，每种功能表现效果以及使用方式。
后处理功能介绍
功能定义：后处理是在正常渲染管线结束后，对最终渲染图像进行的后期加工，比如滤镜、模糊等效果。以此来模拟物理摄像机和电影特效。也就是说后处理功能是我们做完游戏后的最后一道美化工具，将游戏的画面效果进行提升的必要手段，最终呈现给用户。
目前后处理功能包括：滤镜、模糊、景深。
后续还会拓展：运动模糊、素描效果、油画效果、环境光遮蔽、闪光弹效果等。
滤镜效果
功能说明：滤镜是一种图像处理方式，可以在不改变原始图像的基础上，通过调整滤镜参数，对图像进行色彩修正，使得游戏的图像效果更加真实或艳丽，从而符合游戏风格。
滤镜预设
功能说明：为了方便用户使用，我们添加了30种滤镜预设，用户可以一键设置与游戏相符的滤镜效果。
| 中文名称 | 枚举名称 | 枚举序号 | 应用说明 |
|---|---|---|---|
| 默认 | Default | 0 |  |
| 梦境 | Dreamy | 1 |  |
| 反差色 | Contrast | 2 |  |
| 暖阳 | WarmSunshine | 3 |  |
| 老照片 | OldPhoto | 4 |  |
| 夜幕 | Night | 5 |  |
| 鲜暖色 | WarmContrast | 6 |  |
| 奶油 | Cream | 7 |  |
| 鲜亮 | Bright | 8 |  |
| 夏日 | SummerDay | 9 |  |
| 高级 | Senior | 10 |  |
| 自然 | Natural | 11 |  |
| 苏打水 | SodaWater | 12 |  |
| 日落1 | Sunset_1 | 13 |  |
| 日落2 | Sunset_2 | 14 |  |
| 日落3 | Sunset_3 | 15 |  |
| 灰1 | Grey_1 | 16 |  |
| 梦幻 | Dream | 17 |  |
| 电影 | Film | 18 |  |
| 灰2 | Grey_2 | 19 |  |
| 多彩1 | Colorful_1 | 20 |  |
| 黎明 | Dawn | 21 |  |
| 多彩2 | Colorful_2 | 22 |  |
| 黄昏 | Dusk | 23 |  |
| 破晓 | BreakingDawn | 24 |  |
| 森林 | Forest | 25 |  |
| 青1 | Cyan_1 | 26 |  |
| 青2 | Cyan_2 | 27 |  |
| 老照片1 | OldPhoto_1 | 28 |  |
| 老照片2 | OldPhoto_2 | 29 |  |
| 泛黄 | Yellowing | 30 |  |
相关接口：
TypeScript
//后处理预设选择“夜幕”
PostProcess.preset = PostProcessPreset.Night;//后处理预设选择“夜幕”
PostProcess.preset = PostProcessPreset.Night;泛光
功能说明：可以调节镜头中泛光，值越大泛光越强。取值范围0 ~ 8，默认值为 1.5。
演示效果：
相关接口：
TypeScript
//后处理泛光值 = 1.5
PostProcess.bloom = 1.5;//后处理泛光值 = 1.5
PostProcess.bloom = 1.5;全局饱和度
功能说明：可以调节镜头颜色的饱和度，饱和度越高颜色越生动。取值范围0 ~ 2，默认值为 1.2。
演示效果：
相关接口：
TypeScript
//后处理全局饱和度 = 1.1
PostProcess.saturation = 1.1;//后处理全局饱和度 = 1.1
PostProcess.saturation = 1.1;全局对比度
功能说明：可以调节镜头颜色的对比度，对比度越高颜色越鲜明。取值范围0 ~ 5，默认值为 1。
演示效果：
相关接口：
TypeScript
//后处理全局对比度 = 1
PostProcess.contrast = 1;//后处理全局对比度 = 1
PostProcess.contrast = 1;模糊效果
功能说明：是将整个场景进行虚化，营造氛围的同时，强调游戏的部分内容，从而传递一些重点的游戏UI信息。
是否启用
功能说明：是否启用模糊的效果，勾选后，场景效果将会被模糊化，取消勾选则会取消模糊效果。
相关接口：
TypeScript
//模糊功能启用
PostProcess.blurEnabled = true;
//模糊功能关闭
PostProcess.blurEnabled = false;//模糊功能启用
PostProcess.blurEnabled = true;
//模糊功能关闭
PostProcess.blurEnabled = false;模糊强度
功能说明：调整场景模糊效果的程度，值越大，场景效果越模糊。
演示效果：
相关接口：
TypeScript
//模糊强度 = 0.6
PostProcess.blurIntensity = 0.6;//模糊强度 = 0.6
PostProcess.blurIntensity = 0.6;景深效果
功能说明：是将除了部分场景的其他场景效果进行虚化，突出部分场景的效果，强调游戏场景的部分信息。
是否启用
功能说明：是否启用景深的效果，勾选后，场景效果将会被模糊化，取消勾选则会取消景深效果。
相关接口：
TypeScript
//景深功能启用
PostProcess.depthOfFieldEnabled = true;
//景深功能关闭
PostProcess.depthOfFieldEnabled = false;//景深功能启用
PostProcess.depthOfFieldEnabled = true;
//景深功能关闭
PostProcess.depthOfFieldEnabled = false;景深强度
功能说明：调整场景虚化效果的程度，值越大，场景效果越模糊。
演示效果：
相关接口：
TypeScript
//景深强度 = 0.6
PostProcess.depthOfFieldIntensity = 0.6;//景深强度 = 0.6
PostProcess.depthOfFieldIntensity = 0.6;焦距位置
功能说明：控制对焦对象与摄像机的距离，值越小对焦对象与摄像机的距离就越远，值越大对焦对象与摄像机的距离就越近。
演示效果：
相关接口：
TypeScript
//景深聚焦距离 = 0.6
PostProcess.focusPosition = 0.6;//景深聚焦距离 = 0.6
PostProcess.focusPosition = 0.6;焦距距离
功能说明：控制对焦对象的距离，也就是没有被虚化的上下范围。
演示效果：
相关接口：
TypeScript
//景深聚焦范围 = 0.2
PostProcess.focusDistance = 0.2;//景深聚焦范围 = 0.2
PostProcess.focusDistance = 0.2;