前言

本文介绍unity渲染中的透明度混合，和透明度混合相关问题。

一、混合公式

1.说明

unity上，Blend Src Dst, 其中Src是指当前片元着色器输出的颜色，Dst是指缓存区中的颜色，src 可以简单理解为当前输出的颜色，dst表示上一次渲染的颜色（背景颜色）。

混合方程：

 C¯result=C¯source∗Fsource+C¯destination∗Fdestination

C¯source：源颜色向量。这是来自纹理的本来的颜色向量。
C¯destination：目标颜色向量。这是储存在颜色缓冲中当前位置的颜色向量。
Fsource：源因子。设置了对源颜色的alpha值影响。
Fdestination：目标因子。设置了对目标颜色的alpha影响。

公式解析：

假设混合方式为：Blend SrcAlpha OneMinusSrcAlpha
1）假设贴图有一个不透明红色点， Color（1，0，0，1），该点背景色为不透明蓝色 Color（0，0，1，1）。最终颜色 = （1，0，0）* 1 +（0，0，1）（1 - 1） = （1，0，0）
2）假设贴图有一个半透明红色点， Color（1，0，0，0.8），该点背景色为不透明蓝色 Color（0，0，1，1）
最终颜色 = （1，0，0） 0.8 +（0，0，1）（1 - 0.8） = （0.8，0，0.2）
而假如0.8变为0.2时，
最终颜色 = （1，0，0） 0.2+（0，0，1）*（1 - 0.2） = （0.2，0，0.8）

OpenGL混合参考链接

1.常用公式

类似PS上的效果：
Blend SrcAlpha OneMinusSrcAlpha 正常
Blend OneMinusDstAlpha One 柔和相加（Soft Addtive)
Blend DstColor Zero 正片叠底（Multiply），即相乘
Blend DstColor SrcColor 两倍相乘（2x Multiply）

BlendOp Min
Blend One One 变暗（Darken）

BlendOp Max
Blend One One 变亮（Lighten)

Blend OneMinusDstColor One 滤色（Screen）
Blend One One 线性减淡（Linear Dodge）

二、问题

解决Unity在线性空间下，UI对于带Alpha半透明的贴图，在混合颜色时就会出现错误。（备注：Unity线性空间下的sRGB选项不会对Alpha进行处理）。

混合公式：
Gamma空间下的Alpha混合公式：color = (A.rgb * A.a) + (B.rgb * (1 - A.a))
Linear空间下的Alpha混合公式：color = ((A.rgb ^ 2.2 * A.a) + (B.rgb ^ 2.2 * (1 - A.a))) ^（1 / 2.2)

解决步骤：
1）所有UI素材取消勾选sRGB选项，得到的混合公式为：color = ((A.rgb * A.a) + (B.rgb * (1 - A.a))) ^（1 / 2.2) ；
2）然后在输出的颜色上做一次pow（2.2），可以用后处理实现，Universal Render Pipeline管道中可以在BlitPass中做处理。

总结

透明度混合可以实现很多复杂的效果，选择不同的混合模式，可以解决很多渲染上显示问题，比如RT在UI上的显示问题，RT上的特效和UI结合显示的问题等。

参考

OpenGL混合模式
20余种颜色混合模式

透明度混合（Alpha blending）相关推荐

图片正常模式混合（透明度混合）公式
一.描述所有内容摘自维基在处理图象时可能需要手撸图片混合的代码,此时混合公式就十分重要.而正常混合(Normal Blending)模式是最常用的一种格式(比如PS的默认图层混合模式).想手动实现 ...
unity shader学习---透明度测试，透明度混合
unity实现透明效果效果图理论 Alpha Test Alpha Blend 改进开启深度写入的半透明效果双面渲染的透明效果代码部分效果图 Alpha Test Alpha Test W ...
unity物体设置透明度_透明度混合（Alpha blending）
文章目录前言一.混合模式 1.说明 2.常用公式二.问题总结参考前言本文介绍unity渲染中的透明度混合,和透明度混合相关问题. 一.混合公式 1.说明 unity上,Blend Src ...
RGBA alpha 透明度混合算法实现和测试
目录 1.算法叙述 1.1.透明度混合算法1 1.2.AlphaBlend算法介绍 1.3.简易Alpha混合算法 2.算法实现代码和测试 2.1.透明度混合算法1实现代码 2.1.AlphaBlen ...
iOS之深入解析预乘透明度Premultiplied Alpha
一.前言 Premultiplied Alpha 的概念,做过游戏开发的应该都知道,Xcode 的工程选项里有一项 Compress PNG Files,会对 PNG 进行 Premultiplied ...
【Unity Shader】实现透明度测试和透明度混合
本篇开始将进行<入门精要>初级篇最后一部分的学习,完成透明效果的学习. 1 Unity中实现透明效果的方法一个像素的RGBA参数中的最后一项A指的就是透明度Alpha.在之前的实践中,一 ...
Unity_Shader学习笔记_02_透明度测试，透明度混合，半透明.shader入门精要
关于透明度测试,主要是通过clip函数来实现裁剪功能函数:void clip(float4 x);void clip(float3 x);void clip(float2 x);void clip( ...
8.2透明度混合-关闭写入
//透明度混合 //使用当前偏移的透明度作为混合因子,与已经存储在绿色缓冲中的颜色进行混合.得到颜色. //使用混合命令Blend //可以得到真正的半透明效果 //关闭深度写入会造成错误排序的情况 ...
unity物体设置透明度_URP自学笔记5. 透明度混合与透明度测试
1.概述本节中我们回顾一下两种透明方法,透明度混合与透明度测试.透明度混合用于实现半透明,透明度测试则用于实现消融效果之类"消失"效果. 2.透明度混合透明度混合是一种混合方式 ...
unity 半透明混合问题_Unity Shader 透明度混合的双面渲染(十八)
效果: 双面渲染的透明度混合的物体.png 原图: transparent_texture.png Shader代码: Shader中2个Pass代码一样,一个只渲染背面,一个只渲染正面 // 透明度 ...

透明度混合（Alpha blending）

文章目录

前言

一、混合公式

1.说明

1.常用公式

二、问题

总结

参考

透明度混合（Alpha blending）相关推荐

最新文章

热门文章