news 2026/8/6 0:17:06

【URP】Unity[后处理]色调分离SplitToning

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
【URP】Unity[后处理]色调分离SplitToning

核心功能与用途

‌视觉风格化‌:将阴影和高光区域分离着色,常见于电影调色(如《银翼杀手2049》的橙青色调)或游戏场景氛围营造

‌色彩对比增强‌:通过互补色强化画面层次感,例如阴影用冷色(蓝)、高光用暖色(橙)

‌性能优势‌:属于低开销的色彩校正类后处理,适合移动端使用

发展历史

起源自传统胶片摄影的化学调色工艺,后引入数字图像处理

Unity早期通过Amplify Color等插件实现,2018年后整合到Post Processing Stack v2中,现为URP/HDRP标准组件

原理

SplitToning是Unity URP后处理中用于实现色调分离效果的技术,其核心原理是通过对图像的高光和阴影区域分别应用不同的颜色映射,从而创造出艺术化的色彩分级效果。以下是详细解析:

底层原理

‌颜色分离机制‌

SplitToning将图像像素按亮度分为高光(亮部)和阴影(暗部)两部分,通过阈值控制分离范围。高光区域应用_SplitToningHighlightsColor,阴影区域应用_SplitToningShadowsColor,中间过渡区域通过平滑插值混合。

‌LUT(颜色查找表)支持‌

URP可能结合LUT技术加速颜色映射。LUT将输入颜色值映射到预定义输出值,SplitToning的色调映射可通过LUT贴图(如1024x32尺寸)高效实现,每个Tile对应不同的亮度区间。

‌Shader实现流程‌

采样原始图像像素并计算亮度(如使用Luminance()函数)

根据亮度值选择高光或阴影颜色

应用平滑过渡(如smoothstep函数)避免硬边界

最终输出混合结果。

示例说明

以下是一个简化的Shader代码片段,展示SplitToning的核心逻辑:

hlsl

float3 ApplySplitToning(float3 inputColor, float3 shadowsColor, float3 highlightsColor, float balance) {

float luminance = Luminance(inputColor);

float t = smoothstep(0.2, 0.8, luminance); // 过渡区间控制

float3 shadows = lerp(inputColor, shadowsColor * inputColor, 1.0 - t);

float3 highlights = lerp(inputColor, highlightsColor * inputColor, t);

return lerp(shadows, highlights, balance); // 平衡参数调节整体倾向

}

‌参数说明‌:

shadowsColor/highlightsColor:阴影/高光的目标色调(如蓝色高光+橙色阴影)

balance:控制整体偏向高光或阴影(0.5为均衡)。

性能优化建议

‌与URP管线集成‌

通过RenderFeature将SplitToning作为后处理阶段插入渲染管线,注意在Volume组件中配置参数以实现动态调整。

‌结合SRP Batcher‌

若自定义Shader,需确保符合SRP Batcher要求(如使用CBUFFER封装变量),以减少DrawCall开销。

‌LUT优化‌

使用256x16的小尺寸LUT贴图可降低带宽占用,但可能损失精度;1024x32适合高质量需求。

典型应用场景包括电影感调色(如《银翼杀手》风格的冷色调高光+暖色调阴影)或风格化游戏渲染

参数详解与用例

参数 含义 典型用例

