首页 > 其他分享 >混合模式Blend

混合模式Blend

时间:2023-01-30 23:57:01浏览次数:62  
标签:SrcAlpha MainTex 模式 混合 BlendMode DstColor Blend

遇到的问题

1) Camera直接输出画面时,混合效果和混合公式对不上

底图Quad_Bg是蓝色(0, 0, 1, 1),混合图Quad_Src是红色(1, 0, 0, 0.5),混合模式为Blend DstColor Zero, One Zero

a) 只有将Camera的画面输出到RenderTexture时,混合效果才正常

红蓝相交的地方混合后:DstColor(0, 0, 1) * SrcColor(1, 0, 0) + 0 * DstColor = (0, 0, 0),rgb为黑色;1 * SrcAlpha(0.5) + 0 * DstAlpha = 0.5;最终为50%黑色 

红色和相机背景白色混合后:DstColor(1, 1, 1) * SrcColor(1, 0, 0) = (1, 0, 0),rgb为红色;1 * SrcAlpha(0.5) + 0 * DstAlpha = 0.5;最终为50%红色

b) Camera直接输出画面,他的alpha总是会被设置为1

红蓝相交的地方混合后:DstColor(0, 0, 1) * SrcColor(1, 0, 0) + 0 * DstColor = (0, 0, 0),rgb为黑色;alpha总是为1,所以为黑色

红色和相机背景白色混合后:DstColor(1, 1, 1) * SrcColor(1, 0, 0) = (1, 0, 0),rgb为红色;alpha总是为1,所以为红色

 

常见的一些混合效果(使用RenderTexture)

1) 用到的shader

注意:这边的alpha值使用额外的混合参数控制:Blend SrcFactor DstFactor, SrcFactorA DstFactorA

Shader "My/Blend2"
{
    Properties
    {
        _MainTex("Texture", 2D) = "white" {}

        [Enum(UnityEngine.Rendering.BlendMode)]_SrcFactor("SrcFactor", int) = 5 //BlendMode.SrcAlpha
        [Enum(UnityEngine.Rendering.BlendMode)]_DstFactor("DstFactor", int) = 10 //BlendMode.OneMinusSrcAlpha        

        [Enum(UnityEngine.Rendering.BlendMode)]_SrcFactorA("SrcFactorA", int) = 5 //BlendMode.SrcAlpha
        [Enum(UnityEngine.Rendering.BlendMode)]_DstFactorA("DstFactorA", int) = 10 //BlendMode.OneMinusSrcAlpha        
    }
    SubShader
    {
        Tags
        {
            "Queue" = "Transparent"
            "RenderType" = "Transparent"
        }

        ZWrite Off
        Blend[_SrcFactor] [_DstFactor], [_SrcFactorA] [_DstFactorA]

        Pass
        {
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag

            #include "UnityCG.cginc"

            struct appdata
            {
                float4 vertex : POSITION;
                float2 uv : TEXCOORD0;
            };

            struct v2f
            {
                float2 uv : TEXCOORD0;
                float4 vertex : SV_POSITION;
            };

            sampler2D _MainTex;
            float4 _MainTex_ST;

            v2f vert(appdata v)
            {
                v2f o;
                o.vertex = UnityObjectToClipPos(v.vertex);
                o.uv = TRANSFORM_TEX(v.uv, _MainTex);
                return o;
            }

            fixed4 frag(v2f i) : SV_Target
            {
                fixed4 c = tex2D(_MainTex, i.uv);
                return c;
            }
            ENDCG
        }
    }
}

2) 正常模式 Blend SrcAlpha OneMinusSrcAlpha, SrcAlpha OneMinusSrcAlpha

3) 线性减淡 Blend One One, One One

4) 正片叠底 Blend DstColor Zero, DstColor Zero

 

参考

【UnityShader】Blend混合模式 与 20余种颜色混合模式代码实现(多图预警) - 哔哩哔哩 (bilibili.com)

Unity Shader 混合(Blend) - 知乎 (zhihu.com)

标签:SrcAlpha,MainTex,模式,混合,BlendMode,DstColor,Blend
From: https://www.cnblogs.com/sailJs/p/16576641.html

相关文章

  • Seata客户端集成及AT&TCC事务模式演示
    0.前言简要说下背景,当前使用seata是基于官方1.5.2版本开发的,所以集成过程可供1.5.2及之后版本的使用者参考,为区别于官方版本,内部版本号设置为1.5.2.2。设计demo演示全局事......
  • 笔记:单例模式---懒汉模式和饿汉模式
    饿汉模式:用人吃东西来比喻的话,就是小花害怕饿,她把东西都准备好了,到时候饿了就可以直接吃。总结:我先new好,如果后面需要,拿这个用就好了。代码实现:publicclassSingle{......
  • web应用模式、api接口、postman下载
    web应用模式#djangoweb框架,专门用来写web项目#bbs项目,图书管理系统,用的是前后端混合开发-后端人员,写后端,也要写【模板语法】---》xx.html的python代码-全栈开发-......
  • drf基础:1、web应用模式、API接口、接口测试工具
    drf入门一、web应用模式​ web的应用模式共分为两种,前后端不分离、前后端分离1、前后端混合​ 之前所写的bbs项目就是前后端不分离,后端人员在开发过程中使用模板语法......
  • Web应用模式 API接口 接口测试工具postman及使用
    目录Web应用模式前后端混合开发前后端分离开发API接口接口测试工具postmanpostman的使用Web应用模式前后端混合开发DjangoWeb框架,专门用来写web项目之前所学的,写的BB......
  • 模式识别笔记
    模式识别吴建鑫,南京大学目录目录模式识别目录第一章诸论1.模式识别流程2.模式识别和机器学习的区别第二章数学背景知识第三章模式识别系统的概述第四章评估1.基本评价......
  • web应用模式
    今日内容1web应用模式#djangoweb框架,专门用来写web项目#之前学的,写的bbs项目,图书管理系统,用的是前后端混合开发 -后端人员,写后端,也要写【模板语法】---》xx.html的......
  • 1 web 应用模式 、2 API接口 、3 接口测试工具postman
    目录1web应用模式2API接口3接口测试工具postman1web应用模式#djangoweb框架,专门用来写web项目#之前学的,写的bbs项目,图书管理系统,用的是前后端混合开发 -后端......
  • 使用Blender导出多个动画的GLTF模型
    准备工作:安装Blender准备好多套fbx格式的模型动画首先,加载进来模型。加载图片,将模型名称和动画名称都修改成相应的动作名称点击左下角按钮,切换到非线性动画在列表内会发现......
  • drf:web应用模式、API接口、接口测试工具postman
    目录1web应用模式web应用的开发主要有两种模式:2API接口3接口测试工具postman1web应用模式web应用的开发主要有两种模式:前后端不分离#djangoweb框架,专门用来......