【godot shader】圆形裁剪，圆形头像

1.新建Material2.新建Shader
3.输入以下代码

shader_type canvas_item;// 纹理的尺寸
uniform vec2 texture_size;
// 圆半径
uniform float radius;// 判断是否在圆内
bool check(vec2 texCoord) {vec2 pos = vec2(texCoord.x*texture_size.x, (1.0 - texCoord.y)*texture_size.y);if (pow(pos.x - texture_size.x*0.5, 2.0) + pow(pos.y - texture_size.y*0.5, 2.0) <= pow(radius, 2.0)){return true;} else {return false;}
}void fragment(){vec4 o = texture(TEXTURE, UV);if(!check(UV)) {//不在圆内则透明o *= vec4(0, 0, 0, 0);}COLOR = o;
}

【godot shader】圆形裁剪，圆形头像相关推荐

ios 裁剪圆形头像_IOS_iOS如何裁剪圆形头像，本文实例为大家介绍了iOS裁剪 - phpStudy...
iOS如何裁剪圆形头像本文实例为大家介绍了iOS裁剪圆形头像的详细代码,供大家参考,具体内容如下 - (void)viewDidLoad { [super viewDidLoad]; //加载图片 ...
ios 裁剪圆形头像_iOS中裁剪圆形头像
- (void)clipImage { // 0.加载图片 UIImage *image = [UIImage imageNamed:@"阿狸头像"]; // 1.开启位图上下文, ...
相册获取、相机拍摄，裁剪圆形头像
相册获取.相机拍摄,裁剪圆形头像应用场景很多应用都有个人中心,个人中心就会有头像,现在一般都流行圆形头像,那么怎么设置呢使用步骤这里参考了网上各位大神的文章,因为中途遇到几个坑,折磨了一天,快 ...
android裁剪圆形几种方式.
fun circleBitmap(bitmap: Bitmap):Bitmap{var bitmapCircle=Bitmap.createBitmap(100,100,Bitmap.Config.A ...
Flutter ClipOval 圆形裁剪实现的图形图片
题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精. Flutter是谷歌推出的最新的移动开发框架. Clip 家族的 Widget 用来裁剪其他 Widget ,以实现各种形状的样式. ...
android自定义矩形框,Android中ImageCropper矩形、圆形裁剪框的实现方法
前言支持圆形裁剪框,裁剪后生成圆形图案. 代码基于开源项目修改,github上项目链接:https://www.easck.com/> 说一下圆形裁剪实现部分: 1.UI方面,自定义Circl ...
Android 针对华为手机调用裁剪出现圆形裁剪框的处理
Android 针对华为手机调用裁剪出现圆形裁剪框的处理 if (Build.MANUFACTURER.equals("HUAWEI")) {intent.putExtra(&qu ...
Android ImageCropper 矩形圆形裁剪框
支持圆形裁剪框,裁剪后生成圆形图案. 代码基于开源项目修改,github上项目链接:https://github.com/shengge/android-crop 还是贴下效果图: 说一下圆形裁 ...
在Android中如何使用clipPath()方法实现简单的裁剪圆形图片
裁剪圆形图片的方式有很多,这篇文章主要为大家介绍如何使用clipPath()方法裁剪圆形图片. 首先,我们先看效果图: 裁剪前: 裁剪后: 接下来,我们来一步一步的实现. 1.新建一个module 2 ...
iOS 图片裁剪(用户头像裁剪)
图片裁剪把一张图片裁剪为指定的样式,比如常见的用户头像思路: 在图片的基础上绘制时,需要创建一个位图上下文确定裁剪区域(超出裁剪区域的都将被清除) 绘制图片从位图上下文中获取图片关闭上下文 ...

【godot shader】圆形裁剪，圆形头像

【godot shader】圆形裁剪，圆形头像相关推荐

最新文章

热门文章