背包中特殊物品有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);;
效果:
非常简单,