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).