ShaderJoy —— 仿抖音的十字星光效果 【GLSL】

本文介绍的 “十字” 星光效果

更进一步通过 SDF 实现的复杂星际穿越效果

算法关键思路

首先着眼于单颗十字星的绘制

  

   

    

     

    
    

     

      float Star(vec2 gv, float sz, float flare)
     
    
   

    

     

    
    

     

      {
     
    
   

    

     

    
    

     
    float d = length(gv);
     
    
   

    

     

    
    

     
    float col = smoothstep(.99, .8, d) * .01 * sz / d;
     
    
   

    

     

    
    

     

          col *= col;
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
    /// @note 十字光（平滑过的）
     
    
   

    

     

    
    

     
    float a = smoothstep(crossCoef0, 1., 1. - abs(gv.x)) * .01 / d * flare;
     
    
   

    

     

    
    

     

          a += smoothstep(crossCoef0, 1., 1. - abs(gv.y)) * .01 / d * flare;
     
    
   

    

     

    
    

     

          col += a;
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
    return col;
     
    
   

    

     

    
    

     

      }
     
    
  
 

其函数近似示意图如下图所示（我故意把十字画得

文章来源: panda1234lee.blog.csdn.net，作者：panda1234lee，版权归原作者所有，如需转载，请联系作者。

原文链接：panda1234lee.blog.csdn.net/article/details/111062032