Line Flow (processing教學)

著實許久沒有更新相關processing的東西了,
隨著論文的啟動,遂又開始相關的學習,
基本上依然是以很簡單的概念去嘗試.
本來的想像是當隨機去決定每個體旋轉的角度時,
圖面本身可以表現出一不定性的流動,一種flow.
而基本的script如以下,可以改一些地方玩玩看.

void setup(){
  size(600,310);
  background(0);
  smooth();
  noStroke();
  //strokeWeight(0.5);
  //noLoop();
}

int b = 0;
int s = 0;

void draw(){
  frameRate(50);
  b += 1;
  if(b > 1){
    b = 0;
    background(0);
  }
  int[] myangle = {10,-30,45,-60}; //這裡決定有哪些旋轉角度選擇 
  rectMode(CENTER);
  for(int x = 10; x < width; x += 10){
    for(int y = 20; y < height; y += 30){
     pushMatrix();
     translate(x,y);
     rotate(radians(myangle [round(random(0,3))])); //當你有4種選擇就要改成0,3;如果只有兩種就是0,1    
     fill(255);
     rect(0,0,2,20); //這可以改變方形的尺寸    
      popMatrix();
    }
  }
  s += 1;
  if(s < 100){
    //saveFrame("flow-###.jpg");
  }
}

結果就是可以透過更改這兩項來產生不同的flow或pattern.
int[] myangle = {      };
rect(      );

--------------------------------------------------------------------------------------------------------------------

int[] myangle = {10,-30,45,-60};
rect(0,0,2,20);

int[] myangle = {10,-10};
rect(0,0,2,20);

int[] myangle = {10,-10,30,-45,60,-90};
fill(255,100);
rect(0,0,2,40);

int[] myangle = {10,-10};
rect(0,0,random(1,5),random(5,25));

所以動畫就類似以下,

Try it. :3