processing制作动态山水背景

效果
代码

 float theta, step;
 int num=5, frames = 1200;
 Layer[] layers = new Layer[num];  //

 void setup() {
   size(600, 400);
   step = (height-120)/num;
   for (int i=0; i<num; i++) {
     layers[i] = new Layer(-20+i*step, random(1000), i+1);
   }
 }  

 void draw() {
   background(#ffffff);
   for (int i=0; i<layers.length; i++) {
     color col = lerpColor(#4A14C1, #ffffff, 0.8-0.8/num*i);
     fill(col);
     layers[i].display();
   }
   theta += TWO_PI/frames;  

   //if (frameCount%2==0 && frameCount<=frames) saveFrame("image-###.gif");
 }  

 class Layer {  

   float start, noize, speed;
   float yOff, yOff2;  

   Layer(float _start, float _noize, float _speed) {
     start = _start;
     noize = _noize;
     speed = _speed;
   }  

   void display() {
     yOff = yOff2;
     noStroke();
     for (int x=0; x<width; x+=1) {
       float y = start + noise(noize+sin(yOff)*3)*step*3.5;
       rect(x, height, 1, -height+y);
       yOff+=TWO_PI/(width);
     }
     yOff2=theta*speed;
   }
 }  

参考链接：http://iprocessing.cn/2017/10/22/第八期%ef%bc%9aprocessing制作动态山水背景/