Overview（オーバービュー）

Processing環境は、プログラムを表示させる統合されたテキストエディターと、ディスプレーウィンドウから構成されている。実行 "run"ボタンが押されると、プログラムはコンパイルされ、グラフィックウィンドウが立ち上がる。メインの環境ウインドウから、実行、停止、セーブ、開く、そしてファイルのエキスポートが可能である。

Coordinates（座標）

Processingは、起点が左上にある「Cartesian coordinate」システムを使っている。もしも、書いているプログラムが320ピクセル幅 240ピクセル高のものなら、座標[0,0]は左上になり、座標[320,240]は、右下になる。

Programming_modes（プログラミングモード）

Processingでは、Static Mode(スタティックモード)、Active Mode(アクティブモード)、Java Mode(Javaモード)の複合した３つのレベルによってプログラムを書くことができる。

size(200, 200);
background(255);
noStroke();
fill(255, 204, 0);
rect(30, 20, 50, 50);

以下の例は、マウスの位置（mouseX とmouseY変数に保持）を追いかける長方形を描く。また、background()メソッドも一度しか必用としないのでsetup() 内に読み込まれる。

void setup()
{
  size(200, 200);
  background(255);
  rectMode(CENTER_DIAMETER);
  noStroke();
  fill(255, 204, 0);
}

void loop()
{
  rect(width-mouseX, height-mouseY, 50, 50);
  rect(mouseX, mouseY, 50, 50);
}

public class MyDemo extends BApplet {
  void setup()
  {
    size(200, 200);
    background(255);
    rectMode(CENTER_DIAMETER);
    noStroke();
    fill(255, 204, 0);
  }

  void loop()
  {
    rect(width-mouseX, height-mouseY, 50, 50);
    rect(mouseX, mouseY, 50, 50);
  }
}