Hello World

編寫 Processing 程式碼的最簡單方法是簡單地呼叫一系列函式。按 Processing 處理編輯器中的執行按鈕,Processing 將執行你的程式碼。這是一個例子:

size(200, 200);
background(0, 0, 255);
fill(0, 255, 0);
ellipse(100, 100, 100, 100);

此程式碼建立一個 200x200 視窗,繪製藍色背景,將填充顏色更改為綠色,然後在螢幕中間繪製一個圓圈。

在藍色背景的綠色圈子

但是,大多數 Processing 草圖將使用預定義的 setup()draw() 函式。

  • setup() 函式由 Processing 自動呼叫,一次在草圖的最開頭。此功能用於執行初始設定,例如 size,以及載入影象和聲音檔案等資源。

  • draw() 函式由 Processing 每秒自動呼叫 60 次。此功能用於繪製和獲取使用者輸入。

    void setup() {
      size(200, 200);
    }
    
    void draw(){
      background(0);
      ellipse(mouseX, mouseY, 25, 25);
    }
    

此程式碼建立一個 200x200 視窗,然後在當前滑鼠位置繪製一個圓。

在滑鼠圈