基于Shader实现的UGUI描边解决方案遇到的bug及解决方法

已于 2024-09-12 10:08:49 修改
阅读量1.4k 收藏 4
点赞数 1
文章标签： bug
于 2024-08-19 21:02:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/oncruise/article/details/141334863
版权

原文链接：https://www.cnblogs.com/GuyaWeiren/p/9665106.html
使用这边文章介绍的描边解决方案时遇到了一些问题，就是文字的描边经常会变粗，虽然有的时候也可以正常显示描边，但是运行一会儿描边就不正常了，而且不正常的描边粗细是不均匀的。正常的描边如下图：
 


不正常的描边如下图：
 


然后我把采样函数只调用一次，发现是不正常的描边的偏移量太大了。
只采样一次，正常的描边如下图：
 


只采样一次，不正常的描边如下图：

最低0.47元/天 解锁文章
oncruise
关注
Unity中实现UI描边
L的博客
01-10 6114
一：为什么尽量避免使用大量UGUI的Outline和Shadaw组件 下面是Outline的源码，不论是Outline还是Shadow，它的实现原理是把原来的顶点拷贝出来一份，根据偏移量来设置拷贝出来的顶点位置。Shadow拷贝一份，Outline拷贝四份 using System.Collections.Generic; namespace UnityEngine.UI { [AddComponentMenu("UI/Effects/Outline", 15)] /// <s
Unityunity2017之后的shader实现的UGUI外描边方案，复用材质球保证能合批
03-26
基于Shader实现的UGUI描边解决方案，解决unity 自带outline 顶点数过多、overdraw过大问题。 且改进了一下实现， 用一个材质球绑定所有描边，保证文字描边能合批。 实例项目用的unity2018.1.1 具体实现代码文章在：https://blog.csdn.net/zhenmu/article/details/88821562
UGUI Text描边实现
qq_25670983的博客
08-30 577
UGUI Text描边重新实现 当文字贴图发生变化时 描边计算错误的问题 描边显示会有异常 粗细不一。
【Unity】用shader做UGUI字体描边的算法改进
zhenmu的专栏
03-26 1万+
Unity自带的Outline 效率实在太差。 找了基于Shader实现的UGUI描边解决方案http://www.cnblogs.com/GuyaWeiren/p/9665106.html 效果还不错，overdraw和顶点数都不高。 不过方案有2个问题，自己尝试调整了一下， 代码放在这以供参考吧。 (注：把ui存储prefab，运行时动态挂到一个canvas上， 这个canvas 如果...
UGUI文本描边
a_codecat的博客
10-30 520
实现UGUI的文本描边
UGUI 之 Text文字颜色渐变和描边
陈言必行 -- Unity游戏开发领域优质博主
10-12 6485
Unity Text文字颜色渐变和描边的使用
Unity ReckMask2D 与 Mask 的一点小总结
WuShangLZ的博客
05-22 5462
写在最前:1.工程环境：Unity 2017。2.UI插件：UGUI。3.本文章是个人的学习记录贴，如果有幸被翻阅，请不要吐槽排版。先摘录一下 UI/Default 的相关关键代码,以下描述会用到（本人自己创建了一个Shader，并复制了UI/Default源码，所以可以更改！）#pragma multi_compile __ UNITY_UI_CLIP_RECT //------------...
Unity常用面试问题
最新发布
新人
12-18 457
可读可写，类型，大小，压缩格式，minmap是否开启（开了增加内存，不开分辨率过高增加渲染压力，显存过大，传递数据drawcall更多）GC，UGUI合批，网格重建，跨语言调用，IO，预制体加载大小（特效动态加载），ab包分类。每一次GC会经历以下过程，堆上的对象越多，对象的引用越多，意味着GC所做的工作越多。因为值类型是复制的，出栈后栈顶指针收缩复用那片区域，引用是在堆里面。先在世界空间下剔除完全不在范围内的，然后在光栅化出像素点后裁剪。new对象的时候，产生新对象。1：GC会检查堆上所有的对象。
工作记录(ljs)
和尚的专栏
01-17 866
2018.1.16  今天主要做了要对字体进行勾边的效果,要能控制描边的宽度，看了UGUI自带的outline的实现方式，它本质是将原文本多渲染了4次，这4次的文本的顶点位置都相对原来文本在上下左右进行了一定的偏移，这样产生的描边效果。这种方式效率不高，不过也可以用的。我后来按照网上的方法让它横竖都渲染更多次，来达到描边宽度控制的效果，但是效率特别低，当像背包物品出现这种描边文字的时候，每个文本...
分享一个UGUI文本描边的方案
qq_27275225的博客
09-27 2047
众所周知，Unity自带的文本描边outline组件比较鸡肋，当描边粗细比较小的时候，效果还好，一旦超过2，那就会产生断断续续的效果原因是它的实现原理其实就是上下左右偏移出一定距离（描边粗细）各自在渲染一遍文本，在把效果叠加起来，在粗细比较小的时候，就是描边效果，但是粗细比较大的时候就穿帮了。然而有时候细细的描边并不能满足美术大佬的需求，这时候要怎么办？主流的办法是使用TextMeshPro，用它的话确实可以实现好看的描边以及其他好看的效果。
Unityunity2017之后的shader实现的UGUI外描边方案，复用材质球保证能合批(修正了mask的问题）
08-27
基于Shader实现的UGUI描边解决方案，解决unity 自带outline 顶点数过多、overdraw过大问题。 且改进了一下实现， 用一个材质球绑定所有描边，保证文字描边能合批。 实例项目用的unity2018 具体实现代码文章在：https://blog.csdn.net/zhenmu/article/details/88821562 这次修正了 mask的问题 渐隐的问题。
Unity 边缘高亮插件，测试OK版本5.5|5.6|2017
10-05
unity物体边缘高亮显示Highlighting System 4.2.1 Requires Unity 5.5.0 or higher. Highlighting System package allows you to easily integrate outline glow effect for objects highlighting in your Unity project. Main features: ? Works as an Image Effect on Camera ? Compatible with Forward and Deferred rendering paths, HDR, Gamma and Linear Color Space, GPU Instancing ? Original renderer materials remains intact (sharedMaterials will remain shared) ? VR: Compatible with Single Pass (Fast) Stereo Rendering Method ? Fully compatible with LODGroup component ? Works with static and skinned meshes Highlighting System 5.6 版本迁移测试正常 Highlighting System 2017.3.0f3 版本迁移测试正常
NGUI可用----边缘高光
09-12
Unity3D使用NGUI上的UITexture使用界面高光特效以及特效控制C#代码
UGUI优化之路- Text的文字描边优化
走走走~
04-09 3061
UGUI自带的Text组件依然是最常用的文本组件，但自带的描边效果却不尽人意，性能差且描边毛刺多，因此实际项目中经常需要对描边效果进行优化才能满足对高品质UI对要求
unity探索者之UGUI图片描边
UnityExplorer的博客
08-18 2358
版权声明：本文为原创文章，转载请声明https://www.cnblogs.com/unityExplorer/p/13524270.html 自从UGUI出现之后，我就已经放弃使用NGUI了，原因不多说，毕竟是亲爹产的 不过即使如此，UGUI也存在不少问题，很多组件也不完善 今天要说的就是Outline这个组件，相信不少朋友都使用过，也相信不少朋友都和我一样，对于这个组件十分恶心 比如...
shader forge的描边出现个透明度bug
蔚蓝的同谋慰藉之地
12-05 1315
在做项目角色卡通渲染shader的时候出了点状况，shaderforge的描边在renderTexture下呈现透明显示。结合上一篇的原因，我估计是描边的A通道出了问题。  Pass {             Name "Outline"             Tags {             }             Cull Front
Unity 2D内描边Shader
super41的博客
06-15 1420
今天，我们来实现一个2D内描边的效果。内描边：即把边缘像素变成描边的颜色，占用原来的像素。思路：我们可以在片元着色器实现此效果：当一个像素本身不是透明的（alpha>0），而且它上下左右4个像素的alpha值的乘积等于0，那么我们可以判定该像素处于边缘，让它变成描边颜色就可以。
基于Shader实现的UGUI描边解决方案
山南hsy
03-28 304
基于Shader实现的UGUI描边解决方案 - GuyaWeiren - 博客园
【Unity 实用工具篇】 | UIEffect 实现一系列UGUI特效，描边及阴影特效
热门推荐
努力前行，总会成为自己心中的那道光
04-25 4万+
在Unity中 UGUI 的使用几乎是必不可少的，虽然也有NGUI、FGUI等可以使用，但使用UGUI的还是占多数。 而在使用UGUI的过程中，除了一些基础的UI交互页面及逻辑，学习一些UGUI特效的使用也是很有必要的。 接下来会分享一些UGUI中比较简单且实用的特效，供有需要的小伙伴学习使用。
Unity2018优化UGUI外描边与材质复用方案
### Unity2017之后的shader实现UGUI外描边方案知识点总结 #### 标题解析 标题描述了一个特定的技术方案，即在Unity 2017及之后版本中，使用Shader实现UGUI元素（如UI文本和图形）的外描边（Outline）效果。此方案的...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值