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