Unity UGUI 图片灰色,彩色切换 (兼容URP)

请添加图片描述
请添加图片描述

Shader "Custom/GrayScaleShader"
{
    Properties
    {
        _MainTex ("Texture", 2D) = "white" {}
        _IsGrayScale ("Is GrayScale", Range(0, 1)) = 0
    }
    
    SubShader
    {
        Tags {"Queue"="Transparent" "RenderType"="Transparent"}
        LOD 100
        
        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;
            bool _IsGrayScale;
            
            v2f vert (appdata v)
            {
                v2f o;
                o.vertex = UnityObjectToClipPos(v.vertex);
                o.uv = v.uv;
                return o;
            }
            
            fixed4 frag (v2f i) : SV_Target
            {
                fixed4 tex = tex2D(_MainTex, i.uv);
                // 判断是否是灰度效果
                if (_IsGrayScale)
                {
                    // 转换为灰度
                    float gray = dot(tex.rgb, float3(0.299, 0.587, 0.114));
                    // 输出灰色
                    return fixed4(gray, gray, gray, tex.a);
                }
                else
                {
                    // 输出彩色
                    return tex;
                }
            }
            
            ENDCG
        }
    }
}

使用示例

using UnityEngine;
using UnityEngine.UI;

public class Example : MonoBehaviour
{
    public Image image;
    public Material grayScaleMaterial;

    private bool isGrayScale = false;

    void Start()
    {
        image.material = grayScaleMaterial;
        UpdateGrayScaleState();
    }

    public void ToggleGrayScale()
    {
        isGrayScale = !isGrayScale;
        UpdateGrayScaleState();
    }

    private void UpdateGrayScaleState()
    {
        grayScaleMaterial.SetInt("_IsGrayScale", isGrayScale ? 1 : 0);
    }
}
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值