Creator3D:shader_这种置灰效果看起来挺牛逼，原来实现起来这么简单

前言

今天菜鸟来实现一个特别简单的效果，但是非常实用，因为菜鸟十一期间打发时间玩了一款枪战和一款武侠类游戏都用到了置灰这种效果。

效果

咱们还是先来看看效果：

正文

1.实现原理

实现原理，我们首先需要进行采样，然后对采样结果进行灰度操作，然后输出。

菜鸟对灰度化的处理操作为：

• 1.对模型贴图进行采样
• 2.对采样结果的r,g,b三个值取任意一个，使其他两个值与取的这个值一致，也就是r,g,b三值其实数值一样

2.代码

vec4 frag () {
  vec4 col = mainColor*texture(mainTexture, v_uv);
  col=vec4(col.x,col.x,col.x,col.a);
  col = CC_APPLY_FOG(col, factor_fog);
  return CCFragOutput(col);
}
其实主要的代码也就一行：col=vec4(col.x,col.x,col.x,col.a);
对采样后的值进行处理

地址

• 微信公众号：搬砖小菜鸟
  
• 扫码关注公众号，发送"置灰效果"可获取源码