Unity3D-Shader之两张图片叠加并且通过颜色调控

最近项目需要做一个图片叠加在一个模型上,而且还需要通过调整颜色改变两个图片的颜色和透明程度。

另外,还需要一个调控值,管理两张图片是否完全显示,Shader如下:

Shader "Unlit/BlockTextrue"
{
	Properties
	{
		_MainColor ("Main Color", Color) = (1,1,1,1) //前景图颜色
        _BackColor ("Back Color", Color) = (1,1,1,1) //背景图颜色
		_MainTex ("Main Texture", 2D) = "white" {} //前景图
        _BackTex ("Back Texture", 2D) = "white" {} //背景图
        _BackCut ("Back cutoff", Range (0, 1)) = 0//用来调控背景图片显示情况
	}
	SubShader
	{
		Tags { "Queue"="Transparent" "IgnoreProjector"="True" "RenderType"="Transparent" }
		LOD 100

		// ZWrite Off
    	// Blend SrcAlpha OneMinusSrcAlpha

		Pass
		{
			CGPROGRAM
			#pragma vertex vert
            #pragma fragment frag
            #pragma target 2.0
            #pragma multi_compile_fog

            #include "UnityCG.cginc"

            struct appdata_t {
                float4 vertex : POSITION;
                float2 texcoord : TEXCOORD0;
                UNITY_VERTEX_INPUT_INSTANCE_ID
            };

            struct v2f {
                float4 vertex : SV_POSITION;
                float2 texcoord : TEXCOORD0;
                UNITY_FOG_COORDS(1)
                UNITY_VERTEX_OUTPUT_STEREO
            };

            sampler2D _MainTex;
            sampler2D _BackTex;
            float4 _MainTex_ST;
			fixed4 _MainColor;
            fixed4 _BackColor;
            float _BackCut;

            v2f vert (appdata_t v)
            {
                v2f o;
                UNITY_SETUP_INSTANCE_ID(v);
                UNITY_INITIALIZE_VERTEX_OUTPUT_STEREO(o);
                o.vertex = UnityObjectToClipPos(v.vertex);
                o.texcoord = TRANSFORM_TEX(v.texcoord, _MainTex);
                UNITY_TRANSFER_FOG(o,o.vertex);
                return o;
            }

            fixed4 frag (v2f i) : SV_Target
            {
                fixed4 backCol = tex2D(_BackTex, i.texcoord)*_BackColor;
                fixed4 texCol = tex2D(_MainTex, i.texcoord)*_MainColor;
                fixed4 col = _BackColor;
                col.rgb = backCol.rgb*(1-_BackCut) + col.rgb*_BackCut;
                col.rgb = col.rgb*(1-texCol.a) + texCol.rgb*texCol.a;
                UNITY_APPLY_FOG(i.fogCoord, col);
                return col;
            }
			ENDCG
		}
	}
}

效果就不弄了,直接Copy直接调就知道了

  • 0
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
Unity3D中导入ASE(Amplify Shader Editor)时,需要注意你的项目环境。如果是标准的Unity3D项目,可以直接使用ASE里的Legacy着色器进行编辑和使用。如果是URP(Universal Render Pipeline)或HDRP(High Definition Render Pipeline)项目环境,建议使用ASE里的Universal着色器。不同插件渲染方式的差异会导致一些问题,所以在使用ASE时要确保使用匹配的环境才能正常显示,否则会呈现一片紫色。你可以在Unity的官方商店中下载这个shader(需要支持正版),导入后会有一个启动首页,建议先查看一下,因为后面可能会遇到一些需要注意的地方。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Unity学习笔记-ASE shadergragh的一些使用心得](https://blog.csdn.net/pure81/article/details/119175731)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *3* [Unity3d (ASE)Amplify Shader Editor 1.8.9.035](https://download.csdn.net/download/we626266613/85722893)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

苏小败在路上

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值