Unity Shader 之 正方形图片四角圆角的简单实现（不用遮罩Mask）

最新推荐文章于 2024-06-11 17:47:53 发布
最新推荐文章于 2024-06-11 17:47:53 发布
阅读量3.6k 收藏 3
点赞数 2
分类专栏： Unity Shader 及 屏幕特效 文章标签： Unity Shader 圆角效果
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014361280/article/details/105256487
版权
本文介绍了如何在Unity中使用Shader无需遮罩Mask实现正方形图片的四角圆角效果。主要原理包括调整UV坐标，根据圆角半径绘制中间和四角的圆角部分。关键步骤包括编写Shader脚本，创建材质，应用到场景中的Quad上，最终运行展示效果。
摘要由CSDN通过智能技术生成

Unity Shader 之 正方形图片四角圆角的简单实现（不用遮罩Mask）

 

目录

Unity Shader 之 正方形图片四角圆角的简单实现（不用遮罩Mask）

一、简单介绍

二、实现原理

三、注意实现

四、效果预览

五、实现步骤

六、关键代码

 

一、简单介绍

Shader Language的发展方向是设计出在便携性方面可以和C++、Java等相比的高级语言，“赋予程序员灵活而方便的编程方式”，并“尽可能的控制渲染过程”同时“利用图形硬件的并行性，提高算法效率”。

本节介绍，使用shader 实现正方形图片圆角功能的实现。

 

二、实现原理

1、首先调整一个adaptUV在图中央（默认UV在左下角）；

了解本专栏 订阅专栏 解锁全文 超级会员免费看
仙魁XAN
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
订阅专栏
Unity圆角遮盖shader
11-24
Unity使用的shader圆角遮盖,可以代替掉UI的mask组件，节省性能 使用方法：直接把材质球放到UI的Image组件上即可，然后通过调节材质球上面的参数来控制圆角大小
unity 圆角shader
05-16
圆角shader，可以用于UI图片圆角剪裁，可自行调节参数，更改圆角大小
解读Unity中的CG编写Shader系列4——unity中的圆角矩形shader
宇仔TuT的博客
08-21 8987
上篇文章中我们掌握了表面剔除和剪裁模式 这篇文章将利用这些知识实现一个简单的，但是又很常用的例子:把一张图片做成圆角矩形 例3：圆角矩形Shader 好吧我承认在做这个例子的时候走了不少弯路，由于本人对矩阵的知识掌握已经悉数还给老师，所以一开始用了一些笨办法计算圆角矩形区域。 我们知道TEXTCOORD0是一个以对象为坐标系的坐标，并且范围在该坐标的第一象限，取值为(0,0)到(1,1) 那么我们把每一张图片都看做一张1X1大小的矩形 我们要在1X1大小的矩形中擦除4个角，应该是这样: 以左上角为例，
Unity shader 切圆角矩形，四个角分别控制，且适应长宽比
最新发布
Oops
06-11 230
shader圆角矩形
Unity shader 实现图片带圆角和边线border
newchenxf的专栏
07-18 5134
unity shader实现圆角+ border
Unity的UI圆角矩形shader.unitypackage
07-08
Unity的UI圆角矩形shader.unitypackage
Unity shader实现遮罩效果
08-26
Unity Shader 实现遮罩效果 在 Unity 中实现遮罩效果是一件非常有用的技术，能够将图片或物体部分遮罩，展示出特定的形状或效果。下面我们将详细介绍 Unity Shader 实现遮罩效果的方法。 Shader 编写 在 Unity 中...
Unity 无锯齿圆滑圆角头像圆角图形
12-12
3. 编写或使用已有的自定义Shader，该Shader应处理UV坐标以实现圆角效果，并支持UGUI的Mask功能。 4. 将自定义Shader应用到Image组件上。 5. 结合"CircleIconTest"中的资源和代码，测试并调整效果。 这个过程可能...
Unity Shader实现纹理遮罩效果
08-19
Unity Shader 实现纹理遮罩效果 Unity Shader 是一种强大的图形shader语言，它可以实现复杂的图形效果。在 Unity 中，Shader 是一个非常重要的组件，它可以控制游戏中的图形效果。在本文中，我们将详细介绍如何...
Unity3d《Shader篇》绘制圆角图片
weixin_30730151的博客
06-19 208
Pass { CGPROGRAM // Upgrade NOTE: excluded shader from OpenGL ES 2.0 because it does not contain a surface program or both vertex and fragment programs. #pragma exclude_rende...
UI圆角效果-Shader实现
05-10
UI圆角效果-Shader实现
unity 切圆角矩形
03-01
unity 切圆角矩形，通过shader编码实现图片圆角
Unity用户自定义圆角头像
12-19
Unity用户自定义圆角头像
【UnityShader】图片圆角
qq_35064654的博客
04-21 1751
我们在开发的时候，有时候一些按钮或者菜单栏的边角是直角的需要改成圆角，但是让美术重新绘制耽误时间不说也确实没必要，这个时候我们不妨使用一个简单的shader去解决这个问题，下面我们就讲讲这个shader要如何实现。需求1：可以将图片四角任意一角从直角变为圆角，可控制圆角大小需求2：在需求一的基础上可以选择是否给图片加上边框，颜色可变附加小需求：可更改图片透明度。
基于PorterDuffXfermode或Shader绘制圆角图片
sanshan_star的博客
09-26 303
基于PorterDuffXfermode方式 canvas原有的图片可以理解为背景，就是dst； 新画上去的图片可以理解为前景，就是src。 /** * Created by star on 2016/6/15 * 功能:基于PorterDuffXfermode的圆角图片 */ public class RoundRectImageView extends ImageView {
[转]解读Unity中的CG编写Shader系列4——unity中的圆角矩形shader
weixin_30561177的博客
06-01 55
上篇文章中我们掌握了表面剔除和剪裁模式这篇文章将利用这些知识实现一个简单的，但是又很常用的例子:把一张图片做成圆角矩形 例3：圆角矩形Shader好吧我承认在做这个例子的时候走了不少弯路，由于本人对矩阵的知识掌握已经悉数还给老师，所以一开始用了一些笨办法计算圆角矩形区域。我们知道TEXTCOORD0是一个以对象为坐标系的坐标，并且范围在该坐标的第一象限，取值为(0,0)到(1,1)那么...
unity圆角矩形shader,支持mask裁切
qq_34984220的博客
03-08 638
unity圆角矩形shader,支持mask裁切。
Untiy3D Mask 组件不起作用
weixin_40769819的博客
10-21 1678
 原因之一是挂载Mask组件的物体上没有Image组件
unity shader 之 mask shader 实现透明物体遮挡实体的效果
12-03
Mask Shader 是 Unity Shader 中的一种特殊类型，用于实现透明物体遮挡实体的效果。在实现透明遮挡效果时，我们可以使用 Mask Shader 来达到所需的效果。 在编写 Mask Shader 时，我们首先需要确定遮挡实体的形状和...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

仙魁XAN

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

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

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

打赏作者

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

抵扣说明：

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

余额充值