Processing 入門

Processing 入門

         Processing 是由 MIT 媒體實驗室的 Casey Reas 和 Benjamin Fry 發明的一種開源可視化程式語言。Processing 是為數位媒體與娛樂互動設計而創建，其目的是通過視覺化的方式輔助程式教學，並在此基礎之上表達數位創意。

Processing 安裝

    Processing 是免費的軟體可在這裡下載。

https://processing.org/download/

 會詢問是否要捐款贊助，選好後會跳至下載畫面。

 

      選擇符合自己電腦的版本下載。下載完成後解壓縮，Processing是免安裝軟體不用安裝手續就可執行，我的習慣是把整個目錄直接放在桌面上。

點兩下 processing.exe 就會開啟 Processing。

    看起來很像 Arduino ? 沒錯 Arduino 是用 Processing 改寫的，目前版本3.1.1只有簡體中文沒繁體中文。Processing 是以速寫本方式的直譯程式，有兩個重要的段落void setup() 與 void draw()。
 

void setup()  

{     // 在這括號內的會執行一次

.....

}

void draw() 

{     //在這括號內的會重複執行

.....

}

    

聽起來好像很簡單就照著範例先執行一次。

void setup() {    

  size(480, 320);    //設定視窗大小

}

void draw() {                 //開始畫畫

  if (mousePressed)     //如果滑鼠按鈕被按下

 {  

    fill(0,255,0);            //將顏色設定為綠色

  } 

else                           //滑鼠按鈕沒被按下

{

    fill(255,0,0);            //將顏色設定為紅色

  }

  ellipse(mouseX, mouseY, 40, 40);  //劃橢圓座標使用滑鼠位置,直徑 40X40

} 

 把上面這段複製到 Processing IDE，會所有的中文全部變成框框也辦法打中文字。

 須到  Processing IDE 文件 > 偏好設定 。將 編輯器和控制台字體改為 "細明體" 。勾選 "啟用複雜字體輸入" 。編輯器字體大小改為"18"。改好後按 "確認"。

 按確認後回到 Processing IDE 中文註解就顯示正常。

 按"撥放"按鈕 。

 Processing 會跳出另一個視窗，滑鼠在視窗上面移動會畫出滑鼠軌跡紅點，按著滑鼠按鍵移動會顯示綠色圓點。

參考資料 : 

 https://processing.org/

 https://zh.m.wikibooks.org/wiki/Processing%E5%85%A5%E9%97%A8%E6%8C%87%E5%8D%97