互動技術Week03森

 Weel03

1.用程式碼，劃出一個點。

2.用程式劃一條線

3.更改程式碼，使點能夠四處跑，並且碰到邊界會反彈。

4.用程式碼陣列，製作出20個點並隨機移動。

5.讓點連起來

6.讓線條更豐富

7.增加吸引力

8.使用新版的processing

9.用程式使背景顏色隨時變化。

10.把彩虹做出來

11.設定程式跑出來的版面，並且點一下變顏色。

12.把其中一個球亂數決定，些微改變一點顏色。

程式碼

void setup(){

  size(300,300);

  colorMode(HSB,360,100,100);

  chooseColor();

}

void mousePressed(){

  chooseColor();

}

int I,J;

float h, s, b,dh,ds,db;

void chooseColor(){

  h = random(360);

  s = random(50,100);

  b = random(50,100);

  I = int(random(5));

  J = int(random(5));

  dh = random(-10,+10);

  ds = random(-10,+10);

  db = random(-10,+10);

}

void draw(){

  background(203,63,65);

  for(int i=0;i<5;i++){

    for(int j=0;j<5;j++){

      fill(h,s,b);

      if(i==I && j==J)fill(h+dh,s+ds,b+db);

      ellipse(30+j*60,30+i*60,60,60);

    }

  }

}