Unity3D 开发之shader教程(实现圆角矩形)
2014-11-18 14:36
316 查看
之前因为需要做新手引导,导致需要对一张图片进行挖空的效果显示!刚开始使用的拼凑的界面,后来发现,拼凑的界面会因为计算的关系出现一个像素的缝隙。在忙完之后,果断决定使用shader来做
一张图片,UV坐标,以左下为(0,0,)右上为(1,1)进行坐标判断,由代码里的实际需要来进行挖洞,即位置占整个图片的大小百分比来做!在这个范围内的执行 discard,也就是丢弃这个像素的渲染。做出来就会是个矩形,但是矩形可能不够好看,那就做个简单的圆角矩形,而圆角矩形的实现原理如图
设定半径,设定范围,四个角上的矩形范围内判断点到圆心的距离,在园内的挖掉,否则保留,圆角矩形就妥妥的搞定了
一张图片,UV坐标,以左下为(0,0,)右上为(1,1)进行坐标判断,由代码里的实际需要来进行挖洞,即位置占整个图片的大小百分比来做!在这个范围内的执行 discard,也就是丢弃这个像素的渲染。做出来就会是个矩形,但是矩形可能不够好看,那就做个简单的圆角矩形,而圆角矩形的实现原理如图
设定半径,设定范围,四个角上的矩形范围内判断点到圆心的距离,在园内的挖掉,否则保留,圆角矩形就妥妥的搞定了
相关文章推荐
- Unity3D 开发之shader教程(浅谈光照之漫反射diffuse)
- Android开发之自定义圆角矩形图片ImageView的实现 - Jamy Cai
- Unity3D 开发之shader教程(浅谈GPU渲染入门)
- Unity3D 开发之shader教程(浅谈GPU渲染之shader language概述)
- Android开发之自定义圆角矩形图片ImageView的实现
- Unity3D 开发之shader教程(浅谈光照之漫反射diffuse)
- Unity3D 开发之shader教程(实时swirl 扭曲漩涡效果)
- Unity3D 开发之shader教程(浅谈GPU渲染之shader language概述)
- Unity3D教程:如何利用Shader实现钻石渲染效果
- Android自定义View【实战教程】4⃣️----BitmapShader详解及圆形、圆角、多边形实现
- android 自定义View开发实战(四) 圆角矩形ImageView实现
- [原]shader实现矩形圆角
- Unity3D 开发之shader教程(浅谈光照之漫反射diffuse)
- 【Android开发】利用XML实现扁平化按钮和圆角矩形
- Android开发之自定义圆角矩形图片ImageView的实现
- C#开发WPF/Silverlight动画及游戏系列教程(Game Tutorial):(八) 完美实现A*寻径动态动画
- C#开发WPF/Silverlight动画及游戏系列教程(Game Tutorial):(四)实现2D人物动画①
- C#开发WPF/Silverlight动画及游戏系列教程(Game Tutorial):(十一)地图遮罩层的实现
- 锐拜:CSS实现圆角矩形之函数版
- C#开发WPF/Silverlight动画及游戏系列教程(Game Tutorial):(十一)地图遮罩层的实现