UGUI 图片灰显裁剪

最新推荐文章于 2025-03-30 13:23:57 发布

monk_CD

最新推荐文章于 2025-03-30 13:23:57 发布

阅读量795

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Unity 文章标签： UGUI 灰显裁剪

本文链接：https://blog.youkuaiyun.com/qweewqpkn/article/details/79136566

今天项目出现一个问题，我们灰显的图片无法被viewport进行裁剪，因为灰显的图片使用了我们自定义的shader，然而里面却没有裁剪的功能。所以网上搜了一下，大概解决办法就是，用原生的UGUI的shader, 然后添加上灰显的代码就可以了，代码如下：

Shader "UI/Default"
{
	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
	}

	SubShader
	{
		Tags
		{ 
			"Queue"="Transparent" 
			"IgnoreProjector"="True" 
			"RenderType"="Transparent" 
			"PreviewType"="Plane"
			"CanUseSpriteAtlas"="True"
		}
		
		Stencil
		{
			Ref [_Stencil]
			Comp [_StencilComp]
			Pass [_StencilOp] 
			ReadMask [_StencilReadMask]
			WriteMask [_StencilWri