ProcessingJoy —— 扭来扭去【JAVA】【GLSL】

效果图

扭曲程度从上到下变大；中间扭曲程度大， 左右两边小

代码和注释

main.pde

主流程比较简单，主要就是完成把字符绘制到 PGraphics 的工作，然后传给 shader 去渲染扭曲效果

  

   

    

     

    
    

     

      PShader sh;
     
    
   

    

     

    
    

     

      PGraphics gra;
     
    
   

    

     

    
    

     

      PFont font;
     
    
   

    

     

    
    

     

      float tSize = 50;
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      String str = "ProcessingJoy";
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      void preload()
     
    
   

    

     

    
    

     

      {
     
    
   

    

     

    
    

     

          font = createFont("SourceCodePro-Regular.ttf", tSize);
     
    
   

    

     

    
    

     

      }
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      void setup()
     
    
   

    

     

    
    

     

      {
     
    
   

    

     

    
    

     

          size(640, 480, P3D);
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

          preload();
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

          gra = createGraphics(width, height);
     
    
   

    

     

    
    

     

          gra.beginDraw();
     
    
   

    

     

    
    

     

          gra.noStroke();
     
    
   

    

     

    
    

     
    //gra.fill(255);
     
    
   

    

     

    
    

     

          gra.textFont(font);
     
    
   

    

     

    
    

     

          gra.textSize(tSize);
     
    
   

    

     

    
    

     
    float tw = gra.textWidth(str);
     
    
   

    

     

    
    

     

          tSize = tSize / tw * gra.width;
     
    
   

    

     

    
    

     

          gra.textSize(tSize);
     
    
   

    

     

    
    

     

          gra.textAlign(LEFT, TOP);
     
    
   

    

     

    
    

     

          gra.endDraw();
     
    
  
 

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

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