[對照]蝦爸的p5範例-1

Example Download，press 「a」 or 「space」

這隻p5 程式，是好友「蝦爸」很久以前的作品，作品視覺當然不止如此， 在這邊只把主要的部分截取出來跟大家分享，在這支程式中可以透過鍵盤控制視覺效果，配合聲響便可即時敲擊鍵盤，進行VJ演出。

功能：
鍵盤「Ａ」鍵是產生線條。
鍵盤「space」產生閃光效果。

[Processing code] ↓

float [] aa=new float[30];
float [] posX=new float[30];

float [] ww=new float[30];
float [] vv=new float[30];
int count=10;
float bk=0;

void setup() {
  size(600, 300);
  for (int i=0;i<10;i++)
 {
    aa[i]=0;
    posX[i]=random(0, width);
    ww[i]=0;
    vv[i]=0;
  }
  noStroke();
}

void draw() {
  if(bk>5){
  
  bk=bk-5;
  }
  background(bk);
  for (int i=0;i<10;i++) {
    fill(255, aa[i]);
    aa[i]=aa[i]-1;
    posX[i]=posX[i]+vv[i];
    if (posX[i]>width-ww[i]/2) {
      vv[i]=vv[i]*-1;
    }
    else if (posX[i]<0+ww[i]/2) {
      vv[i]=vv[i]*-1;
    }
    else {
    }
    rect(posX[i], 0, ww[i], height);
  }
}

void keyPressed() {
  if (key == 'a') {
    if (count>8) {
      count=0;
    }
    else {
      count++;
    }
    aa[count]=255;
    posX[count]=random(0, width);
    vv[count]=random(-3, 3);
    ww[count]=random(5, 15);
  }
  if (key ==' ') {
    bk=225;
  }
}

[Pd code] ↓

(ksquare.pd)



(main.pd)

Pd file download