Week01 呆江的筆記

Week01 認識processing

安裝processing

上網搜尋processing並下載(有win32、win64...可選擇)
下載網址：https://processing.org/download/

下載完後解壓縮即可開始使用σ`∀´)σ

上課進度

視窗大小：size(800,600);
這行可以更改視窗的大小(預設為100*100)

畫線：line(0,0,100,100);
畫矩形：rect(100,100,300,300);

執行結果：

讓我們來寫簡單的互動程式吧σ ﾟ∀ ﾟ) ﾟ∀ﾟ)σ

基本架構：

void setup(){

}
void draw(){

}

我們先做一個滑鼠按下視窗會換顏色的程式

void setup(){
  size(800,600); ///視窗大小
}
void draw(){
  if(mousePressed)  background(255,0,0);  ///如果滑鼠按下 背景變紅
  else  background(0,255,0); ///沒有的話，背景綠色
}

執行結果：

再來，我們做個簡易的小畫家

void setup(){
  size(800,600);
}
void draw(){
  if(mousePressed)  line(mouseX,mouseY,pmouseX,pmouseY);
  ///如果滑鼠按下，就畫線(滑鼠位置)
}

執行結果：

進化版─=≡Σ((( つ•̀ω•́)つ

增加新函式：

void keyPressed(){
  if(key == '1')  strokeWeight(1);
  if(key == '2')  strokeWeight(2);
  if(key == '5')  strokeWeight(5);
  if(key == '9')  strokeWeight(9);

  if(key == 'r')  stroke(255,0,0);
  if(key == 'g')  stroke(0,250,30);
  if(key == 'b')  stroke(0,30,250);
}
可以用鍵盤數字控制筆的大小，r、g、b鍵控制顏色

執行結果：