WW-Week01

第一個小程式week01_1

在processing內學習Java，第一步，設定視窗大小

第二行設定背景顏色

第二個小程式week01_2

接下來我們寫一個互動模式的程式，滑鼠移動到哪裡就畫一個圓

///互動模式Interactive Mode
//大一,二學int main(){...}
void setup(){//設定
  size(500,500);
  background(255,255,0);
}
void draw(){//畫圖每秒畫60次
 ellipse(mouseX,mouseY,8,8);
}

第三個小程式week01_3

小畫家

///互動模式Interactive Mode
//小畫家
void setup(){//設定
  size(500,500);
  background(255);///白色背景
}
void draw(){//畫圖 每秒畫60次
 if(mousePressed){//如果mouse有按下去
   line(mouseX,mouseY,pmouseX,pmouseY);
 }//畫線(滑鼠座標mouseX,mouseY),到之前滑鼠座標pmouseX,pmouseY
}

第四個小程式week01_4_keyPressed_save

有彩色筆的小畫家，按S時可以存檔，存的圖片會存在程式目錄(開啟程式素描本/開啟程式目錄)

///互動模式Interactive Mode
//小畫家
void setup(){//設定
  size(500,500);
  background(255);///白色背景
}
void draw(){//畫圖 每秒畫60次
 if(mousePressed){//如果mouse有按下去
   line(mouseX,mouseY,pmouseX,pmouseY);
 }//畫線(滑鼠座標mouseX,mouseY),到之前滑鼠座標pmouseX,pmouseY
}
void keyPressed(){
  if(key=='1')stroke(255,0,0);//如果按下數字1 筆是紅色
  if(key=='2')stroke(0,0255,0);//如果按下數字2 筆是綠色
  if(key=='3')stroke(0,0,255);//如果按下數字3 筆是藍色
  if(key=='s'||key=='S')save("output.png");//如果按下s就會存檔
}

上傳github開新的程式倉庫

如果動態和靜態搞混(line那行不能放外面)
第五,六個小程式

現在可以調整粗細

探索openprocessing動態藝術(https://openprocessing.org/)

註冊
將程式貼上去可以直接執行

///互動模式Interactive Mode
//小畫家
void setup(){//設定
  size(500,500);
  background(255);///白色背景
}
void draw(){//畫圖 每秒畫60次
 if(mousePressed){//如果mouse有按下去
   line(mouseX,mouseY,pmouseX,pmouseY);
 }//畫線(滑鼠座標mouseX,mouseY),到之前滑鼠座標pmouseX,pmouseY
}
int w=1;
void keyPressed(){
  if(key=='1') stroke(255,0,0);//如果按下數字1 筆是紅色
  if(key=='2') stroke(0,0255,0);//如果按下數字2 筆是綠色
  if(key=='3') stroke(0,0,255);//如果按下數字3 筆是藍色
  if(key=='s'||key=='S')save("output.png");//如果按下s就會存檔
  if(key=='+') strokeWeight(++w);//按+ 挑整成粗線
  if(key=='-') strokeWeight(--w);//按+ 挑整成細線
  println(w);
}

**再貼程式碼時在Processing全選右鍵/複製為HTML格式**