ShaderJoy —— “爱心 ❤️ 转场” 的实现 【GLSL】

效果视频

静态效果图

❤

设计思路与核心代码

 首先我们将纹理坐标 p 换算为以 center 为中心的坐标系，如下所示

  
  

   
   

    
    

     
     

    
    
    
    

     
     

      float inHeart (vec2 p, vec2 center, float size)
     
     
    
    
   
   

    
    

     
     

    
    
    
    

     
     

      
      {
     
     
    
    
   
   

    
    

     
     

    
    
    
    

     
     
    // 奇异值的处理
     
     
    
    
   
   

    
    

     
     

    
    
    
    

     
     
    if (size == 0.0) 
     
     
    
    
   
   

    
    

     
     

    
    
    
    

     
     
        return 0.0;
     
     
    
    
   
   

    
    

     
     

    
    
    
    

     
     
 
     
     
    
    
   
   

    
    

     
     

    
    
    
    

     
     

      
          vec2 o = (p - center) / (1.6 * size);   ///< 以 center 为中心的坐标变换，随着 size 的变大，心形变大
     
     
    
    
   
   

    
    

     
     

    
    
    
    

     
     
 
     
     
    
    
   
   

    
    

     
     

    
    
    
    

     
     
    float a &
     
     
    
    
  
  
 
 

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

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