Shadows 阴影区域色调(RGB) 暗部填充冷色(如#1E3A8A)增强景深

Highlights 高光区域色调(RGB) 亮部使用暖色(如#F59E0B)模拟阳光

Balance 阴影/高光混合权重 正值偏向高光,负值强化阴影(-20~20)

URP实现流程

SplitToningExample.cs

using UnityEngine;

using UnityEngine.Rendering;

using UnityEngine.Rendering.Universal;

public class SplitToningExample : VolumeComponent, IPostProcessComponent {

[Tooltip("阴影色调")] public ColorParameter shadows = new ColorParameter(Color.blue);

[Tooltip("高光色调")] public ColorParameter highlights = new ColorParameter(Color.yellow);

[Tooltip("平衡值")] public ClampedFloatParameter balance = new ClampedFloatParameter(0f, -20f, 20f);

public bool IsActive() => shadows.value != Color.gray || highlights.value != Color.gray;

public bool IsTileCompatible() => false;

}

SplitToningRenderPass.cs

using UnityEngine;

using UnityEngine.Rendering;

using UnityEngine.Rendering.Universal;

public class SplitToningRenderPass : ScriptableRenderPass {

private Material material;

private SplitToningExample settings;

public SplitToningRenderPass(Material mat) {

material = mat;

renderPassEvent = RenderPassEvent.BeforeRenderingPostProcessing;

}

public void Setup(SplitToningExample volSettings) {

settings = volSettings;

if (settings != null)

material.SetColor("_Shadows", settings.shadows.value);

material.SetColor("_Highlights", settings.highlights.value);

material.SetFloat("_Balance", settings.balance.value);

}

public override void Execute(ScriptableRenderContext context, ref RenderingData data) {

CommandBuffer cmd = CommandBufferPool.Get("SplitToning");

Blit(cmd, ref data, material, 0);

context.ExecuteCommandBuffer(cmd);

CommandBufferPool.Release(cmd);

}

}

SplitToningFeature.cs

using UnityEngine;

using UnityEngine.Rendering.Universal;

public class SplitToningFeature : ScriptableRendererFeature {

private SplitToningRenderPass pass;

public Material effectMaterial;

public override void Create() {

pass = new SplitToningRenderPass(effectMaterial);

}

public override void AddRenderPasses(ScriptableRenderer renderer, ref RenderingData data) {

var stack = VolumeManager.instance.stack;

var settings = stack.GetComponent<SplitToningExample>();

if (settings.IsActive()) {

pass.Setup(settings);

renderer.EnqueuePass(pass);

}

}

}

使用步骤

‌创建Volume Profile‌

Hierarchy右键 → Volume → Global Volume

添加SplitToningExample组件

‌Shader实现‌

hlsl

// Shader核心算法

half3 ApplySplitToning(half3 color, half3 shadows, half3 highlights, half balance) {

half luminance = Luminance(color);

half t = saturate(luminance - balance * 0.01);

return lerp(shadows, highlights, t) * color;

}

‌效果调试‌

阴影色调:适用于地下城/夜晚场景(#2E1065)

高光色调:适合沙漠/黄昏(#F97316)

Balance:-10使画面更阴沉,+10增强阳光感

性能优化建议

避免与Bloom等高开销效果叠加使用

移动端建议使用LUT(颜色查找表)替代实时计算

通过Local Volume按需启用(如仅在过场动画使用)

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/8/4 19:46:18

字节跳动开源Bamboo-mixer:AI驱动电解液研发革命,周期缩短60%

字节跳动开源Bamboo-mixer&#xff1a;AI驱动电解液研发革命&#xff0c;周期缩短60% 【免费下载链接】bamboo_mixer 项目地址: https://ai.gitcode.com/hf_mirrors/ByteDance-Seed/bamboo_mixer 导语 字节跳动旗下AI实验室发布开源模型Bamboo-mixer&#xff0c;通过&…

作者头像 李华
网站建设 2026/8/4 20:01:27

后端学习笔记

目录 字符流的实现 flush和close方法 IO流体系​编辑 缓冲流 序列化流/反序列化流的细节汇总 打印流 Hutool工具包 多线程 多线程三种实现方式对比 常见的成员方法 线程的使用 生产者和消费者 常见方法 等待唤醒机制 阻塞队列方式实现 线程的状态 线程池 主要核心原理 代码实现…

作者头像 李华
网站建设 2026/8/4 10:19:32

Gitea权限管理:构建安全高效的代码访问控制体系

Gitea权限管理&#xff1a;构建安全高效的代码访问控制体系 【免费下载链接】gitea Git with a cup of tea! Painless self-hosted all-in-one software development service, including Git hosting, code review, team collaboration, package registry and CI/CD 项目地址…

作者头像 李华
网站建设 2026/8/5 16:42:25

AI视频生成终极指南:从零开始快速上手WAN2.2-14B-Rapid-AllInOne

在当今数字内容创作浪潮中&#xff0c;AI视频生成技术正以前所未有的速度改变着创作生态。WAN2.2-14B-Rapid-AllInOne作为一款革命性的全能视频生成模型&#xff0c;为创作者提供了前所未有的便捷体验。无论你是视频制作新手还是专业创作者&#xff0c;这款模型都能满足你的多样…

作者头像 李华
网站建设 2026/8/5 3:41:34

Ascend C 绿色计算与边缘部署:面向低碳 AI 的极致能效优化实践

引言&#xff1a;性能之外&#xff0c;能效成为新指标在全球碳中和背景下&#xff0c;AI 的能耗问题 日益受到关注。据测算&#xff0c;训练一个大模型的碳排放相当于 5 辆汽车 lifetime 排放。而在推理侧&#xff0c;边缘设备&#xff08;如摄像头、车载终端&#xff09;的功耗…

作者头像 李华