Processing 筆記 （一）- 畫圓

1. Sketch 為 processing 的程式碼名稱(等同 Max/MSP/Jitter 中的 patch)。

2. Control + k 可開啟 sketch 所存的檔案夾。

3. Export 按鍵可用來將 processing 的程式碼與相關檔案存成獨立的 applet。

4. setup()用來確保之後要執行的程式之準備工作皆已完備。例如設定影像的大小（以像素為單位）、畫格速率等。

5. Java 程式設計的function 指一群程式碼集合之名稱，其跟變數相似之處在於其有名稱與類型，但跟變數不同之處在於 function 還能操控變數。換句話說，function 包含啟始的變數輸入、結束時結果的輸出。若 function 為某物件的一部分，通常被稱為 method，以「物件名稱.函數」的方式被呼叫。function 與 method 兩者之差別，僅在於語義上的差別。

6.frameRate()用來設定每秒鐘 draw()要被呼叫的次數。

7. print() 用來將程式的訊息顯示在 Processing IDE(Integrated Development Environment)下方的 Console Window 視窗中。

8. ellipse()用來畫橢圓或圓，例如 ellipse(150,150, x, y)前兩項為圓心，x、y 則決定是否為橢圓，若 x=Y 則為圓形。

9. x = x+2 可表示成 x += 2。下例中，每次 draw() 被呼叫時， x 植便增加2。

10. rect (x, y, width, height) 前兩項為方形的左上角位置。ellipse(x, y, width, height) 的前兩項則為圓心位置。

11. line (x1, y1, x2, y2) 可用來畫直線，前兩項表示直線起點位置，後兩項表示直線終點位置。

12. 繪圖過程中，後下的繪圖指令會覆蓋先下的繪圖指令所畫出的圖形。



同心圓動畫的範例：

int x = 0;
void setup() {
   size(300, 300);
   frameRate(30);
}

void draw() {
   x += 2 ;
   ellipse(150, 150, x, x);
   if(x>300){
      x = 0;
   }
}