02160473賴緯漢_2015互動技術概論 week6

今天WEEK6的練習

1.波動圖

(會動喔)

ellipse(X,Y,C,D);//(圓心座標X,圓新座標Y,半徑長,半徑寬)
程式碼：
void setup()
{
  size(500,500);//螢幕大小
}
void draw()
{
  background(255);//背景顏色
  for(int i=-1;i<20;i++){
    for(int j=-1;j<20;j++){
      float a=500.0/18.0;
      float r=a*2-10;
      float t=((i+j)*5+frameCount)/13.0;//使軌跡一直變的變數
      noFill();//空心
      ellipse(i*a,j*a,r,r);//背景圓
      fill(0);//實心
      ellipse(i*a+r*cos(t),j*a+r*sin(t),5,5);//使小實心圓繞著大空心圓軌跡跑
    }
  }
}

2.P5範例
P5為早期processing的範例作品

3.計時器
若到0的話則畫面變紅色
按滑鼠則計時器重來

程式碼：
int count=660;//總數
void setup(){
  size(500,500);
}
void draw(){
  if(count<60) background(255,0,0);//若count<60則畫面變紅色
  else{//否則count--
    background(255);
    count--;
  }
  fill(0,255,255);
  textSize(50);//字的大小
  text("Time: "+int(count/60),100,100);//count顯示出來
}
void mousePressed(){//若按滑鼠則重來
  count=660;
}