Creator3D:shader14_噪声消融

前言

消融效果是有游戏中常用的一种效果,通常用于角色死亡时的消失,消融效果的原理是通过一张噪波贴图,实现模型上随机消失。

效果展示:

正文

噪声图

  • 什么是噪声图:其实就是一张灰度图(如图)

    其实也可以叫做采样图。
    至于噪声图的来源与生成大家可以去网上查一查,文章挺多的,菜鸟主要说一下他与本次要实现的效果之间的联系

实现原理

消融

  • 消融其实就是从随机地方开始,然后向四周蔓延,直到慢慢的全部看不见。
  • 首先我们要对噪声纹理进行采样
  • 由于噪声纹理是一张灰度图,所以采样得到r,g,b都是一样的
  • 取其中的与指定的阈值进行比较
    大家都清楚黑-白的是rgb值从0-1的一个变化过程,咱们至于要指定一个值,当噪声纹理采样的r值小于这个值时将当前这个片元的alpha设置为0
vec4 frag () {
  vec4 color=mainColor;
  vec2 uv=v_uv;
  vec4 noiseCol =texture(moiseTexture, v_uv);
  if(noiseCol.r<solubility){
        color=vec4(1.0,1.0,1.0,0.0);
  }
  vec4 col = color * texture(mainTexture, v_uv);
  col = CC_APPLY_FOG(col, factor_fog);
  return CCFragOutput(col);
}

外描边

菜鸟这个外描边颜色加的确实不咋的,本来像加一个火红的燃烧颜色的,大家可以自己试一下,我将大概的方法说一下,

  • 在上边我们实现了消融
  • 举个例子:
    • 假设我们设定的阈值是0.5,噪声采样的r值小于0.5的透明度设置为0,
    • 我们的描边初始设为0.15(可自己调整)
    • 我们只需要才做一层判断,当噪声采样的r值大于0.5,小于0.5+0.15时对颜色进行修改
 vec4 frag () {
    vec4 color=mainColor;
    vec2 uv=v_uv;
    vec4 noiseCol =texture(moiseTexture, v_uv);
    float solubility=sin(cc_time.x);

    if(noiseCol.r<solubility+0.15){
      float c=(solubility-noiseCol.r)*(0.15/1.0)*0.4;
      color*=vec4(1.0,c,c,1.0);
      if(noiseCol.r<solubility){
          color=vec4(1.0,1.0,1.0,0.0);
      }
    }
    vec4 col = color * texture(mainTexture, v_uv);
    col = CC_APPLY_FOG(col, factor_fog);
    return CCFragOutput(col);
  }

最终的效果就是咱们一开始展示的那样。

地址

  • 微信公众号:搬砖小菜鸟
  • 扫码关注公众号,发送"噪声消融"可获取源码
  • 菜鸟同时创建了一个qq群(960124989)大家可以添加一下,方便大家在使用过程中遇见问题的沟通
6赞

高产的大佬

shader里面尽量少用if,会影响性能,你使用的这些if可以改用step函数

学习学习.

比如说
if(noiseCol.r<solubility){
color=vec4(1.0,1.0,1.0,0.0);
}
可以改成
color.a = step(solubility, noiseCol.r);

:+1::+1::+1::+1:

mark!mark!

3.3.2失效了怎么搞呢?
后来改好了有了消融效果,但不会消失。

瞅瞅效果.

现在在外面了,发不了。就是最后两行不能用了在3.3.2里,然后去掉out第二个参数可以用了,但是外面的那个躁波贴图动画消融后,模型还是不会透明消失,仍然会显示main第一个材质。
上面你得图片消融后不是都看不见了嘛,我的就相当于人物贴图还在,还是能看见。