Processing入門指南/程序結構

新的代碼

void setup() {
  size(480, 120);
}

void draw() {
  if (mousePressed) {
    fill(0);
  } else {
    fill(255);
  }
  ellipse(mouseX, mouseY, 80, 80);
}

上面的代碼就是這一節要達到的效果。可以看到它比上一節的一行代碼要複雜很多，不止語句更多，還有一些複雜的結構。

運行一下

單擊工具欄上的運行按鈕，將彈出顯示窗口。將滑鼠滑過窗口，會看到如下演示效果。

演示效果

• 畫布大小是480×120像素，比前面例子中默認的畫布大
• 圓形會隨著滑鼠移動，並在屏幕上留下軌跡
• 當按下滑鼠左鍵，圓形的填充由白色變成黑色，鬆開後又變回白色

代碼結構

void setup() {

 size(480, 120);// 画布的大小被修改为长480，宽120.

}

void draw() {

 if (mousePressed) {
   fill(0);// 假如（if）鼠标点击（mousePressed),填充颜色修改为黑色（0， 0， 0）
 } else {
   fill(255);// 如果例外（else)(这里指鼠标没有点击），填充颜色为白色（255， 255， 255）
 }
 ellipse(mouseX, mouseY, 80, 80);// 现在绘制一个圆（ellipse),位置上，横向为鼠标的位置（mouseX),纵向也是鼠标的位置（mouseY),半径为80

} 註：在Processing語言中，橫向位置為X，縱向距離為Y，顏色填充為RGB設置（red, green, blue).