bb-week01

 開啟processing資料夾

點選processing

檔案>偏好設定>設定字型大小和中文字

運行size(500,500)

運行background(紅.藍.綠)

開新專案

剛剛是直接模式(immediate mode) 現在寫互動模式(active mode)

執行畫面
                                         

開新檔案複製上一個程式碼

void setup(){//設定

  size(500,500);
  background(255);//背景改白色
  }
void draw(){//畫圖 每秒畫60次
  if(mousePressed){
    line(mouseX,mouseY,pmouseX,pmouseY);//畫線(滑鼠座標mouseX,mouseY, 到之前滑鼠座標 pmouseX,pmouseY)
  }
}

可以畫圖了

開新檔案複製上一個程式碼

void keyPressed(){
 if(key=='1') stroke(255,0,0);//按下數字1 顏色變紅色 
 if(key=='2') stroke(0,255,0);//按下數字2 顏色變紅色 
 if(key=='3') stroke(0,0,255);//按下數字3 顏色變紅色 

}
    
 if(key=='s') save("output.png");//如果按下s就存檔
記得先存檔
檔案會在這

開啟github把檔案上傳上去

開新檔案

 if(key=='+') strokeWeight(10);
 if(key=='-') strokeWeight(1);
可以改變粗細

新增一個變數w

 if(key=='+') strokeWeight(++w);
 if(key=='-') strokeWeight(--w);
 println(w);
把w印出來
按下加減號就可以增加粗細

去openprocessing的網站註冊並上傳程式碼在網頁上面執行