用unity的spriterenderer组件实现圆形360度的filled效果

百度上搜了一下貌似没搜到实现这个功能的教程,那我来填补一下这块缺失嗷

要实现filled效果首先就是需要能够通过计算来判断你的amount改变时,图片那部分需要隐藏起来,那部分需要展示出来。因此,水平垂直方向的filled只要考虑uv的x轴或者y轴就可以,可是360度的filled要考虑的事情就很多了。

总所周知,一个图的uv坐标是这样的

圆形的中心点的坐标就是(0.5,0.5)。

上下左右的坐标就是:(0.5,1)(0.5,0)(0,0.5)(1,0.5)

那我们先拿右点:A(1,0.5)边坐标作为filled功能的起始点。

通过中心点和起始点可以先确定一个向量

然后取uv上每个点和中心点做向量OX来和向量OA做点乘。就能得出OX和OA之间的夹角,角度最大的时候(180度)点乘结果为-1,角度最小(0度)值为1。

所以先做一个这样的shader:

变量amount是一个range(-1,1)的值,如果当前像素和OA的点乘结果大于amount,则alpha值设为0,如果小于amount就显示出来。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值