UGUI Image模糊效果的简易实现

最新推荐文章于 2024-09-04 07:42:02 发布

鱼龙丿

最新推荐文章于 2024-09-04 07:42:02 发布

阅读量1k

点赞数 1

分类专栏： Unity Shader 文章标签： unity shader 图形学

本文链接：https://blog.csdn.net/PS_show/article/details/106033098

版权

本文介绍如何在Unity2019.3.8f1中使用Shader实现UGUI Image的模糊效果。通过取目标像素点周围颜色相加平均，达到模糊目的。详细内容包括Shader代码实现。

摘要由CSDN通过智能技术生成

环境 Unity2019.3.8f1

思路：取目标像素点周围像素的颜色相加取平均值，实现模糊效果

在Unity官网下载UI/Default源码，去掉片段着色器默认的颜色输出，修改为模糊Blur部分，下面是shader实现

// Unity built-in shader source. Copyright (c) 2016 Unity Technologies. MIT license (see license.txt)

Shader "UI/UI Blur"
{
   
    Properties
    {
   
        [PerRendererData] _MainTex ("Sprite Texture", 2D) = "white" {
   }
        _Color ("Tint", Color) = (1,1,1,1)

        _StencilComp ("Stencil Comparison", Float) = 8
        _Stencil ("Stencil ID", Float) = 0
        _StencilOp ("Stencil Operation", Float) = 0
        _StencilWriteMask ("Stencil Write Mask", Float) = 255
        _StencilReadMask ("Stencil Read Mask", Float) = 255

        _ColorMask ("Color Mask", Float) = 15

        [Toggle(UNITY_UI_ALPHACLIP)] _UseUIAlphaClip ("Use Alpha Clip", Float) = 0

		_Blur ("Blur