shader 扇形CD 类似于苹果app安装载入CD效果

本文介绍如何使用shader创建类似苹果App安装时的扇形CD加载效果。通过调整RGB值实现颜色变暗,并利用两个不同半径的圆分别绘制内圆和外环。通过计算角度和方向,实现顺时针动态效果。最后通过调整标志变量消除if判断,提高效率。附带实际运行效果展示。
摘要由CSDN通过智能技术生成

在这里插入图片描述
背包中特殊物品有cd需求,参考了下苹果的效果。

思路

这个效果变暗的区域,我们可以使用rgb除以一个正整数的形式来实现变暗。如这样:color.rgb/3.0

里面有一个变暗的动态圆,中间环形是正常颜色,最外圈是变暗的静态环,覆盖整个图标。那这里就需要有两个半径,一个是内圆半径R,一个是外环半径R1。

先绘制出两个 变暗的区域出来。
下面展示一些 内联代码片

vec2 center = vec2(0.5,0.5);
	float R = 0.15;
	float R1 = 0.2;
	vec2 uv = v_texCoord;
	vec4 color = texture2D(CC_Texture0, uv) * v_fragmentColor;
	float D = distance(center,uv);
	//内圆
	//0 在范围内 1 在范围外
	float flag = step(R,D);
	color.rgb = mix(color.rgb/3.0,color.rgb,flag);
	//外部环形变暗的区域
	float flag1 = step(D,R1);
	color.rgb = mix(color.rgb/3.0,color.rgb,flag1);;

效果:
在这里插入图片描述
非常简单,

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值